1

我目前正在_S Underscores Wordpress 主题之上构建一个自定义主题。我立即做的一件事是删除style.css文件中的所有内容，因为我想创建自己的样式（主要使用 Bootstrap）。

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

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

CSS（在style.css下划线提供的文件中）：

#testOfContent {
    color: red;
}

但是，字体仍然是黑色的。你如何操纵一个 wordpress 主题（尤其是 _S 下划线，它是可定制的）来使用你自己的 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' );
4

4 回答 4

0

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

于 2021-06-19T19:34:00.140 回答
0

您应该使用wp_enqueue_style( 'your-style', get_stylesheet_uri() );which 检索当前主题样式表的 URI。

在codex.wordpress.org上阅读更多信息

于 2016-04-08T02:13:39.677 回答
0

我更喜欢为 _s 主题自定义和添加到 css 的工作流程是通过编辑 .scss Sass 文件。请务必选择高级选项，以便您可以勾选_sassify！复选框，如果使用https://underscores.me/#generator上的 _s 主题生成器

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

如果您不确定如何构建 Sass，我为 Sassify 选项整理了一个 Webpack 4 开发工作流程，该选项包含在下划线 Wordpress 入门主题中。希望这有助于https://jimfrenette.com/2018/08/completely-blank-no-css-_s-wordpress-starter-theme/

于 2018-08-11T15:17:50.897 回答
-1

你可以试试这个：

   add_action( 'wp_enqueue_scripts', 'yourstyle' );
    function yourstyle() {
      wp_enqueue_style( 'yourstyle', get_template_directory_uri() . '/css/yourstyle.css', array(), PARENT_THEME_VERSION );
    }
于 2015-06-10T21:50:27.843 回答