如何更改 WordPress 中的字体大小

作者 : 慕源网 本文共1314个字,预计阅读时间需要4分钟 发布时间: 2021-09-23 共392人阅读

更改 WordPress 网站中的字体大小是您可以快速轻松地对一小部分文本进行的操作,或者如果您想对较大部分的文本进行更改,则可能需要做更多的工作。

在这个快速教程中,我将向您展示如何更改 WordPress 站点中的字体大小。

我将向您展示两种快速方法:

  • 更改单个块中的字体大小
  • 将 CSS 类添加到块中,然后为该类设置样式

我还将向您介绍如何通过编辑样式表来更改整个站点的字体大小。

如何更改文本块的字体大小

让我们从最快的方法开始。

当您在 WordPress 帖子中编辑文本时,您可以选择使文本块与页面上的其他块具有不同的字体大小。

这有助于突出显示页面的特定部分。

您应该谨慎使用此方法:太多会使您的网站看起来凌乱且不专业。如果您不止一次这样做,请确保对所有较大或较小的文本部分使用相同的字体大小。

首先找到要更改其字体大小的文本块。

在“阻止”窗格的屏幕右侧,打开“文本设置”选项卡。

您可以在此处选择放大或缩小文本,或为其指定确切的字体大小。我已将字体大小提高到中等

您可以进一步提升它并使其变得庞大,但要注意让您的网站看起来很凌乱。

或者,选择特定的字体大小,并确保将它用于整个站点中所有较大或较小的字体块。

最后,单击更新以更新您的帖子或单击发布以发布它。这将保存您的更改。

如何使用 CSS 类更改字体大小

如果您想确保所有较大的文本块大小相同,并且不想记住您使用的大小,您可以使用 CSS 类为具有该类的所有元素分配一致的字体大小。

再次找到您的文本块,然后在“块”窗格中打开“高级”选项卡。

附加 CSS 类字段中,输入 CSS 类。我将使用text-large

现在单击更新发布以保存您的帖子。

您现在有两个选项可以使用该类编辑块的大小:

  • 在定制器中添加样式。
  • 将样式添加到主题的样式表。

在定制器中设置类的样式是最简单的方法,更新主题时不会给您带来任何问题。

转到WordPress 管理中的外观 > 自定义,然后单击其他 CSS

在“附加 CSS”窗格中,键入以下内容以放大文本:

.text-large {
 font-size: 1.2em;
}

使用 em 而不是特定的字体大小将使此文本大小为普通段落的 1.2 倍。

单击“发布”按钮保存更改。

现在转到您在实时站点中的帖子,您会看到带有text-large该类的块比它周围的文本大:

如果您想进一步增大尺寸,只需在定制器中编辑 CSS。现在,无论何时你想让一个块变大,你只需给它那个类,字体大小就会为你改变。

更改主题样式表中的字体大小

使用我展示的两种方法,您无需编辑主题中的文件或深入了解 CSS。它们为您提供了一种快速更改 WordPress 字体大小的方法。

但是,如果您要编辑站点中现有元素的大小(例如所有段落或列表),或者要在样式表中而不是在定制器中添加 CSS,则需要编辑主题的样式表。

您可以在我们的将自定义 CSS 添加到 WordPress 网站的指南中找到有关编辑样式表的更多信息。如果您想深入了解,这是一个很好的起点。

结论

更改 WordPress 网站中文本的字体大小可能需要几分钟的时间。您可以直接编辑块的字体大小,也可以给它一个类,然后为您的类编写 CSS。

无论您采用哪种方法,请谨慎使用它以获得最大效果,并确保您最终不会得到一个看起来凌乱和不专业的网站。


慕源网 » 如何更改 WordPress 中的字体大小

常见问题FAQ

程序仅供学习研究,请勿用于非法用途,不得违反国家法律,否则后果自负,一切法律责任与本站无关。
请仔细阅读以上条款再购买,拍下即代表同意条款并遵守约定,谢谢大家支持理解!

发表评论

开通VIP 享更多特权,建议使用QQ登录