如何将自定义CSS添加到您的WordPress网站

有时您可能会发现自己需要在WordPress网站中添加自定义CSS。在本教程中,我们将介绍如何在不编辑任何主题文件的情况下轻松地将自定义CSS添加到您的WordPress网站。从WordPress4.7开始,用户现在可以直接从WordPress管理后台添加自定义CSS。这非常简单,您可以立即通过实时预览看到您的更改。首先,您需要转到外观?自定义页面。这将启动WordPres

有时您可能会发现自己需要在WordPress网站中添加自定义 CSS。在本教程中,我们将介绍如何在不编辑任何主题文件的情况下轻松地将自定义CSS添加到您的WordPress网站。

customcss-og.pngo_

从WordPress 4.7开始,用户现在可以直接从WordPress管理后台添加自定义CSS。这非常简单,您可以立即通过实时预览看到您的更改。

首先,您需要转到外观?自定义页面。

customizetheme.jpgo_

这将启动WordPress主题定制器界面。

您将在左窗格中看到您网站的实时预览和一堆选项。单击左侧窗格中的额外CSS选项卡。

additionalcsstab.pngo_

该选项卡将滑动显示一个简单的框,您可以在其中添加自定义CSS。一旦添加了有效的CSS规则,您就可以在网站的实时预览窗格中看到它的应用。

编辑主题额外CSS代码

您可以继续添加自定义CSS代码,直到您对其在网站上的外观感到满意为止。

完成后不要忘记单击顶部的“保存并发布”按钮。

savecustomization.pngo_

注意:您使用主题定制器添加的任何自定义CSS仅适用于该特定主题。如果您想将其与其他主题一起使用,则需要使用相同的方法将其复制并粘贴到新主题中。

第一种方法只允许您为当前活动的主题保存自定义CSS。如果更改主题,则可能需要将自定义CSS复制并粘贴到新主题。

如果您希望无论使用哪种WordPress主题都应用自定义CSS ,那么此方法适合您。

您需要做的第一件事是安装并激活Simple Custom CSS插件。激活后,只需转到外观?Custom CSS并写下或粘贴您的自定义CSS。

simplecustomcss.pngo_

不要忘记按“Update Custom CSS”按钮来保存您的更改。

您现在可以查看您的WordPress网站以查看正在运行的自定义CSS。

建议初学者使用上述两种方法。高级用户还可以将自定义CSS直接添加到他们的主题中。

但是,不建议将自定义CSS片段添加到您的父主题中。如果您在没有保存自定义更改的情况下不小心更新了主题,您的CSS更改将会丢失。

最好的方法是使用子主题。但是,许多初学者不想创建子主题。除了添加自定义CSS,初学者通常真的不知道他们将如何使用该子主题。

使用自定义CSS插件可以让您独立于主题存储自定义CSS。这样您就可以轻松切换主题,而您的自定义CSS仍然存在。

将自定义CSS添加到WordPress网站的另一种好方法是使用CSS Hero插件。这个出色的插件允许您在WordPress网站上编辑几乎所有CSS样式,而无需编写任何代码。

cssheropreview.pngo_

我们希望本教程有助于将自定义CSS添加到您的WordPress网站。您可能还想了解如何选择最佳网页设计软件和最佳WordPress拖放页面构建器插件。

本文内容来源于公开网络,出于传递信息之目的整理发布。原文版权归原作者所有,若涉及侵权请先提供版权后联系我们删除

(0)
WP之家WP之家
上一篇 2025年3月13日 下午5:23
下一篇 2025年3月13日 下午5:24

相关推荐

  • 如何在WordPress中快速复制页面或文章

    有没有想过在WordPress中复制文章或页面?遗憾的是,WordPress没有复制页面的内置方法,但幸运的是,有一个简单易用的插件。只需点击一下,DuplicatePost就可以复制任何页面。这对于创建页面草稿或将现有格式复制到新页面非常有用。现在,让我们开始学习如何在WordPress中复制页面:由于文章复制不是WordPre

    2025年3月13日
  • 如何选择最佳域名注册商

    建立网站的第一部分(有时是更困难的部分)是什么?是的,域名。有时它很容易——如果您已经有了公司名称,或者如果您要使用您的名字和姓氏。但有时需要考虑很多因素,考虑搜索引擎、品牌认知度以及最终可能会花多少钱。尽管考虑最佳域名可能很棘手,但我们在这里帮助您选择最佳域名注册商。您已经在各个地方看到了这些域名注册商——从流行的GoDaddy广告到NameCheap在线广告。注册商提供搜索工具

    2025年3月13日
  • 如何将Tumblr迁移导入WordPress

    你一直在Tumblr上写博客吗?虽然它无疑是一个很好的微博平台,但它有些局限性,特别是当你把它与其他大多数内容管理系统和博客平台相比时。如果你想让你的博客更上一层楼,那么我们建议把它移到WordPress。Tumblr在刚发布时获得了很大的吸引力。而且它仍然被《实业家》等热门网站所使用。但根据谷歌趋势,它在过去五年中一直在下降。根据W3Techs,只有0.1%的网

    2025年3月13日
  • 如何更改您的WordPress用户名

    创建WordPress帐户后,您可能出于各种原因想要更改用户名。不幸的是,WordPress默认不允许您更改用户名。如果您尝试过,您可能会看到如下内容:您将在本教程中了解如何解决此问题虽然WordPress不允许修改,但

    2025年3月13日
  • 如何有效地在WordPress文章或者页面添加可点击链接

    在线链接为简单的在线互动奠定了基础,无论是将用户发送到网页、可下载的文件,还是其他应用程序。最棒的是,你可以在许多应用程序中制作可点击的链接,包括作为内容管理系统、网站建设器、文字处理程序和电子邮件客户端。本指南说明了你需要知道的关于如何使链接可被点击的一切,同时还解释了链接背后的基础知识以及你在创建链接

    2025年3月13日
  • 微信支付官方API接口申请及配置教程

    闪电博付费主题支持多种支付选项,其中包括微信支付官方API接口。无论是使用闪电博的WordPress主题(网站),还是您的公众号、小程序、APP或者企业微信,如果你希望接入微信支付官方支付渠道,请认真阅读以下微信支付API申请即配置教程:开始申请微信支付前,你必须拥有一个已经认证类型为服务号的微信公众号(订阅号不支持)。Step1-使用你的微信服务号登录微信公众号平台(如果没有

    2025年3月13日
  • 如何禁用WordPress插件(4种方法)

    正在为如何禁用WordPress插件而苦恼?如果您仍然可以访问您的WordPress仪表盘,这个过程很简单——您只需单击一个按钮。但是,如果您无法访问WordPress仪表盘,则需要以不同的方式禁用插件。无论您处于何种情况,我们都会向您展示一种方法,可以

    2025年3月13日
  • WordPress按标题匹配搜索结果的方法

    WordPress的搜索结果是匹配文章或页面的标题和内容而来,在一些特殊内容情况下,这个显示有点多余,故此有了搜索只匹配标题的功能。之前我们themebetter的不少主题都加上了这个功能选项,如果你使用的主题没有这个…

    WP教程 2025年3月12日