如何在创建子主题时正确地将父主题样式表和子主题样式表排队?

时间:2015-07-23 作者:AndreaNobili

我必须创建一个子主题来实现对WordPress主题的一些更改,并避免在更新主题时丢失这些更改。

所以我对怎么做有些怀疑。

我遵循这一官方教程:https://codex.wordpress.org/Child_Themes

因此,我创建了子主题目录(名为accesspress-parallax-child 因为原始主题的目录是accesspress-parallax) 进入WordPresswp-content/themes/ 我的WordPress安装目录和

我已将style.css* and the **functions.php 文件

进入style.css 文件我已将此注释代码(如文档中所述):

/*
 Theme Name:   Accesspress Parallax Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Accesspress Parallax Child Theme
 Author:       Andrea Nobili
 Author URI:   http://example.com
 Template:     accesspress-parallax
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  accesspress-parallax-child
*/
现在,它说,我to enqueue the parent and child theme stylesheets 投入functions.php 存档此代码:

add_action( \'wp_enqueue_scripts\', \'theme_enqueue_styles\' );
function theme_enqueue_styles() {
    wp_enqueue_style( \'parent-style\', get_template_directory_uri() . \'/style.css\' );

}
现在我有两个疑问:

1) 在前面的代码片段中,我是否必须以某种方式引用父主题?它如何知道父主题是什么?

2) 文件中写道:

仅当父主题仅使用一种主样式时,以下示例函数才起作用。css保存所有css。如果你的主题不止一个。css文件(例如ie.css、style.css、main.css),然后您必须确保维护所有父主题依赖关系。

exaclty是什么意思?我的原创主题不止一个。css文件。影响到原来的主题我有一个css 包含许多css文件的目录。

我该怎么办才能解决这个问题?

Tnx公司

1 个回复
最合适的回答,由SO网友:denis.stoyanov 整理而成

检查this codex page.

在使用子主题的情况下,将返回父主题目录URI。

所以,如果你想包含你的其他css文件,你只需要将所有css文件:

add_action( \'wp_enqueue_scripts\', \'theme_enqueue_styles\' );
function theme_enqueue_styles() {
    wp_enqueue_style( \'parent\', get_template_directory_uri() . \'/style.css\' );
    wp_enqueue_style( \'custom-handler-one\', get_template_directory_uri() . \'/custom-css-one.css\' );
    wp_enqueue_style( \'custom-handler-two\', get_template_directory_uri() . \'/custom-css-two.css\' );
    ...
    wp_enqueue_style( \'custom-handler-n\', get_template_directory_uri() . \'/custom-css-n.css\' );
}
请注意,有些主题是以奇怪的方式编码的,因此这种方法可能并不总是有效的。如果共享主题的名称或样式的包含方式,则可以提供更详细的描述:)。

结束

相关推荐

Responsive Admin Themes

我在看这个管理主题的示例(http://themepixels.com/main/themes/demo/webpage/shamcey/dashboard.html). 至于标签为“Navigation”的左侧管理栏,有没有一种方法可以在不使用插件的情况下实现这种类型的左侧仪表板管理菜单?我想用css、js或Jquery来实现这一点,任何处理编码的东西都可以。