修改wordpress样式表(style.css)

发布于 2020-03-05  437 次阅读


使用wordpress建站时很难找到完全满意的模版,往往对主题的css进行一些修改,我总结了wordpress主题修改的方法与一些坑。

如何修改wordpress主题外观

1.如果修改的不多的话,建议通过wordpress自带的“添加额外的css”功能实现小的修改,方法是 wordpress后台->外观->主题->自定义。在左侧导航栏中可以找到"额外css"功能。 这个方法修改后一般能立即生效。

2.需要大改的话可以修改主题的样式表(style.css)。你可以在wordpress的wp-content文件夹中找到style.css 进行修改;或者在wordpress后台->外观->主题编辑器 中修改。

修改style.css 不能立即生效

网上很多大佬给出了很多奇怪的方法,比如修改function.php中的版本,重启服务器,甚至修改wordpress版本。。。(太佩服这群大佬了,修改wordpress版本这种办法都能想出来 (@_@;)

其实根本原因在于服务器开启了.htaccess 缓存,一些文件(css,js之类的资源文件)会缓存在本地,减少开销,上面的方法有些确实可行,通过提高版本,迫使这些资源文件更新。

本地浏览器强制刷新

感谢@cultoo大佬的博文,如果你用的是chrome浏览器的话,可以直接使用一组强制刷新快捷键:Ctrl+Shift+R 强制刷新即可立即生效style.css的即时修改。我只试验了chrome,其他基于chromium内核的浏览器应该也有类似的功能。

其他可能需要的解决方案

1.删除服务器加速插件的缓存
很多wordpress用户会使用 WP Super Cache 或者WP Rocket之类的cache插件加速页面访问速度,可以尝试清除这些插件产生的缓存。

2.修改function.php文件(本人未尝试,慎重修改)
在主题编辑器中打开function.php 文件,找到类似下面的那句话:

wp_register_style('style',get_template_directory_uri().'/style.css',false,25);

最后一个参数是引入的style.css文件的版本,如果版本号不变更,浏览器加载的有可能一直是这个文件的缓存,将这个数改大一点,迫使加载最新的style.css文件。此方法我没有尝试,如果前面的方法都没有用,可以尝试下这个方法。


森林里的动物不能一直停留在海滩上