如何修改网站后台字体_公司网站修改网页内容_CSS_模板_完整操作
网站后台字体和网页内容修改完整指南。
修改后台字体：
PbootCMS后台： - 后台模板：`apps/admin/view/default/` - CSS：`apps/admin/view/default/css/`或static/admin/css/ - 找到主样式表，加： ``` body, .layui-font, .layui-table, .layui-input, .layui-textarea { font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important; font-size: 14px !important; } ``` - 后台用LayUI框架，类名以layui开头。 - 改完清浏览器缓存（Ctrl+F5）。
易优CMS后台： - 后台静态资源：`static/admin/` - CSS：`static/admin/css/` - 同样加全局字体样式。 - 易优也用LayUI，类名类似。
WordPress后台： - 插件：Admin Font Editor、WP Admin UI Customize。 - 或主题functions.php加自定义CSS： ``` function custom_admin_font() { echo ''; } add_action('admin_head', 'custom_admin_font'); ```
通用方法（所有后台）： - Chrome F12→点后台文字→看CSS类名和当前字体。 - 找到对应CSS文件，修改font-family。 - 或用浏览器插件（Stylish）自定义，但只影响自己浏览器。
修改前台网页字体：
全局字体： - 模板CSS文件（template/模板名/css/style.css）。 - 加或修改： ``` body, h1, h2, h3, h4, h5, h6, p, a, span, li, input, textarea { font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif; } ``` - 微软雅黑（Windows）、苹方（Mac）、黑体，清晰易读。
字体大小： ``` body { font-size: 14px; line-height: 1.8; } h1 { font-size: 28px; } h2 { font-size: 22px; } h3 { font-size: 18px; } p { font-size: 14px; line-height: 1.8; } ``` - 正文14-16px，行高1.6-1.8，阅读舒适。
字体粗细： ``` h1, h2, h3 { font-weight: bold; } body { font-weight: normal; } ```
自定义CSS文件（推荐）： - 不修改原style.css，新建custom.css。 - 把覆盖样式写在custom.css。 - 在模板header.html里引入：`` - 升级模板时原CSS被覆盖，custom.css保留。
修改网页内容（公司网站）：
文章/新闻： - 后台→文章管理→添加/编辑。 - 标题含关键词，正文排版清晰，配图。 - 选对栏目，前台显示在对应位置。
产品信息： - 后台→产品管理→添加/编辑。 - 标题、描述、价格、规格、参数、图片。
单页（公司简介、联系我们）： - 后台→单页管理/栏目管理→对应单页→编辑。 - 联系我们的地图、表单可能在模板里。
导航/栏目： - 后台→栏目管理→改名称、排序、链接。 - 动态导航自动更新，写死的改header.html。
系统信息（公司名、电话、地址）： - 后台→系统设置→站点设置/基本设置/联系方式。 - 模板用动态标签的话改一处全站更新。 - 模板写死的改模板文件。
图片更新： - Logo：后台系统设置上传，或FTP覆盖template/images/logo.png。 - Banner：后台轮播图管理，上传1920x500px图片。 - 产品/文章图：编辑器上传。 - 装饰图：FTP上传到template/images目录覆盖。
快速定位： - Chrome F12→点左上角箭头→点页面元素→看HTML结构和类名。 - 动态内容去后台找，模板硬编码去template目录找。
修改后检查： - 无痕模式访问前台，确认内容更新。 - PC和手机端都看。 - 图片正常显示、链接可点。 - 有CDN的清CDN缓存。 - 字体在不同浏览器和设备显示正常。
常见问题： - 改了字体不显示：CSS没生效（清缓存、检查选择器优先级、加!important）。 - 字体在Mac显示不一样：Mac没有微软雅黑，用苹方或通用字体栈。 - 内容改了不显示：缓存问题（清程序+CDN+浏览器）。 - 找不到编辑入口：内容写死在模板，改模板文件。
字体和内容是网站日常维护的两大部分。字体影响品牌形象和阅读体验，内容影响SEO和用户转化。熟练操作后，更新网站效率很高。
更新时间：2026-08-26 17:57:24
上一篇：宝塔面板网站目录权限设置：755/644/属主配置与安全加固