我对CSS文件所做的更改不会反映在Wordpress的浏览器中

时间:2013-02-05 23:04:36

标签: css wordpress templates

这是我第一次创建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用于udpate?

4 个答案:

答案 0 :(得分: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)并再试一次。 为我工作!

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

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