如何更改 WordPress 中的字体大小
更改 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。
无论您采用哪种方法,请谨慎使用它以获得最大效果,并确保您最终不会得到一个看起来凌乱和不专业的网站。
常见问题FAQ
- 程序仅供学习研究,请勿用于非法用途,不得违反国家法律,否则后果自负,一切法律责任与本站无关。
- 请仔细阅读以上条款再购买,拍下即代表同意条款并遵守约定,谢谢大家支持理解!