如何修改WordPress 的字体大小

WordPress 字体大小修改指南


一、字体大小是如何控制的?

WordPress 的字体大小没有单一的“全局开关”,控制权分散在不同层面,主要由当前激活的主题决定:

主题类型 控制核心 说明
经典主题 style.css 文件 字体大小在 CSS 文件中定义,调整相对固定。
区块主题 theme.json 文件 通过“站点编辑器”可进行更灵活的全局调整。

参考数值:WordPress 后台界面文本默认约 13px,前台正文(如文章内容)常见默认约 16px。


二、修改方法

根据你想调整的范围和力度,选择最适合你的方式:

方法一:单篇文章/段落局部调整(最直接)

适用场景:只想让某篇文章中的某一段或某个标题变大/变小。

操作步骤

  1. 编辑文章时,点击目标区块(如段落、标题)。
  2. 在右侧区块设置侧边栏中找到 【排版】 (Typography) 区域。
  3. 点击 【字体大小】 (Font Size),从预设值中选择或输入自定义数值。

效果:修改仅对当前区块生效,不影响全站。


方法二:全站一次性“大调整”(最简单)

适用场景:希望全站的正文或标题统一放大或缩小。

区块主题(如 Twenty Twenty-Five)

  1. 编辑任意页面或文章。
  2. 点击编辑器顶部工具栏的 【样式】 (Styles) 图标(右上角,半黑半白的圆形,或者你使用的主题的图标)。
  3. 在侧边栏中找到 【排版】 (Typography)。
  4. 调整 【正文】 (Text) 或 【标题】 (Headings) 的基础大小。

所有主题(通过自定义)

  1. 进入后台 外观 (Appearance) → 自定义 (Customize)
  2. 寻找 【排版】 (Typography)、【字体】 (Fonts) 或类似选项。
  3. 根据主题提供的滑块或输入框进行调整。

方法三:通过“附加 CSS”精确控制(最灵活)

适用场景:希望对特定元素进行精确控制,且希望修改不随主题更新而丢失。

操作步骤

  1. 进入后台 外观 (Appearance) → 自定义 (Customize)
  2. 点击 【附加 CSS】 (Additional CSS)。
  3. 在文本框中添加你的 CSS 代码。
  4. 点击 【发布】 (Publish)。

常用代码示例

/* 调整文章内容区域所有段落的字体大小 */
.entry-content p {
    font-size: 18px;
}

/* 调整全站所有 H2 标题的字体大小(使用相对单位) */
h2 {
    font-size: 2.2rem;
}

/* 调整文章标题(仅适用于特定主题) */
.post-title {
    font-size: 28px;
}

建议:优先使用 remem 等相对单位,而不是固定的 px,它们能更好地适配不同屏幕尺寸和用户的浏览器字体设置,提升可访问性。


三、怎么选?

方法 影响范围 是否会被主题更新覆盖 适合场景
方法一:区块局部调整 单个区块 不会 只改某一段/某个标题
方法二:全站样式面板 全站 区块主题不会,经典主题需看具体实现 快速统一调整正文/标题大小,不想写代码
方法三:附加 CSS 精确到你写的选择器 不会(存在数据库里,与主题文件无关) 需要精确控制,且希望修改长期稳定

一句话总结:能在编辑器里点几下解决的,优先用方法一/二;需要精确控制或想让改动不随主题更新丢失,才用方法三的自定义CSS。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注