无法在子主题中包含页面模板的样式表

时间:2016-10-02 16:48:39

标签: css wordpress themes

我创建了一个子主题,并在子主题中创建了一个page-splash.php,并为该页面创建了一个page-splash.css,但不知何故我无法加载page-splash.css page-splash.php文件。

这是我在functions.php中的代码(在子主题文件夹中)

 <?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' );

}

function splash_enqueue_style() {
    wp_enqueue_style( 'page-splash', get_template_directory_uri().'/css/page-spash.css' ); 
}
add_action( 'wp_enqueue_scripts', 'splash_enqueue_style' );


?>

我真的很感谢你对此的帮助。 我究竟做错了什么?? 我在localhost中工作,并在事情正常工作后将这些文件传输到工作域。

2 个答案:

答案 0 :(得分:1)

一些事情,从最简单的开始 - 你的page-splash.css文件路径中有一个拼写错误。你输入的内容是page-spash.css

此外,可能没有必要为此调用两个单独的函数。您可以在一次调用中将这两种样式排入队列:

function splash_enqueue_style() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    if(is_page_template('page-splash.php'){
      //Path to your template.. if it's in a dir, include it before the file
      wp_enqueue_style( 'page-splash', get_template_directory_uri().'/css/page-splash.css' );
    }
}
add_action( 'wp_enqueue_scripts', 'splash_enqueue_style' );

答案 1 :(得分:0)

好吧,我一直在寻找答案,我找到了答案。 如果你想加载所有的javascript,似乎使用wp_head()很重要 或css文件,当我这样做时它开始工作。