首页 » 博文 » wpbeginner » 初学指南 » 如何轻松更改 WordPress 中的字体大小

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

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

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

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

如何更改 WordPress 中的字体大小

为什么要更改 WordPress 中的字体大小?

通过更改WordPress 网站上的字体大小,您可以提高内容的可读性并使用户更轻松地浏览内容。

另外,增加字体大小还可以帮助您突出显示WordPress 博客上的重要信息。

例如,如果您在网站上展示联属产品,那么增加其字体大小可以帮助使该产品更加引人注目。

增加字体大小还可以使通过移动设备访问您网站的查看者更容易阅读内容。

话虽如此,让我们看看如何轻松更改 WordPress 中的字体大小。

在本教程中,我们将讨论多种方法,因此您可以使用下面的链接跳转到您选择的方法:

方法 1:使用标题更改字体大小

如果您正在寻找一种使用标题更改字体大小的简单方法,那么此方法适合您。

在内容中使用标题是通过较大字体吸引用户注意力的好方法。

在大多数WordPress 主题中,标题的字体比常规正文的字体更大,这使您可以将帖子和页面分成几个部分。

标题对于改善网站搜索引擎优化也很有帮助,因为搜索引擎给予适当的标题比普通段落文本更重要的权重。

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

首先,您需要在WordPress 块编辑器中打开一个新帖子或页面。

到达那里后,单击屏幕左上角的“+”按钮以打开阻止菜单。

从这里,您必须找到标题块并将其添加到页面/帖子中。

添加标题块

默认情况下,该块将设置为标题 2。

如果您要添加副标题,那么坚持使用“标题 2”选项是有意义的。

但是,如果您想更改此设置,只需单击“H2”下拉菜单即可选择不同的尺寸。

从 h2 更改标题

或者,您还可以使用屏幕右侧面板上的块设置更改标题大小。

您甚至可以自定义标题的颜色、外观、字母大小写等。

完成后,不要忘记单击“更新”或“发布”按钮来存储您的设置。

标题设置

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

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

首先,您需要使用鼠标选择要转换为标题的文本。

接下来,单击左上角的“段落”下拉菜单,然后选择标题大小。

您现在已成功更改标题的字体大小。

在经典编辑器中选择标题

但是,请记住,经典编辑器不允许您更改不同标题样式的大小和字体颜色。

如果您想这样做,那么您需要更改主题的样式表 (style.css)。

最后,只需单击“更新”或“发布”按钮即可保存更改。

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

如果您想更改段落块中文本的字体大小,那么此方法适合您。

首先,您需要在古腾堡块编辑器中打开现有页面/帖子。

到达那里后,单击任何段落块,然后从屏幕右侧的块面板切换到“样式”选项卡。

从这里,您必须从“版式”部分选择字体大小。

更改字体大小

您可以根据需要选择“小”、“中”、“大”或“超大”选项。

如果您想将文本更改回原始大小,也可以通过单击“版式”部分旁边的三点菜单来实现。

这将打开一个新的下拉菜单,您必须在其中单击“重置”选项。

重置字体大小

除此之外,您还可以使用相同的下拉菜单添加首字下沉、字母大小写、间距、外观等。

之后,只需单击“更新”或“发布”按钮即可存储您的更改。

请记住,这些选项在旧版 WordPress 经典编辑器中不可用。如果您想使用它们,请考虑进行切换。

方法 3:使用插件更改字体大小

如果您想使用插件更改字体大小,则可以使用此方法。

首先,您需要安装并激活高级编辑器工具插件。有关详细说明,您可能需要查看我们关于如何安装 WordPress 插件的初学者指南。

激活后,该插件可以让您更好地控制字体大小和文本格式以及一系列其他功能。它添加了一个新的“经典段落”块,其中包含您选择的所有格式功能。

激活插件后,您需要从 WordPress 管理侧边栏前往“设置”»“高级编辑器工具”页面。

到达那里后,您可以轻松地将格式功能从“未使用的按钮”部分拖放到“经典段落”块。

这些功能包括字体大小、字体系列、副本、下标、表情符号、源代码等等。

添加字体大小字段

完成此操作后,向下滚动到“选项”部分并选中“字体大小”选项以访问更多字体大小。

之后,只需单击“保存更改”按钮即可存储您的设置。

添加更多字体大小

如果您将该插件与经典编辑器一起使用,则必须从页面顶部切换到“经典编辑器”选项卡。

到达那里后,您需要执行与块编辑器中相同的操作。

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

进行更改后,请确保单击屏幕底部的“保存更改”按钮。

现在,要查看插件的运行情况,您必须从 WordPress 仪表板打开一个新的或现有的页面/帖子。

到达那里后,单击屏幕左上角的“+”按钮以打开阻止菜单。

从这里,您需要找到经典段落块并将其添加到页面。

将经典段落块添加到页面

您现在可以使用“字体大小”下拉菜单来更改“经典段落”块中文本的大小。

最后,单击“更新”或“发布”以保存您的帖子或页面设置。

字体大小字段

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

如果您想更改整个网站的字体大小,那么此方法适合您。

您可以使用WPCode将CSS 代码添加到您的网站,轻松更改网站范围内的字体大小。

WPCode 是市场上最好的 WordPress 代码片段插件,它使向您的网站添加代码变得超级简单且安全。

首先,您需要安装并激活WPCode插件。有关详细说明,请参阅我们有关如何安装 WordPress 插件的分步指南。

激活后,从 WordPress 管理侧边栏转到代码片段 » + 添加片段页面。

到达那里后,单击“添加自定义代码(新代码段)”选项下的“使用代码段”按钮。

添加新片段

这将引导您进入“创建自定义片段”页面,您可以在其中首先为代码片段指定标题。

之后,从屏幕右上角的“代码类型”下拉菜单中选择“CSS 片段”选项。

注意: “CSS Snippet”选项仅在高级 WPCode 插件中可用。但是,如果您使用免费版本,则需要选择“通用片段”选项。

选择 CSS Snippet 作为字体大小代码

接下来,您需要将以下自定义 CSS 代码复制并粘贴到“代码预览”框中。

123p {font-size:16px;}

WPCode与 ❤️ 主办

在 WordPress 中一键使用

完成此操作后,只需在 CSS 代码中的“font-size”行旁边添加所需的文本大小即可。

粘贴字体大小代码

之后,向下滚动到“插入”部分并选择“自动插入”模式。

现在,您的代码将在激活后自动在您的网站上执行。

选择插入方法

最后,滚动回页面顶部并将“非活动”开关切换为“活动”。

之后,单击“保存片段”按钮来执行您的代码。

保存字体大小代码

您现在已成功更改 WordPress 网站上的字体大小。

发表评论

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

Scroll to Top