在WordPress可视化编辑器中，选中带格式的文字，点击工具栏上的“清除格式”按钮（橡皮擦图标）即可恢复默认样式；也可切换到文本编辑器，手动删除文字周围的格式代码。
在WordPress中修改带格式的字体（如标题、引用、列表等特定样式），需通过CSS控制样式表，以下是详细方法，操作前务必备份网站：
通过主题自定义器修改（推荐新手）
-
进入自定义器
WordPress后台 → 外观 → 自定义 → 额外CSS（或”附加CSS”）。 -
添加CSS代码
根据需修改的格式类型输入代码，/* 修改所有标题字体 */ h1, h2, h3, h4, h5, h6 { font-family: "Microsoft YaHei", sans-serif; /* 字体名称 */ color: #333; /* 颜色 */ font-weight: 600; /* 粗细 */ } /* 修改引用块样式 */ blockquote { font-style: italic; border-left: 3px solid #0073aa; padding-left: 15px; } /* 修改列表字体 */ ul, ol { font-size: 16px; line-height: 1.8; } -
实时预览并发布
右侧预览区即时生效，确认无误后点击”发布”。
使用子主题修改（适合高级用户）
避免主题更新丢失修改：
- 创建子主题（可通过插件如”Child Theme Configurator”一键生成）。
- 编辑子主题的
style.css文件，添加上述CSS代码。 - 保存后刷新网站查看效果。
通过插件修改（无需代码）
- 安装CSS插件
如 “Simple Custom CSS” 或 “SiteOrigin CSS”。 - 直接输入CSS规则
插件提供可视化界面，输入与方案一相同的代码即可全局生效。
针对性修改特定元素
通过浏览器开发者工具（Chrome按F12）定位元素：
- 右键点击需修改的文字 → “检查”。
- 查看右侧CSS类名（如
.post-content p）。 - 在CSS中添加精准规则：
/* 仅修改文章正文段落 */ .post-content p { font-size: 18px; line-height: 1.6; }
注意事项
- 字体兼容性
使用通用字体族（如sans-serif）作为备选，中文字体需确保用户设备支持（如"Microsoft YaHei", "PingFang SC"）。 - 优先级问题
CSS添加!important强制覆盖（慎用），h1 { color: red !important; } - 移动端适配
使用响应式单位（如rem）或媒体查询：@media (max-width: 768px) { h1 { font-size: 24px; } }
推荐工具
- 字体加载：插件 “Easy Google Fonts” 直接调用Google字体库。
- 实时编辑：插件 “Yellow Pencil” 可视化调整样式。
- 备份：安装 “UpdraftPlus” 定期备份。
优先使用主题自定义器+CSS代码，平衡灵活性与安全性，修改后清除缓存（插件/主机缓存），并在不同设备测试显示效果，对持续维护的网站，子主题是最佳实践。
引用说明：本文方法遵循WordPress官方开发规范，参考《WordPress Codex样式指南》及Astra、GeneratePress等主流主题开发文档，CSS标准参考MDN Web Docs及W3C最佳实践。
原创文章，发布者：酷盾叔，转转请注明出处：https://www.kd.cn/ask/23366.html
