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

路丁网 2020年2月26日21:01:02WordPress评论36字数 658阅读2分11秒阅读模式

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

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

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

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

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

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

方法二:使用主题编辑器

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

方法三:使用第三方插件

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

安装好插件后,可以在外观 – Custom CSS 中添加CSS代码
WordPress添加自定义CSS代码的几种方法
WordPress中已经有了主题编辑器,为什么还要额外装一个插件呢?

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

  • 本文由 发表于 2020年2月26日21:01:02
2020创业好项目排行榜(农村创业50个项目) WordPress

2020创业好项目排行榜(农村创业50个项目)

[ 路丁前言 ] 自主创业好的投资项目有很多,说到冷门暴利制造行业,禁不住令人想起成本低高收益,坐享井喷式机遇,有一大把的银两赚……那麼,你了解2019年冷门暴利的小本创业项目有什么吗?接下去,十叁就...
WordPress配置Memcached缓存教程(无需代码) WordPress

WordPress配置Memcached缓存教程(无需代码)

很多人都知道WordPress可以通过缓存来提高网站加载速度,其实除了WordPress本身可以缓存外,我们还可以在服务器上来使用对象缓存来加速网站,在本文中我们为大家带来WordPress配置Mem...
WordPress更换主题,你需要注意哪些事情 WordPress

WordPress更换主题,你需要注意哪些事情

在WordPress中,虽然更换主题这个功能是一件非常简单的事情,只需要点几个下就能切换,不过对于我们的WordPress站点来说,却并不是一件小事,因为许多东西包括外观、功能、使用方法等都有可能发生...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定