Wordpress 子主题 CSS 未更新答案

【问题标题】：Wordpress Child Theme CSS not updatingWordpress 子主题 CSS 未更新
【发布时间】：2018-02-28 01:41:46
【问题描述】：

css 不工作。这很奇怪，因为当我使用浏览器检查器查看它时，我在 html 的头部看到它......但它没有拾取我添加到它的新 css。我试着清理我的渔获。这是我的孩子主题 style.css

/*
Theme Name: Venedor Child
Template: venedor
Version: 1.0
*/

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 164px!important;
}

#s2_form_widget-2 form {
display: none;
}
a.checkout-button.button.alt.wc-forward {
    display: none;
}

p.alert.alert-success {
    font-weight: bold;
    font-size: 1.3em;
}

textarea#order_comments {
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.4em;
}

这是我孩子的主题functions.php

<?php
add_action( 'wp_enqueue_scripts', 'venedor_child_enqueue_styles', 33 );
function venedor_child_enqueue_styles() {
    $parent_style = 'style';
    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'venedor-child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}

任何想法？？？...我再次在我的页面顶部看到子主题样式表...只是我在 wp-admin 编辑器中所做的更改没有。谢谢！

【问题讨论】：

您是否验证过正在加载子主题 CSS 文件？不只是一个<link> 出现在头上？子主题中的 CSS 选择器是否比父主题中的选择器更具体或更具体？您是否通过开发工具验证了上述任何一项？
“它不工作”是什么意思？请说明您想要的结果是什么，以及它与实际发生的结果有何不同。

标签： css wordpress child-theming

【解决方案1】：

我在浏览器上遇到过类似的问题，并让它更新我的 CSS。在 Chrome 中，我在硬重新加载（或刷新）方面取得了最大的成功。为此，请在 Chrome 中按 Ctrl+Shift+R。其他浏览器也有类似的方法来完成此操作，主要是按 Ctrl 然后单击刷新。

克里斯

【讨论】：

【解决方案2】：

您缺少 wp_register_style 加入 CSS 资产的步骤，并尝试列出 wp_enqueue_style 两次，导致您的样式表无法加载。以下是大致的操作方法（对于不同的父/启动主题可能会有所不同）：

function venedor_child_theme_enqueue_style()
{
    wp_register_style( 'venedor-child-style', get_template_directory_uri() . '/style.css', array(), '20180227', 'all' );
    wp_enqueue_style( 'venedor-child-style' );
}
add_action( 'wp_enqueue_scripts', 'venedor_child_theme_enqueue_style' );

wp_register_style 的第三个数组参数很重要：您需要告诉 WP 这个新样式表与 Venedor 的哪些父样式表相关。它是一个数组，因此请查看如何正确处理 PHP 数组（它们可能很不稳定）。第 5 个参数告诉 WP 也发送哪些设备 - 我将其设置为 all，但您可以更改它。

注意事项： Venedor documentation 使这个主题看起来过时了。它创建于 2014 年，据我所知，从那以后只看到了一些小的更新。该主题是为非编码人员设计的，因此如果您将其用作新站点的基础，您将继续遇到此类问题。

如果您只是想调整主题中的一些间距或其他内容，它们会提供一组非常具体的样式来移动内容（查看该文档链接上的 styles 页面）。您可能还可以调整主题本身内的那些 font-sizing 属性，并将自己从单独的样式表中解救出来。

如果您要从头开始创建新网站，请停止使用此类主题作为拐杖并从头开始构建。通过这种方式，您实际上可以节省自己的时间：与其在其他人的文档中寻找并试图弄清楚他们是如何做到的，您将学习如何自己做。试试Sage，它是 WordPress 入门主题的黄金标准，将迫使您成为更好的开发人员。

【讨论】：