【问题标题】:style.css not applying on wordpress theme?style.css 不适用于 wordpress 主题?
【发布时间】:2017-04-11 12:26:53
【问题描述】:


我遇到了 style.css 未应用于 Wordpress 主题的问题。
请注意,我已经复制了我的自定义样式表替换了默认样式表。因此,当我检查元素时,开发人员工具中不会出现 css。 这可能是什么原因造成的?
我正在使用 Twentyseventeen 主题。

编辑:找到解决方案实际上我正在用我的自定义标头代码替换整个标头,因为 wp_head() 被覆盖,我想这会调用标头中的所有 css 和 js。

【问题讨论】:

  • 您是否在 CSS 中添加了类似于 WP 主题中的 cmets?
  • 如果样式表被搜索,你检查过你的标题吗?
  • 即使您已经部分解决了这个问题,您也应该参考下面的答案以获取有关如何添加自定义 css 的信息。按照您描述的方式进行操作不是一个好主意。
  • 样式表是否出现在源代码中?该 URL 上是否存在样式表,或者当您访问该 URL 时是否会抛出 404?

标签: css wordpress


【解决方案1】:

您不应替换 CSS 文件。更新主题时,它将被原始主题替换,您将失去自定义。

您应该做的是创建一个子主题。在子主题中,您可以进行自定义,更新默认主题时不会遇到任何问题。

见:https://codex.wordpress.org/Child_Themes

编辑: 由于之前版本的 Wordpress,可以将自定义 CSS 添加到主题中。但我不确定这在未来会有多可靠。你可以试试,但我还是推荐一个子主题。

如果你想使用 Wordpress 的内置功能,请看这里:http://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

【讨论】:

  • 同意@Ptrckk
【解决方案2】:

您不应替换主题 CSS 文件或将 CSS 添加到包含的 CSS 文件中,原因如下:

  1. WordPress 使用默认 style.css 文件纯粹是为了获取有关主题的信息
  2. 该文件将被任何主题更新覆盖

但是,您应该创建自己的 css 文件,然后告诉 WordPress 加载该文件。您可以通过将以下代码添加到 *theme 的函数文件或创建自定义插件来执行任何自定义操作来实现此目的。

例如:

wp_enqueue_style( 'style', get_stylesheet_uri() );

*请注意,添加到主题函数文件的任何自定义项也会被主题的任何更新覆盖。

更多信息在这里:https://developer.wordpress.org/themes/basics/including-css-javascript/

【讨论】:

    【解决方案3】:

    您不应将整个 wp 标头替换为您的自定义标头。您可以在调用 wp_head() 挂钩之前放置与自定义标头相关的 css 和 js 文件等。并检查以下事项。

    1。检查天气以下代码行是否存在于您的主题 function.php 文件中

    // 主题样式表。

    wp_enqueue_style('twentyseventeen-style', get_stylesheet_uri());

    2。检查您的主题样式表是否有评论部分。它应该像下面这样..

    /* 主题名称: 二十七主题 URI:https://wordpress.org/themes/twentyseventeen/
    作者: WordPress 团队
    作者 URI: https://wordpress.org/
    描述: 27 的标题视频和身临其境的特色图片让您的网站栩栩如生。它以商业网站为重点,在首页具有多个部分以及小部件、导航和社交菜单、徽标等。使用自定义配色方案个性化其不对称网格,并使用帖子格式展示您的多媒体内容。我们 2017 年的默认主题适用于多种语言、任何能力和任何设备。
    版本: 1.1 许可证:GNU 通用公共许可证 v2 或更高版本
    许可证 URI: http://www.gnu.org/licenses/gpl-2.0 .html
    文本域: 二十七标签:一栏、两栏、右侧边栏、灵活标题、可访问性就绪、自定义颜色、自定义标题、自定义菜单、自定义徽标,编辑器样式,特色图像,页脚小部件,帖子格式,rtl-language-support,sticky-post,主题选项,thread-cmets,翻译就绪这个主题,如 WordPress,授权于GPL。用它来做一些很酷的事情,玩得开心,并与他人分享你学到的东西。
    */

    【讨论】:

      【解决方案4】:

      找到了解决方案,实际上我正在用我的自定义标头代码替换整个标头,因为 wp_head() 被覆盖了,我想这会调用标头中的所有 css 和 js。

      【讨论】:

      • 虽然你解决了这个问题很好,但听起来你仍然没有以正确和安全的 WP 方式做事。请参阅我的答案以了解正确的方法。
      猜你喜欢
      • 2021-01-16
      • 2019-12-05
      • 2017-02-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-08-12
      • 2020-09-13
      • 1970-01-01
      相关资源
      最近更新 更多