你在寻找一种轻松的方法吗?将自定义CSS 添加到您的WordPress 网站?

WordPress 是一个让您无需任何技术知识即可创建功能性网站的平台。另外,添加 CSS 是以有意义的方式在您的站点中进行更改的最简单和最快的方法。

一开始可能会感到困惑,但别担心,我们随时为您提供帮助。在这里,我们几乎没有提到有关 CSS 的信息以及将它们添加到您的 WordPress 站点的详细分步说明。

什么是CSS?

CSS(层叠样式表)有助于自定义外观、布局、字体、颜色等。它允许您控制网站的整体外观,而不是您的主题。此外,它还创造了一个舒适的工作环境。

此外,CSS 中嵌入的脚本可以控制一切。例如,您只需几行代码即可更改标题的颜色或字体。所以,如果你愿意开发一个你想要的设计的网站,添加CSS是必须的。

向 WordPress 站点添加自定义 CSS 的方法

这里我们提到了两种向 WordPress 站点添加自定义 CSS 的最简单方法。

第 1 步:使用插件

此方法适用于想要独立于您使用的主题应用自定义 CSS 的人。这种方法是最短和最简单的。

Simple Custom CSS 是一个用于添加自定义 CSS 的免费插件。这通常是针对希望将自己的 CSS 添加到 WordPress 站点的开发人员的需求。以下是步骤:

  • 安装并激活 Simple Custom CSS。

    li> 导航到外观 >> 自定义 CSS。

    li> 添加您的自定义代码。单击“更新自定义 CSS”按钮以保存您的更改。

    li> 访问您的 WordPress 站点以查看您所做的更改。

第 2 步:使用主题定制器

这是一种简单的方法,您会立即在实时预览中看到更改。以下是步骤:

  • 导航到主题 >> 自定义。

    li>您将看到 WordPress Theme Customizer 界面。之后,将出现一个屏幕,其中包含您网站的实时预览和左侧窗格中的一系列选项。单击其他 CSS 选项卡。

    li> 将出现一个小框,您可以在其中放置 CSS。添加有效规则后,您会注意到它已应用于实时网站的预览窗格。

    li>继续添加 CSS 代码,直到您在网站上获得所需的外观。

    li> 确保在完成后单击“发布”按钮。

注意:您使用主题定制器添加的 CSS 仅适用于该主题。每次切换到新主题时都需要复制并粘贴它们。

总结

希望这篇文章对您有所帮助。如果您对此主题有任何疑问,请随时在评论部分提问。您可以查看我们的另一篇文章“如何将第一个和最后一个 CSS 类添加到 WordPress 菜单项?”有关 CSS 的更多详细信息。