【问题标题】:Changes I make to CSS file don't reflect in browser for Wordpress我对 CSS 文件所做的更改不会反映在 Wordpress 的浏览器中
【发布时间】:2013-02-05 23:04:35
【问题描述】:

这是我第一次创建 WP 模板。我用过这个教程:http://themeshaper.com/2012/10/22/the-themeshaper-wordpress-theme-tutorial-2nd-edition/

我正在编辑模板文件夹(WCCB 主题 - 副本)中的 style.css 文件。它位于本地服务器 XAMPP 上,因此没有任何 FTP 传输。我编辑文件,然后刷新浏览器,没有任何反应。目前我那里只有一种样式,使 H2 为红色,其余为空白(标题注释除外)。不知道我做错了什么。

1:当我查看源代码时,该文件被列为应用的样式表。 2:当我直接转到文件的URL时,浏览器可以找到它。 3:当我使用开发者工具检查我的 H2 时,它说只应用了用户代理样式。

最初它显示为缓存问题,但我已清除缓存 (Chrome)。我不知道出了什么问题。如何让我的 CSS 进行更新?

【问题讨论】:

  • 您确定您已正确定位 h2 元素吗?应该是这样的:h2 {color:red;}
  • @Omega 是的,这正是我所拥有的。

标签: css wordpress templates


【解决方案1】:

转到模板文件夹(通常位于:/var/www/html/wp-content/themes/<your theme>)并编辑文件:header.php(不要忘记先备份它!)

换行:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url') ?>" media="screen" />

与:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url') ?>?v=123" media="screen" />

并刷新页面。 如果它没有刷新并且您正在使用 WP Super Cache - 删除缓存。
还是没有刷新?从提示符service httpd restart 运行(它重新启动 Apache)并重试。 为我工作!

【讨论】:

    【解决方案2】:

    我知道我以前遇到过这样的问题。尝试 ctrl+f5 进行完全重新加载。

    【讨论】:

    • 是的,也试过了。什么都没做。不过我还是让它工作起来了。
    【解决方案3】:

    不知道我是如何解决这个问题的。我从 WP 管理面板中删除了模板,并使用不同的名称再次添加了它,并且已经进行了一些 CSS 更改。有效。现在我可以更改我的 CSS 文件并刷新我的浏览器,更改就会出现。不知道发生了什么。

    【讨论】:

      【解决方案4】:

      我通常做的是在隐身模式下打开页面(Ctrl + Shift + N) - 如果您使用的是 Mac( cmd + shift + N)。

      【讨论】:

        猜你喜欢
        • 2013-02-07
        • 2017-10-08
        • 2019-06-13
        • 2017-04-09
        • 1970-01-01
        • 2021-09-10
        • 2010-10-31
        • 2021-03-06
        • 1970-01-01
        相关资源
        最近更新 更多