2

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 编辑器中所做的更改。谢谢!

4

2 回答 2

4

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

克里斯

于 2018-02-27T16:59:13.330 回答
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但您可以更改它。

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

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

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

于 2018-02-27T17:41:46.133 回答