如何修改网站后台字体_后台界面样式调整_CSS自定义方法
修改网站后台字体需要改后台模板的CSS文件。不同CMS后台模板位置不同:PbootCMS后台模板在`apps/admin/view/default/`,CSS在`apps/admin/view/default/css/`;易优CMS后台模板在`application/admin/view/`,静态资源在`static/admin/`;WordPress后台可以用插件或改主题functions.php。找到后台的主CSS文件,用编辑器打开修改字体相关属性。
修改全局字体:在CSS文件里找到`body`或`*`选择器,加`font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;`。这会把后台所有文字改成微软雅黑。想要其他字体就替换字体名,比如"PingFang SC"(苹方)、"Helvetica Neue"、"思源黑体"。注意字体要用户电脑上有,否则用默认字体。网页安全字体有Arial、Times New Roman、Courier New、Georgia、Verdana这些,所有系统都有。
修改特定区域字体:只改导航栏字体,找导航的CSS类,比如`.nav{font-family:xxx}`。只改文章内容编辑器字体,找编辑器的容器类,比如`.edui-editor-body{font-family:xxx}`。用浏览器F12开发者工具,点选要改的元素,查看它的CSS类名和当前字体设置,然后在CSS文件里对应修改。这样不会影响其他区域。
字体大小修改:找到对应元素的`font-size`属性,改数值。比如后台菜单字体14px改成16px,正文14px改成15px。行高`line-height`也一起调,字体大了行高也要加大,否则文字挤在一起。建议全局字体不超过16px,后台是工作界面,太大了一屏显示内容少,效率低。
PbootCMS后台字体修改具体路径:`apps/admin/view/default/css/style.css`,打开后搜索`font-family`,修改所有出现的地方。或者在文件末尾加一段: ``` body, .layui-body, .layui-table, .layui-input, .layui-textarea { font-family: "Microsoft YaHei", sans-serif !important; font-size: 14px; } ``` 用!important覆盖原有样式。改完清浏览器缓存刷新后台看效果。
易优CMS后台字体修改:`static/admin/css/admin.css`是主样式表。同样在末尾加自定义样式,或者用F12找到具体元素的类名针对性修改。易优用的是layui框架,类名以layui开头,修改时注意不要影响layui组件的正常显示。
如果不想改程序文件,用浏览器插件自定义样式。Chrome装"Stylus"插件,新建样式,输入后台域名,写CSS规则。这种方式只改自己浏览器看到的效果,不影响其他用户,适合个人偏好。团队所有人都要改的话,还是改服务器上的CSS文件。修改前备份原CSS,改坏了能恢复。

更新时间:2026-08-26 17:39:00
上一篇:网站后台登录入口找不到?三步定位登录地址与默认账号密码