Skip to content

领航主题如何添加自定义CSS代码

领航主题虽然方便了新手用户快速搭建专业的官网,但是一些设计可能并不能满足你自己企业的实际需要,如果你会一定的css代码修改,那么可以通过自定义css代码来覆盖他们。

领航主题想要添加自定义css代码有两种方式:

一、主题自定义CSS(最简单)

操作步骤:WordPress后台 → 外观 → 自定义 → 额外CSS

将你自己修改的CSS代码粘贴进去就可以了。

二、安装子主题(定制化更强)

(安装方法也是一样的,上传,启用。)

子主题不会跟着父主题更新,所以你保存在子主题里面的代码可以一直生效。

三、通过子主题修改代码

安装并启用子主题后,修改代码可以通过外观菜单下的“主题文件编辑器”,修改style.css文件插入自己的css代码。

子主题修改代码教程

代码演示:修改字体

/* 修改全站字体为中文网站常用字体 */
/* Override the site-wide font with a Chinese-friendly font stack */
body,
button,
input,
select,
textarea {
      font-family:
              -apple-system, BlinkMacSystemFont,     /* macOS/iOS 系统默认字体 */
              "PingFang SC",                          /* macOS/iOS 苹方 */
              "Microsoft YaHei", "微软雅黑",           /* Windows 微软雅黑 */
              "Helvetica Neue", Helvetica, Arial,     /* 英文兜底字体 */
              "Noto Sans SC", "WenQuanYi Micro Hei",  /* Linux/Android 中文字体 */
              sans-serif;                             /* 系统无衬线字体兜底 */
}
body {
      line-height: 1.8; /* 中文字符偏方正,行距略微加大更易读 */
}