使用CSS在WordPress中更改页面或帖子的设计
在某些情况下,主题的功能无法满足网站的设计需求。例如,您可能希望使用默认不提供的颜色,或者将页面上的元素左移或右移一些。您可以在WordPress控制面板中使用CSS进行此类更改。
注意:这些CSS更改仅适用于您当前处于活动状态的主题,并且在主题更新后将继续有效,而无需子主题。如果您切换活动主题,则需要再次应用CSS更改。
- 登录 WordPress。
- 在左侧菜单上,选择Appearance (外观),然后选择Customize (自定义)。注意:如果您在选择Appearance后看到的是Editor (编辑器)而非Customize (自定义),请查看此文章,了解如何在新的Site Editor(网站编辑器)中添加自定义CSS。
- 在左侧菜单中,选择Additional CSS (其他CSS)。
- 在下方字段中,输入您希望使用的CSS代码。
- 选择 Publish(发布)。
您的网站现在应显示您使用CSS进行的设计更改。
注意:重新加载浏览器时如果没看到更改:
- 如果您的网站在Managed WordPress上运行,请清除此平台使用的内置缓存。
- 如果您的网站不在WordPress托管上,并且您使用的是第三方缓存插件,请清除插件缓存。若要了解如何执行此操作,请查看特定插件的文档。
更多信息
- 查看有关WordPress和CSS的详细信息,包括WordPress生成的CSS类。