如何在 WordPress 中轻松更改字体大小

您想更改 WordPress 帖子或页面中的字体大小吗?

有时您可能希望增大一行或一个段落,或者您可能希望增加整个页面的字体大小。

在本文中,我们将向您展示如何轻松更改 WordPress 帖子和主题中的字体大小。

如何在 WordPress 中更改字体大小

视频教程

订阅 WPBeginner

如果您更喜欢书面说明,请继续阅读。

方法一:使用段落标题

在您的内容中使用标题是使用较大字体吸引用户注意力的好方法。在大多数WordPress 主题中,标题的字体比常规正文大。它们允许您将帖子和页面分成几个部分。

标题也非常适合SEO。搜索引擎赋予适当的标题比普通段落文本更多的权重。

如何在默认的 WordPress 块编辑器中添加标题

您可以通过简单地添加“标题”块来为您的帖子或页面添加标题。您可以搜索它或在WordPress 块编辑器的“文本”部分中找到它。

添加标题块

该块将默认为标题 2。通常,为您的子标题坚持使用标题 2 是有意义的。如果要更改此设置,只需单击“H2”下拉菜单即可选择不同的尺寸。

从 h2 更改标题

或者,您可以在屏幕右侧的块设置中更改此设置。您也可以在那里更改标题的颜色。

如何在旧版经典编辑器中添加标题

如果您仍在WordPress 中使用较旧的经典编辑器,则可以使用“段落”下拉菜单添加标题。

只需突出显示要转换为标题的文本,单击“段落”下拉菜单,然后选择标题大小。

在经典编辑器中选择标题

不同标题样式的大小和颜色由主题的样式表 (style.css) 控制。

如果您使用的是高级 WordPress 主题,那么您可以选择在外观 » 自定义下更改这些设置。

方法 2:在块编辑器中更改文本的大小

如果你想让一个段落甚至你的整个帖子用更大的字体怎么办?您可以使用默认的 WordPress 块编辑器轻松完成此操作。

只需单击任何段落块,然后在右侧的“排版”下选择字体大小。

排版设置

您可以从下拉列表中进行选择,其中包括小、普通、中、大和超大。如果您改变主意,只需单击“重置”按钮即可将您的段落设置回默认文本。

还有一个“自定义”选项,您可以在其中简单地输入您想要的像素大小。如果需要,您还可以设置一个大的首字下沉出现在段落的开头。

这些选项在 WordPress 的旧版经典编辑器中不可用。如果您想使用它们,请考虑进行切换。我们关于如何使用新的 WordPress 块编辑器的教程将为您提供帮助。

如果您决心坚持使用经典编辑器,那么下一个选项适合您。

方法 3:使用高级编辑器工具更改字体大小

高级编辑器工具,以前称为 TinyMCE Advanced,是一个WordPress 插件,可让您更好地控制字体大小和文本格式,以及一系列其他功能。

这对于较旧的经典编辑器特别有用,但它也适用于块编辑器。它添加了一个名为“经典段落”的新块,其中包含所有格式控件。

要使用它,您首先需要安装并激活Advanced Editor Tools插件。如果您不确定如何操作,请查看我们的分步指南,了解如何安装 WordPress 插件。

接下来,转到设置»高级编辑器工具(TinyMCE Advanced)来配置编辑器设置。您可以在此处设置要在 TinyMCE 高级工具栏中使用的按钮。

如果您将它与 Classic 编辑器一起使用,那么您应该会看到 TinyMCE 在第二行图标中默认启用了“字体大小”下拉菜单。

如果需要,您可以通过向上拖动将其移动到第一行。

高级编辑器工具经典编辑器字体大小

如果您使用的是块编辑器,则需要向下滚动屏幕并通过拖放将“字体大小”下拉列表添加到工具栏。

将字体大小添加到工具栏

确保单击屏幕底部的“保存更改”。

要查看正在使用的按钮,请创建新帖子或编辑现有帖子。

在块编辑器中,您现在可以选择添加“经典段落”块。它将具有高级控件,如下所示:

高级编辑器工具经典编辑器字体大小

在经典编辑器中,您将看到带有字体大小下拉菜单的工具栏:

在经典编辑器中更改字体

您可以从下拉列表中选择任何字体大小。

注意:这并没有为您提供与 WordPress 块编辑器一样多的选项,而且您无法输入自己的字体大小。

方法 4:使用 CSS 更改站点范围的字体大小

如果您每次编辑帖子时都更改字体大小,那么您可能希望通过在主题中永久更改它来使其更容易。

好消息是您可以更改整个网站的默认段落大小。最好的方法是使用Appearance » Customize下的Theme Customizer 。

一些 WordPress 主题可能带有一个选项,供您更改字体大小。如果你能找到这个选项,那么你可以在不编写 CSS 代码的情况下使用它。

但是,如果您的主题没有该功能,那么您可以添加自定义 CSS来添加您自己的字体大小规则。

只需单击主题定制器中的“附加 CSS”选项。这是您可以存储所有自定义 CSS 代码的地方。

添加额外的 CSS

现在在附加的 CSS 文本框下,只需添加您的 CSS 代码。在本例中,我们将字体大小更改为“16px”,您可以选择不同的字体大小。

p {font-size:16px;}

您将立即在屏幕右侧的预览中看到更改。如果您对字体大小感到满意,请单击屏幕顶部的“发布”按钮使其生效。

注意:您的自定义 CSS 只会应用于您正在使用的主题。如果您稍后选择切换到不同的 WordPress 主题,则需要再次将其复制并粘贴到定制器中。

上述代码仅适用于段落文本。如果您想更改所有 h2 子标题的字体大小怎么办?

只需修改上面的代码以定位主题中的 h2 元素,如下所示:

h2 {font-size:32px;}

您也可以对其他标题执行相同的操作,只需将 h2 更改为 h3、h4 或 h5。

我们希望本文能帮助您了解如何轻松更改 WordPress 中的字体大小。您可能还想查看我们关于如何在 WordPress 中使用自定义字体的指南或我们的最佳拖放式 WordPress 页面构建器插件列表。