子主题中的css无法正常工作

时间:2017-08-30 作者:Benjamin

我正在尝试让儿童主题发挥作用。起初它没有加载,因为它没有将其识别为子主题。现在它确实可以工作了,但当我激活它时,它会加载我页面的一个版本,似乎没有任何css或其他东西。那里只有文本和图像,但没有样式。是因为它没有完全使用父主题还是什么?

我只是从Wordpress开始,如果我不是很清楚或使用了正确的术语,我很抱歉。提前谢谢。

这是我的职能。php文件:

<?php
function my_theme_enqueue_styles() {

$parent_style = ‘twenty seventeen-style’;

wp_enqueue_style( $parent_style, get_template_directory_uri() . \'/style.css\' );
wp_enqueue_style( \'child-style\',
    get_stylesheet_directory_uri() . \'/style.css\',
    array( $parent_style ),
    wp_get_theme()->get(\'Version\')
);
}
add_action( \'wp_enqueue_scripts\', \'my_theme_enqueue_styles\' );
?>

2 个回复
最合适的回答,由SO网友:7asobate- 整理而成

您必须在函数的开头输入该代码。在子主题中包含父主题的style.css 文件

<?php
add_action( \'wp_enqueue_scripts\', \'my_theme_enqueue_styles\' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( \'parent-style\', get_template_directory_uri() . \'/style.css\' );

}
访问this 第页了解更多信息

SO网友:Rick Hellewell

您是否按照此处的说明操作:https://codex.wordpress.org/Child_Themes ?

我认为所需要做的就是把它作为子主题的标题style.css (根据上述链接的示例)

/*
 Theme Name:   Twenty Fifteen Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfifteen
 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:  twenty-fifteen-child
*/
然后您可以在上面的下面添加其他CSSstyle.css 标题和子主题中的其他函数functions.php . 然后将自己的模板放在同一文件夹中。

我一直都是这样做我的孩子主题的。不wp_enqueue_style 需要等。

结束

相关推荐

有没有办法通过unctions.php在模板中“在页面上”推送javascript或css?

我的意思是,当我在函数中“enqueue\\u scripts”以将CSS或JS加载到模板中时,它会添加完整路径。我想做的是将Javascript实际发布到实际页面上,以便在页面上按如下方式推送它:<script> the javascript is printed ON the page NOT a Full Path </script> 我知道这有一个插件,但我想知道是否有一个更简单的\'功能。php的做法。。。换句话说,我正在努力加快网站的速度,也就是说,我正在尝试