领航主题虽然方便了新手用户快速搭建专业的官网,但是一些设计可能并不能满足你自己企业的实际需要,如果你会一定的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; /* 中文字符偏方正,行距略微加大更易读 */
}