WordPress添加自定义CSS代码的几种方法

wordpressWordPress添加自定义CSS代码的几种方法已关闭评论622阅读模式

在定制WordPress站点时,除了可以使用主题的选项调整外,CSS代码也是我们常用到的一种方法,不管是修改样式、调整距离还是隐藏特定元素,我们都可以用CSS来完成,而且很多时候主题没有的功能,你询问作者它也会给出用CSS代码来修改的方案

那么如何在WordPress中方便地添加CSS代码呢?在本文中我们分享几个方法

方法一:使用主题自定义选项

主题自定义是我们修改主题最常用的方式,其实它本身就提供了一个添加CSS代码的功能

打开WordPress自定义选项,进入主题定制界面,在最底部有一个 额外CSS 的选项

在其中添加自己的CSS代码即可,还支持代码高亮WordPress添加自定义CSS代码的几种方法

这种方法最大的优点是能够实时预览,添加好代码之后,无需保存,你可以立即在预览窗口内看到实际的效果,这样即使你的CSS代码有错误,也能即时调整,非常适合新手

方法二:使用主题编辑器

如果你之前有在 functions.php 中添加过PHP代码,相信对它已经不陌生

打开外观 – 主题编辑器,默认打开的文件就是 style.css,可以直接在这里添加CSS代码,相对来说添加速度更快一些,不过要注意的一点是主题编辑器最好在子主题上操作,避免代码丢失WordPress添加自定义CSS代码的几种方法

方法三:使用第三方插件

Simple Custom CSS 是一款简洁的插件,可以让你快速添加CSS代码

安装好插件后,可以在外观 – Custom CSS 中添加CSS代码

WordPress添加自定义CSS代码的几种方法
 

WordPress中已经有了主题编辑器,为什么还要额外装一个插件呢?

插件最大的好处就是它支持切换主题,上面的方法不管你用自定义还是主题编辑器,如果更换主题,都需要手动迁移之前的代码,用 Simple Custom CSS 就没有这个烦恼,更换主题也可以保留代码

  • 本文由 发表于 2022年5月5日 09:50:47
  • 除特别声明外,本站原创内容版权遵循 CC BY-NC-ND/2.5/CN协议规定
WordPress 操作过程是如何给分类页面添加浏览统计的? wordpress

WordPress 操作过程是如何给分类页面添加浏览统计的?

WordPress 操作过程是如何给分类页面添加浏览统计的?文章浏览统计已经增加了很多博客,但是一般的分类和标签归档页面一般都不算,标签页面是好的,毕竟大多数人的标签管理比较混乱,但是分类页面我认为还...
WordPress自动分页方法 wordpress

WordPress自动分页方法

在制作WordPress主题模板时,我们会用到循环输出文章列表,文章列表太多就会有分页的问题,下面是一种分页方法,十分好用,可以设定页数范围。 function get_pagenavi( $rang...
为什么我们选择用wordpress做企业网站 wordpress

为什么我们选择用wordpress做企业网站

你还没决定使用什么软件来构建你的新公司网站吗? 仍然认为WordPress只是搭建博客吗? 在互联网上有大约20%的WordPress网站,但你可能会惊奇地发现,实际上只有不到一半的是“博客”。下面就...