CSS stylesheet not loading

时间:2017-11-04 作者:dimery2006

我是全新的主题开发人员。我的css样式表没有加载,我不确定问题是否出在函数中。php,样式。css,索引。php,标题。php或页脚。php文件。我在索引中添加了一个div类“post title”。php,它应该改变我帖子的字体颜色,但现在它没有这样做。我的代码如下:

functions.php:

            <?php
                function link_css_stylesheet() {
                    wp_enqueue_style(\'style\', get_stylesheet_uri());
                }

                add_action(\'wp_enqueue_scripts\', \'link_css_stylesheet\');
            ?>

style.css:

            /*
            Theme Name: Richard Theme Name
            Theme URI: http://www.intechio.com/themes/Richard-Theme
            Author: Richard
            Author URI: https://intechio.com
            Description: Theme project.  
            Version: 1.0
            */

            .post-title {
                color : rgb(0,100,0);
            }

index.php:

            <?php
                get_header();
                ?>

                <div class="post-title">

                    <?php

                    if (have_posts()) : 
                        while (have_posts()) : the_post();
                            the_title();
                            the_excerpt();
                        endwhile; 
                    else: 
                        echo "No posts.";
                    endif;

                    ?>

                </div>

                <?php
                get_footer();
            ?>

header.php:

            <!DOCTYPE html>
                <html>
                    <head>
                        <meta charset=”<?php bloginfo(‘charset’); ?>
                        <title><?php wp_title(); ?> | <?php bloginfo(\'name\'); ?></title>
                        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
                        <?php wp_head(); ?>
                    </head>
                        <body <?php body_class(); ?>>
                            <h1><?php bloginfo(‘name’); ?></h1>
                            <h2><?php bloginfo(‘description’); ?></h2>

footer.php:

            <p>this is a footer</p>
            </body>
            </html>
提前感谢您提供的任何提示。

5 个回复
SO网友:Venkatesh

我尝试使用您的函数创建WordPress主题。php,样式。css和索引。php,对我来说,样式表加载正确。请确保已添加标题。php和页脚。主题的php。请学习一些关于WordPress主题开发的教程。您可以查看此链接https://codex.wordpress.org/Theme_Development有关详细信息。

SO网友:dimery2006

原来我的代码没有问题。问题在于浏览器(Chrome)没有刷新css样式。我最初以为样式表没有加载,但实际上浏览器只是需要刷新。解决方案是通过键入Ctrl+F5强制刷新缓存。谢谢大家的帮助!

SO网友:Alexander Holsgrove

很可能是你的头球。php文件不包括:

<?php wp_head(); ?> 
此函数将添加HTML标记以包含CSS文件。

SO网友:Hector

我用你的代码创建了一个简单的WordPress主题,我发现你的风格工作正常。

但在header.php 文件

 <meta charset="<?php bloginfo(\'charset\'); ?>
您错过了一个> 关闭meta 标签和a" 关闭charset.正确的是:

 <meta charset="<?php bloginfo(\'charset\'); ?> ">
此外,为了避免进一步的问题,请检查WordPress theme development documentations.

作为快速指南,您需要使用wp_footer() 中的函数footer.php.

同时避免使用?> 在文件末尾。因为后面的任何字符都会导致headers already sent 错误,您可能只能看到空白页。

SO网友:Liam Stewart

wp_enqueue_style(\'style\', get_stylesheet_uri());

不返回style.css

它返回主题文件夹。

尝试以下操作:

function link_css_stylesheet() {
    wp_enqueue_style(\'style\', get_bloginfo(\'template_directory\').\'/style.css\');
}
add_action(\'wp_head\', \'link_css_stylesheet\');

结束

相关推荐

根据页面内容在Head中包含css文件

例如:我有一个插件,可以在页面中添加一个框</Box需要CSS文件和JS文件</可以通过短代码、PHP或小部件添加框</我的问题是-如何包括CSS和;JS文件仅限于此框所在的页面?对于JS文件,它很简单,因为它被添加到页脚。但是CSS文件必须添加到<head> 部分我知道有些解决方案涉及字符串解析post\\u内容和查找短代码。但当通过Widget或PHP添加box时,这并没有帮助。有什么建议吗?非常感谢。