为什么在WordPress中添加自定义CSS？
CSS，英文全称是Cascading Style Sheets，意思是级联样式表，是一种帮助您为WordPress网站设置样式的语言。CSS和HTML一起使用，其中CSS用于定义HTML元素的样式，如颜色、大小、布局和显示。
通过添加自定义CSS，您可以自定义站点的设计和外观，这是默认选项无法实现的。这给了您更大的控制力，只需几行代码即可轻松自定义您的WordPress主题。
方法1：使用主题定制器添加自定义CSS
自WordPress 4.7版本以来，用户可以直接从WordPress管理区域添加自定义CSS。这非常简单，您可以通过即时预览看到更改。
首先，您需要从WordPress仪表盘访问“外观” -> “自定义”页面。这将启动WordPress主题定制器界面。在这里，您可以看到站点的实时预览以及左侧面板中的一系列自定义选项。只需单击“附加CSS”选项卡即可开始编辑。
编辑器将滑动展示一个简单的框，您可以在其中添加自定义CSS。您可以继续添加自定义CSS代码，直到对站点的外观感到满意。完成后，不要忘记单击顶部的“发布”按钮。
方法2：使用WPCode插件添加自定义CSS
如果您希望无论使用哪个WordPress主题，该方法都适合您。WPCode是市场上最好的自定义代码片段插件，拥有超过200万用户。
首先，您需要安装并激活免费的WPCode插件。激活后，简单地从WordPress管理仪表板转到“代码片段” -> “+添加新片段”。接下来，选择“CSS片段”选项，将自定义CSS代码写入“代码预览”框。最后，选择“自动插入”方法，确保代码在整个网站上执行。然后，切换开关为“活跃”状态并单击“保存片段”按钮。
使用自定义CSS插件与在主题中添加CSS
我们建议初学者使用上述推荐的方法。高级用户可以直接向他们的主题中添加自定义CSS。但是，请注意，在父主题中添加自定义CSS片段并不被推荐。如果您意外更新主题而没有保存您的自定义更改，您的CSS更改将丢失。最好的方法是使用子主题。然而，许多初学者因为觉得过程令人畏惧而避免创建子主题。
使用自定义CSS插件允许您将自定义CSS独立于主题存储。这样，您可以轻松切换主题，您的自定义CSS将保持不变。
我们希望这篇文章能帮助您了解如何向WordPress网站添加自定义CSS。接下来，您可能还想查看我们关于如何修复WordPress管理仪表板中的损坏CSS以及如何在WordPress中压缩CSS/JavaScript文件的指南。如果您喜欢这篇文章，请订阅我们的YouTube频道以获取WordPress视频教程。您还可以在Twitter和Facebook上找到我们。
