如何更改 WordPress 主题中的字体(5 种简便方法)

WordPress 主题提供了默认字体、字体大小和字体颜色。如果想将默认字体更改为其他字体。有几种方法可以更改 WordPress 中的字体。

图片[1]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

在 WordPress 主题编辑器中更改字体

更改网站字体的简单方法是转到WordPress 主题编辑器。它可以更改网站的外观并显示实时预览。

注意:如果编辑器菜单选项丢失,那么主题可能已启用完整的站点编辑,需要使用其他方法或切换主题。

在本教程中,我们使用的是Astra 主题。注意:选项可能会因你的 WordPress 主题而异。通常,需要在编辑器中查找特定于你的主题的“字体”或“排版”设置。

首先,可以从 WordPress 仪表板前往外观 » 自定义。

图片[2]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

这将启动 WordPress 主题编辑器。

Astra 主题有一个“全局”部分,其中有更改网站范围样式的选项。要更改整个网站的字体,可以单击左侧菜单中的“全局”选项。

图片[3]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

在下一个屏幕上,会看到“排版”、“颜色”、“容器”、“按钮”等选项。

继续并单击“排版”选项。

图片[4]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

这里,可以在“预设”部分下选择不同的字体。

这些是主题提供的默认字体组合,选择预设将改变整个网站的字体。

可以将鼠标悬停在字体预设上以查看字体组合。例如,在这里我们可以看到其中一个预设中的“Montserrat 和 Source Sans Pro”组合。

图片[5]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

除此之外,还可以更改主题中各个元素的字体。

例如,可以为正文和标题使用不同的字体。甚至可以选择为每个标题级别使用不同的字体。

首先,只需从任意单个元素的“字体系列”下拉菜单中选择一种字体。

图片[6]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

除此之外,还有更多选项可以更改字体大小、粗细、选择变体等。

完成后,要记得点击“发布”或“更新”按钮。

现在可以刷新你的网站前端并查看新字体。例如,在我们的演示网站上,我们将正文字体更改为 Roboto,将标题字体更改为 Helvetica。

图片[7]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

注意:并非所有 WordPress 主题都提供 Astra 提供的相同功能和自定义设置。如果你的主题不提供这些功能,用别的方法。

在 WordPress 完整网站编辑器中更改字体

如果使用的是基于块的 WordPress 主题(如 Twenty Twenty-Two),则可以使用完整站点编辑器 (FSE) 更改站点的字体。

完整网站编辑器可以使用区块自定义 WordPress 主题,就像使用 WordPress 内容编辑器编辑帖子页面一样。不过,FSE 目前处于测试阶段,只有少数主题支持。

在这里,我们用 Twenty Twenty-Two 主题演示。

首先,可以从 WordPress 管理面板转到外观»编辑器。

图片[8]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

这将打开 WordPress 主题的完整站点编辑器。

接下来,可以点击右上角的“样式”图标,然后点击“排版”选项。

图片[9]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

之后,可以选择文本和链接等元素来更改其字体。

我们将选择“文本”作为元素,然后单击“字体”下拉菜单来更改其字体。

图片[10]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

完成后,只需单击“保存”按钮即可。

经过上述步骤,已成功使用完整网站编辑器更改字体。还可以将自定义字体添加到 WordPress 网站,然后在完整网站编辑器中更改它们。

使用 WordPress 插件更改 WordPress 字体

更改 WordPress 字体的另一种方法是使用 WordPress 插件,例如Fonts Plugin

它是一个WordPress 排版插件,可以在网站添加数千种 Google 字体和不同的字体变体。

首先,要安装并激活 Fonts Pugin。

激活后,会在 WordPress 仪表板中看到字体插件快速入门指南。可以输入电子邮件地址以获取 PDF 或导航至“自定义字体”开始编辑。

图片[11]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

会在主题的编辑器中打开插件的定制选项。

在此页面上,继续并单击“基本设置”菜单。

图片[12]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

进入菜单项后,可以开始自定义内容、标题按钮字体

只需展开每个文本元素的下拉菜单并选择喜欢的字体。

图片[13]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

完成后,要记得单击“发布”按钮,字体插件才会更新更改。

使用 WordPress 主题生成器更改字体

有许多功能强大的 WordPress 主题编辑器,可以创建自定义主题而无需编辑代码。可以使用它们来更改网站上不同元素的字体。

在这里,我们使用SeedProd演示。它是WordPress 的最佳登陆页面和主题编辑器插件,并提供拖放构建器来创建自定义主题,而不需要任何一行代码。

注意:要SeedProd Pro 版本才可以,因为它包含主题构建器。还有一个SeedProd Lite 版本,可以免费使用。

首先,安装并激活 SeedProd 插件。

激活后,将看到 SeedProd 欢迎屏幕。继续输入密钥,然后单击“验证密钥”按钮。可以在 SeedProd 帐户区域轻松找到许可证密钥。

图片[14]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

之后,可以从 WordPress 仪表板转到SeedProd » 主题构建器。

接下来,继续并单击顶部的“主题”按钮。

图片[15]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

从这里,插件将显示多个主题可以选择。

只需将鼠标悬停在想要使用的主题上,然后单击它即可。我们在本教程中使用“默认”主题。

图片[16]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

SeedProd 现在将生成不同的主题模板。

可以编辑每个模板并自定义 WordPress 主题。甚至可以选择手动添加主题模板。

让我们编辑主页主题模板并更改不同元素的字体。首先,可以点击“主页”下的“编辑设计”链接。

图片[17]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

这将启动 SeedProd 的拖放主题构建器。可以从左侧菜单添加新元素并将其放置在模板上的任何位置。

要更改任何主题部分的字体,只需选择它即可。例如,我们选择 Starter 标题下的文本框。

接下来,需要从左侧菜单转到“高级”选项卡,然后单击“排版”前面的“编辑”按钮。

图片[18]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

之后,会看到多个选项来编辑所选部分的字体。

可以点击“字体系列”下拉菜单,给文本选择字体。还可以选择字体粗细、调整字体大小、行高、字母间距、对齐方式、字母大小写等。

图片[19]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

以重复此步骤并更改主题上其他元素的字体。

完成后,只需单击顶部的“保存”按钮即可。

要应用自定义主题和字体,转到SeedProd » 主题构建器 ,并将“启用 SeedProd 主题”选项旁边的开关切换为“”。

图片[20]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

在 WordPress 内容编辑器中自定义字体外观

还可以使用内容编辑器更改字体在特定博客文章和页面中的显示方式。

这种方法的缺点是它只会将新字体应用于特定的帖子或页面

要使用 WordPress 内容编辑器更改字体,只需编辑帖子或添加新帖子即可。进入WordPress 内容编辑器后,可以选择文本来更改其外观。

在右侧的设置面板中,转到“排版”部分。然后,点击“排版”前面的 3 个点,并从下拉菜单中选择“外观”。

图片[21]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

完成后,将出现“外观”设置。点击下拉菜单并为字体选择一种样式。例如,可以将字体设置为粗体、细体、斜体、黑色、粗体斜体、超粗体等。

在此设置区域,还可以更改字体大小、选择字母大小写、编辑颜色、启用首字下沉等等。

图片[22]-如何更改 WordPress 主题中的字体(5 种简便方法)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

完成后,更新或发布页面。

本文主要讲述如何更改 WordPress 中的字体,希望对你们有帮助。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容