Question

我刚刚阅读了本教程 HERE ，基本上作者建议像这样导入css样式表：

function theme_enqueue_styles() {
wp_register_style( 'custom-style', get_template_directory_uri() . '/style.css', array(), '20120208', 'all' );
wp_enqueue_style('custom-style' );

}

add_action（＆＃39; wp_enqueue_scripts＆＃39;，＆＃39; theme_enqueue_styles＆＃39;）;

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

我的主题的header.php看起来像这样：

<!doctype html>
<html <?php  language_attributes(); ?> >
    <head>
        <meta charset="<?php  bloginfo('charset');   ?>">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title><?php bloginfo('name');  ?></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">        

        <?php  wp_head(); ?>

    </head>
    <body <?php  body_class(); ?>>



    <header class="site-header">
        <h1><a href="<?php echo home_url(); ?>"></a><?php bloginfo('name');  ?></h1>
        <h5><?php bloginfo('description'); ?></h5>
    </header>

但是我仍然没有看到样式表的影响，有人能指出我到底做错了什么吗？

编辑:: 在进一步检查时我发现如果我在index.php中发布header.php的内容，样式表加载正常，这意味着我的functions.php文件工作正常。所以我想问题是我的header.php文件，我已经更新了我的header.php文件的样子，所以有人可以告诉我我的header.php文件现在有什么问题吗？

谢谢。

Answer 1

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

Answer 2

应该是：

    add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
    function theme_enqueue_styles() {
        wp_register_style( 'custom-style', get_template_directory() . '/style.css');
        wp_enqueue_style('custom-style' );
    }

style.css位于主题的根文件夹中，对不对？

Answer 3

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_register_style( 'parent-style', get_template_directory_uri() . '/styles.css', array(), false, 'screen' );
 wp_enqueue_style( 'parent-style' );
}

Answer 4

问题是我没有像这样导入标题：

get_header();

样式表未在wordpress

4 个答案: