Wordpress 文件 functions.php 未加载 style.css答案

【问题标题】：Wordpress file functions.php is not loading the style.cssWordpress 文件 functions.php 未加载 style.css
【发布时间】：2019-05-27 23:51:52
【问题描述】：

我似乎无法让我的 WordPress 主题的 functions.php 文件加载我的样式表。

我在我的 WordPress 主题的主题目录中创建的文件及其各自的内容如下；

style.css

/*
Theme Name: Theme Study
Author: A
Version: 1.0.0
*/

body {
    color: #4d5a6c !important;
}

header.php

<!DOCTYPE html>
<html lang="en">
<head>
    <?php wp_head(); ?>
</head>
<body>
    <h2>This is the header</h2>

index.php

<?php get_header();

while ( have_posts() ) {
    the_post(); ?>
    <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    <?php the_content();
}
get_footer(); ?>

页脚.php

    <h4>This is the footer</h4>
<?php wp_footer(); ?>
</body>
</html>

functions.php

<?php 
function style_files() {
    wp_enqueue_style( 'style_main', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'style_files' );

另一方面，我意识到当我直接引用我的 WordPress 主题的 header.phpfile as below, it works as expected, but my aim is to achieve that in thefunctions.php` 文件中的样式表时。

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>" />
    <?php wp_head(); ?>
</head>
<body>

<h2>This is the header</h2>

为什么我的style.ccs 没有从functions.php 文件中加载？

【问题讨论】：

我已经尝试过上面的代码并且工作正常。我正在获取 style.css 文件
有没有办法查看或调试问题所在？
确保您的 style.css 位于主题根文件夹中，并要求您提供您的页面查看源，以便更好地了解。
我放源码
如果您尝试将 wp-config.php 中的 WP_DEBUG 设置为 true 会怎样？所以应该是：define('WP_DEBUG', true);。您是否看到任何错误消息？

标签： css wordpress wordpress-theming

【解决方案1】：

请用您的 wp_enqueue_style 函数替换此函数。

wp_enqueue_style( 'style', get_stylesheet_uri() );

【讨论】：

仍未加载
我在本地主机上
在浏览器中检查元素模式下的链接。
如果我把这个标签" " 在头部，而不是它会起作用，但我了解到正确的方法是在 functions.php 中插入 wp_head 并制作 wp_enqueue_style

【解决方案2】：

使用get_template_directory_uri() 而不是get_stylesheet_uri()，就像在您的functions.php 文件中一样。

下面是一个 sn-p 说明它的阅读方式；

function style_files() {
    wp_enqueue_style(
        'style_main',
        get_template_directory_uri() . '/style.css',
        array(),
        false,
        'all'
    );
}
add_action( 'wp_enqueue_scripts', 'style_files' );

这是一种将样式表文件添加/排队到 WordPress 主题的安全方法。

上面的格式如下：

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

在哪里

$handle
(string) (Required) Name of the stylesheet. Should be unique.

$src
(string) (Optional) Full URL of the stylesheet,
or path of the stylesheet relative to the WordPress root directory.

Default value: ''

$deps
(array) (Optional) An array of registered stylesheet handles this stylesheet depends on.

Default value: array()

$ver
(string|bool|null) (Optional) String specifying stylesheet version number, if it has one,
which is added to the URL as a query string for cache busting purposes. If version is set to
false, a version number is automatically added equal to current installed WordPress version.
If set to null, no version is added.

Default value: false

$media
(string) (Optional) The media for which this stylesheet has been defined. 
Accepts media types like 'all', 'print' and 'screen', or media queries like
'(orientation: portrait)' and '(max-width: 640px)'.

Default value: 'all'

更多信息here。

【讨论】：

如果我把放在头上，它似乎会起作用wp_head();不起作用
在functions.php 文件中执行此操作后，您无需执行此操作。它应该工作。您可能需要添加纯色背景颜色（例如：body{color: #4d5a6c !important;background-color:red;}）以检查主题的style.css 文件是否更接近加载。前往WordPress codex site了解更多详情。
@AlêMoraes：请在故障排除后使用纯色背景提供反馈。此外，我上面的评论假设您在 WordPress 安装的 wp-content/themes 目录中拥有包含自定义 WordPress 主题的文件夹，其中 index.php、style.css、functions.php、footer.php 和 header.php 作为文件。

【解决方案3】：

如果你尝试把它放在你的 function.php 文件中：

<?php 
function style_files(){
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css');
}

add_action('wp_enqueue_scripts', 'style_files');

样式 id 命名为：parent-style 通常用于父主题（如果您正在开发子主题或只是单个主题），第二个是如果您正在开发子主题并且应该加载style.css 在您的孩子主题中。

【讨论】：

我正在从零开始制作主题，我所有的文件都在主题文件夹的根目录中
所以你只需要在我的 sn-p 中带有 "parent-style" 的那个。你可以用 "main-style" 或任何你喜欢的名字来命名它。你试过吗？并且您应该确保您的样式名称是唯一的（样式 id 不重复）
这是一个新的研究，我没有任何文件，只是上面的那些，我改变了“父样式”这一行，但它不起作用，似乎 wp_head 不起作用
这有点奇怪。也许您也应该尝试致电wp_enqueue_script 以确保wp_head 不起作用。

【解决方案4】：

使用此代码，我认为它对您很有效。

function theme_styles(){ 
// Load all of the styles that need to appear on all pages
wp_enqueue_style( 'main', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'custom', get_template_directory_uri() . '/css/custom.css' ); 
}
 add_action('wp_enqueue_scripts', 'theme_styles');

【讨论】：

仍未加载
检查你的 CSS 路径。我已经在使用它了，它对我来说很好
如果我把这个标签" " 在头部，而不是它会起作用，但我了解到正确的方法是在 functions.php 中插入 wp_head 并制作 wp_enqueue_style