Question

我目前正在_S Underscores Wordpress theme.之上构建自定义主题。我立即执行的操作之一是删除style.css文件中的所有内容，因为我想创建自己的样式（很大程度上使用Bootstrap）。

但是，我似乎无法在style.css中获取某些属性来更改html。例如，我正在尝试将以下<h1>标记设置为红色。但它不会改变。

<h1 id="testOfContent">Test</h1>

CSS（在Underscores提供的style.css文件中）：

#testOfContent {
    color: red;
}

但是，字体仍为黑色。你如何操纵wordpress主题（特别是_S Underscores，这是可定制的）来使用你自己的CSS？关于它为什么不注册我自己的CSS的任何想法？

这是我的functions.php文件以及我如何加载脚本：

function tlas_css() {
    // Enqueue bootstrap css
    wp_register_style('bootstrap-css', get_template_directory_uri() . '/bootstrap-3.3.4/css/bootstrap.min.css');
    wp_enqueue_style('bootstrap-css');

    // Enqueue custom stylesheet
    wp_enqueue_style( 'tlas-custom-style', get_template_directory_uri() . '/css/tlas.css' );
    wp_enqueue_style( 'tlas-style', get_template_directory_uri() . '/style.css');
}
add_action( 'wp_enqueue_scripts', 'tlas_css' );

Answer 1

您应该使用$json = file_get_contents('file.json'); $arr = json_decode($json); foreach($arr as $o) { echo $o->featureType; //Works fine echo $o->elementType; //Works fine foreach ($o->stylers as $key => $value) { echo $value; //This doesn't get the color or visibility } }来检索当前主题样式表的URI。

详细了解codex.wordpress.org

Answer 2

我更喜欢自定义并添加到_s主题的CSS的工作流程是通过编辑.scss Sass文件。确保选择“高级选项”，以便您可以勾选_sassify！如果在https://underscores.me/#generator

使用_s主题生成器

然后，您可以导入所需的Bootstrap Sass，因为Bootstrap 4是用Sass编写的。如果您更喜欢使用Bootstrap 3，也可以找到它的Sass端口。

如果您不确定如何构建Sass，我将为下划线的Wordpress入门主题提供Sassify选项的Webpack 4开发工作流程。希望这对https://jimfrenette.com/2018/08/completely-blank-no-css-_s-wordpress-starter-theme/

有帮助

Answer 3

如果您使用的是 Chrome，请尝试清除缓存 (ctrl+F5)。
或者打开开发工具>设置>首选项>网络>禁用缓存（当开发工具打开时）

Answer 4

你可以尝试这个：

   add_action( 'wp_enqueue_scripts', 'yourstyle' );
    function yourstyle() {
      wp_enqueue_style( 'yourstyle', get_template_directory_uri() . '/css/yourstyle.css', array(), PARENT_THEME_VERSION );
    }

将自定义css添加到默认style.css（Underscores _S Wordpress主题）？

4 个答案: