如何更改 WordPress 字体大小?

字体大小可能会影响用户查看网站方式。 毕竟,您不希望在各种设备上阅读太小的东西。 这可能导致人们停止阅读文本并离开您的网站。 更改 WordPress 字体大小可能有助于访问者有更多的时间阅读内容。

本教程将引导您完成一些调整字体大小的方法。 这是一个相对简单的过程,但我们将介绍一些方法和一些优秀的工具,以赋予内容其意义背后的力量。

为什么我需要更改字体?

排版可以为几乎每个网站添加完全不同的外观和感觉。 这可能是从单词大小到颜色的所有内容。 这是展示专业水平的一种方式,通常是吸引特定类型的受众的一部分。

某些 WordPress 布局在台式计算机上可能看起来很漂亮。 但是,在移动设备(如智能手机或平板电脑)上查看时,外观可能会完全不同。

这就是为什么你应该总是在这些设备上测试网站。 字体可能太小,或者移动技术看起来很糟糕。

其他排版更改可以灌输公司是什么,以及内容的整体语气。 例如,在使用 Comic Sans 时增加字体大小可以提供更愉快、更欢快的氛围,而不是像小时代新罗马那样的东西。

其中一些景点 使用自由字体 在您的网站上或为您的利基找到完美的排版。

有几种方法可以更改 WordPress 中的字体大小。 让我们一起看看。

如何在 WordPress 中更改字体大小

方法 1:使用 WordPress 古腾堡编辑器进行字体大小

古腾堡块编辑器包含一些字体大小功能。 所有你需要做的是访问一些正确的块。 让我们一起简要地描述一下情况。

第 1 步:打开新帖子或页面

继续打开新帖子或页面以访问编辑器。 在本演示中,您将打开一个新页面。[ページ]单击[新規追加]只需单击即可。

单击页面,然后添加新页面

第 2 步:选择所需的块

当出现新页面时,继续选择要使用的块,然后在 WordPress 中更改字体大小。 在这里,我们使用两个基本块:“标题”块和“自定义 HTML”块。

单击 + 符号以添加新块。 搜索标题块。

搜索标题块

第 3 步:使用标题或自定义 HTML 块更改字体大小

继续,然后单击该块以将其添加到页面。 在这种情况下,可以单击“标题”样式以选择所需的字体标题级别。

更改标题级别
使用标题调整大小并添加 SEO

在某些情况下,您可能希望使单词变大以创建标题。 在这种情况下,最好将文本更改为实际标题。 它不仅使文本看起来更清晰,而且有助于您的一部分 SEO 实践.

您可以对自定义 HTML 块执行相同的操作。 继续搜索它,并使用与上述相同的方法将其添加到页面。

自定义 html 块

从这里,您可以输入所需的 HTML 代码,并使用此块添加任何类型的字体大小。 一个很好的例子是:

<h1 style=”font-size:10vw“>Font Size Demo</h1>

只需将字体大小编号更改为您喜欢的字体大小即可。

方法 2:使用高级编辑器工具插件

酒店 高级编辑器工具 该插件提供了另一种非常简单的方法来更改 WordPress 中的字体大小。 你们中的许多人可能还记得这个插件被命名为TinyMCE高级。 安装后,该插件为古腾堡编辑器提供了“经典段落”块。

高级编辑器工具插件

第 1 步:安装和激活插件

要使用此插件更改 WordPress 的字体大小,必须首先执行以下操作: 安装和激活 它。 为此,请跳转到 WordPress 管理仪表板的插件页面。

安装; 编辑器工具以启用高级

只需使用可用的搜索字段按名称搜索插件即可。 当弹出窗口出现时,请从那里安装并激活它。

第 2 步:打开新页面

安装并激活插件后,打开新页面使其可用。 在管理仪表板>左侧菜单区域中[ページ][新規追加]单击。

单击页面以添加新页面

第 3 步:查找经典段落块

现在,您已经打开了新页面,请在块中搜索“经典段落”块。 插件自激活以来已自动添加。

第五经典段落块

找到后,将其添加到页面。

将旧段落块添加到页面

从这里,您可以使用编辑器,就像使用经典编辑器样式一样,并使用指定的工具更改 WordPress 字体。

方法 3:将自定义 CSS 添加到主题

在 WordPress 中更改字体大小的最后一种方法并不难,但您需要了解以下方法 添加自定义 CSS 到你的主题。

笔记: 大多数新的 WordPress 主题在自定义程序中都有此内容。 但是,如果您正在运行旧主题,则此方法可能无法在布局方法中使用。

第 1 步:打开主题自定义程序

若要添加自定义 CSS,必须首先打开主题自定义程序。 为此,请单击仪表板左侧的菜单区域[外観]>[カスタマイズ]单击。

单击外观,然后自定义

第 2 步:打开其他 CSS 选项卡

主题自定义程序已打开,因此[追加のCSS]您必须向下滚动,直到找到选项卡。

其他 CSS 选项卡

第 3 步:添加 CSS 代码

同样,您需要知道如何添加自定义 CSS 代码。 但是,如果您在此处添加它,则可以更改 WordPress 字体大小以及字体颜色、标题等。

添加自定义 CSS 框

您输入的 CSS 代码通常由主题元素确定。 不是每个人都使用相同的 CSS 编码环境。 但是,以下内容几乎适用于所有主题:

本示例更改段落中网站的所有字体大小。p将 “ 设置为 14 像素。只需将”14“更改为网站所需的任意数量的像素即可。

您可以使用站点中使用的 h1、h2、h3 和其他元素对标头执行相同的操作。

如果要更改更具体元素的字体大小,请将上述编码中的“p”替换为 CSS 属性。必须 这也许取决于主题。

使用 谷歌铬开发工具 但是,它可以帮助您找到要更改的特定元素。

用于更改 WordPress 字体大小的其他插件

WordPress 的伟大之处之一是,许多开发人员使用插件以自己的方式解决问题。 以下是更改帖子或页面字体大时可能感兴趣的一些内容。

泽诺字体回收器
泽诺字体回收器

一些开发人员认为,让访问者控制大小调整过程会更方便。 泽诺字体回收器 这是一个这样的插件,给它的能力。 使用边栏小部件,访问网站的人可以根据个人喜好选择小字体或大字体。

辅助功能字体回收器
辅助功能字体回收器

并非所有访问您网站的访问者都像您一样看待它。 这就是辅助功能字体回收器出现的地方。 插件使网站更易于阅读,并为网站访问者提供了更改文本字体大小的选项。 简单明了,易于使用,灵活,不会减慢网站的速度。

结论

一些主题提供了一个伟大的外观,但自定义WordPress字体大小没有问题。 无论您是希望帖子或页面在移动设备上看起来很棒,还是希望来宾能够阅读文本,这都是个人设计偏好的问题。

通过探索您键入的单词可以执行的操作,您可以进一步浏览内容。

有哪些其他内容可以突出显示? 您的网站的最佳字体默认大小是多少?

给TA打赏
共{{data.count}}人
人已打赏
WordPress 教程

如何设置WordPress Yost SEO插件

2022-11-2 10:14:49

WordPress 教程

如何修复 WordPress 帖子中的 404 错误

2022-11-2 13:24:20

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索