如何修改WordPress博客标题?排查site-title链接样式不生效问题
如何修改WordPress博客标题及解决site-title链接样式不生效的问题
我来帮你搞定这两个问题:
一、修改WordPress博客标题
有两种简单的方法,选哪个都行:
- 后台常规设置修改:先登录WordPress后台,找到左侧菜单的「设置」→「常规」,在页面里的「站点标题」和「副标题」输入框里直接改内容,改完点「保存更改」就OK了。
- 主题自定义面板修改:如果你的主题支持可视化自定义,就去「外观」→「自定义」,一般在「站点标识」这类选项里就能改标题和副标题,还能实时看效果,满意了保存就行。
二、解决site-title a样式不生效的问题
你设置site-title a { color:red; }没生效,大概率是样式优先级不够,或者被主题默认样式覆盖了。给你几个实用的排查和解决办法:
- 用浏览器开发者工具查覆盖样式:右键点击你的标题链接,选「检查」(Chrome、Firefox都有这个功能),在弹出的开发者工具里,先找到
site-title a这个元素,然后看右侧的Styles面板——那些被划掉的样式就是被优先级更高的样式覆盖了,你可以看看是哪个选择器在起作用。 - 提高选择器优先级:试试用更具体的选择器,比如如果你的标题在header容器里,就写:
如果还是不行,临时可以加.header .site-title a { color: red; }!important(不过尽量少用,优先用具体选择器):.site-title a { color: red !important; } - 确认样式加载顺序:确保你的自定义CSS是在主题默认样式之后加载的。如果用了子主题,把代码写在子主题的
style.css里;如果是用自定义CSS插件,插件的样式一般会在主题样式之后加载,这样优先级更高。 - 清缓存试试:有时候浏览器缓存或者WordPress的缓存插件会让新样式不生效,清一下浏览器缓存,或者在后台刷新缓存插件的缓存,说不定就好了。
内容的提问来源于stack exchange,提问作者newtocode




