Question

css无效。这很奇怪，因为当我用我的浏览器检查器查看它时，我在html的头部看到它......但它没有拿起我添加的新css。我试着清除我的捕获物。这是我的孩子主题style.css

＆＃13;

/*
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;
}

＆＃13;

这是我孩子的主题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编辑器中进行的更改。谢谢！

Answer 1

您错过了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但你可以改变它。

A注意： Venedor documentation使这个主题看起来过时了。它创建于2014年，从那时起我只能看到一些细微的更新。这个主题是为非编码人员设计的，所以如果你用它作为新网站的基础，你将继续遇到这样的问题。

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

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

Answer 2

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

克里斯

Wordpress儿童主题CSS未更新

2 个答案: