WordPress 字体大小修改指南
一、字体大小是如何控制的?
WordPress 的字体大小没有单一的“全局开关”,控制权分散在不同层面,主要由当前激活的主题决定:
| 主题类型 | 控制核心 | 说明 |
|---|---|---|
| 经典主题 | style.css 文件 |
字体大小在 CSS 文件中定义,调整相对固定。 |
| 区块主题 | theme.json 文件 |
通过“站点编辑器”可进行更灵活的全局调整。 |
参考数值:WordPress 后台界面文本默认约 13px,前台正文(如文章内容)常见默认约 16px。
二、修改方法
根据你想调整的范围和力度,选择最适合你的方式:
方法一:单篇文章/段落局部调整(最直接)
适用场景:只想让某篇文章中的某一段或某个标题变大/变小。
操作步骤:
- 编辑文章时,点击目标区块(如段落、标题)。
- 在右侧区块设置侧边栏中找到 【排版】 (Typography) 区域。
- 点击 【字体大小】 (Font Size),从预设值中选择或输入自定义数值。
效果:修改仅对当前区块生效,不影响全站。
方法二:全站一次性“大调整”(最简单)
适用场景:希望全站的正文或标题统一放大或缩小。
区块主题(如 Twenty Twenty-Five)
- 编辑任意页面或文章。
- 点击编辑器顶部工具栏的 【样式】 (Styles) 图标(右上角,半黑半白的圆形,或者你使用的主题的图标)。
- 在侧边栏中找到 【排版】 (Typography)。
- 调整 【正文】 (Text) 或 【标题】 (Headings) 的基础大小。
所有主题(通过自定义)
- 进入后台 外观 (Appearance) → 自定义 (Customize)。
- 寻找 【排版】 (Typography)、【字体】 (Fonts) 或类似选项。
- 根据主题提供的滑块或输入框进行调整。
方法三:通过“附加 CSS”精确控制(最灵活)
适用场景:希望对特定元素进行精确控制,且希望修改不随主题更新而丢失。
操作步骤:
- 进入后台 外观 (Appearance) → 自定义 (Customize)。
- 点击 【附加 CSS】 (Additional CSS)。
- 在文本框中添加你的 CSS 代码。
- 点击 【发布】 (Publish)。
常用代码示例:
/* 调整文章内容区域所有段落的字体大小 */
.entry-content p {
font-size: 18px;
}
/* 调整全站所有 H2 标题的字体大小(使用相对单位) */
h2 {
font-size: 2.2rem;
}
/* 调整文章标题(仅适用于特定主题) */
.post-title {
font-size: 28px;
}
建议:优先使用
rem或em等相对单位,而不是固定的px,它们能更好地适配不同屏幕尺寸和用户的浏览器字体设置,提升可访问性。
三、怎么选?
| 方法 | 影响范围 | 是否会被主题更新覆盖 | 适合场景 |
|---|---|---|---|
| 方法一:区块局部调整 | 单个区块 | 不会 | 只改某一段/某个标题 |
| 方法二:全站样式面板 | 全站 | 区块主题不会,经典主题需看具体实现 | 快速统一调整正文/标题大小,不想写代码 |
| 方法三:附加 CSS | 精确到你写的选择器 | 不会(存在数据库里,与主题文件无关) | 需要精确控制,且希望修改长期稳定 |
一句话总结:能在编辑器里点几下解决的,优先用方法一/二;需要精确控制或想让改动不随主题更新丢失,才用方法三的自定义CSS。