如何在WordPress中更改字体,并提升您的网站设计

如果您的网站正在使用wordpress运行,您可能希望自定义其外观并改善其可用性。可用的选项之一是更改字体。如果您正在使用wordpress目录中提供的主题,则您的网站将选择设计师设置的默认字号和颜色。

然而,您不必坚持使用默认设置。更改您的wordpress主题中的字体可以确保客户获得预期的信息,并且还被您网站的设计所吸引。本文将探讨在wordpress网站中更改字体的不同方法。

在wordpress中进行排版和字体定制的重要性

  • 差异化和独特性:您是否曾经看到一个网站,并对自己说:“这看起来很熟悉”?尽管大多数网站使用wordpress目录中的主题,但通过更改字号和颜色,您可以使您的网站独具一格。
  • 层次和强调:您可以通过字体的差异化来确定某些内容的先后顺序。例如,您可以在h1中使用较大的字体,在h2中使用较小的字体。
  • 一致性和专业性:当您在整个网站中使用一致的字体时,可以使您的wordpress网站看起来更加精致。您还可以更改字体颜色以与您的品牌颜色相配。
  • 可访问性:更改网站或页面的字体可能会使有视觉障碍或其他残障的用户更容易阅读您网站上的内容。

css在字体定制中的作用

wordpress是使用php、mysql、html、css和javascript创建的。每个wordpress主题都有一个style.css文件,用于控制网站的视觉布局和设计。因此,您可以使用这个文件在wordpress网站中实现所需的字体更改。

css允许您在wordpress网站上更改字体系列、大小、颜色和间距。对于实施这些更改,需要具备基本的css知识。但是,如果您不想编写任何css代码,仍然可以使用插件。

现在,我们探讨一些在wordpress中更改字体的方法。

wordpress定制器

这是更改wordpress网站中字体的最简单方法之一。几乎所有按照wordpress标准设计的主题都具有内置功能,允许您通过几次点击更改字体、字体颜色和字体大小。

一些主题将允许您使用wordpress定制器选项。另一些主题则有限的选项,迫使您尝试其他我们将在其他方法中探讨的选项。

请确保已登录您的wordpress帐户,然后按照以下步骤操作:

  • 在仪表板的左侧,点击下拉菜单并选择“外观”。
  • 点击“定制”。

nb:您的wordpress网站的外观可能会根据您使用的主题而有所不同。在我的情况下,我使用的是“generatepress child developer theme”。

  • 当我点击“定制”时,我将获得一个下拉菜单,我将选择“排版”
  • 现在,您可以根据需要自定义您的网站。

例如,我可以选择“body”,改变“系统字体”。默认是“系统堆栈”,我可以从下拉菜单中选择适合我需要的字体。

主题编辑器

主题编辑器功能允许您编辑wordpress主题中的不同文件。我们的重点将放在style.css文件上,因为它允许您自定义字体。

您应该遵循的确切步骤可能因您使用的主题而异。我仍在使用“gp developer child theme”进行演示。

您可以按照以下步骤操作:

  • 在“菜单”上,点击“外观”,然后点击“主题文件编辑器”
  • 上述步骤将打开style.css文件,您可以在其中添加您喜欢的样式。

例如,如果您想将整个网站的字体更改为斜体,可以使用以下代码:

/* 将字体更改为斜体 */

body {

  font-style: italic;

}

您还可以选择内置的css编辑器来实现更改。点击“附加css”选项卡,然后编写您的css代码。

例如,您可以这样写:

点击“发布”按钮保存您的更改。

调整单个页面的字体

此方法允许您自定义wordpress网站上的单个页面或帖子。当您希望某个页面与其他页面不同时,这是一个不错的选择。

您可以将此方法用于诸如“隐私政策”之类的页面。例如,我可以将“隐私政策”页面中的某个h1更改为绿色并斜体。为了实现这一点,我将按照以下步骤进行操作:

  • 导航到我的仪表板,点击“所有页面”。
  • 选择我的目标页面“隐私政策”,然后点击“编辑”
  • 点击“文本”选项卡,而不是“可视化”选项卡,如此屏幕截图所示

这是我添加的代码:

heading for demonstration purposes

当页面呈现时,它将显示为:

使用插件

如果您不懂技术或不喜欢编码,您可以使用各种字体插件来更改字体。更改字体的过程因插件而异。

要开始使用字体插件,请转到wordpress仪表板,然后选择“插件”,然后选择“添加新的”。

现在,您可以使用“搜索插件”功能来选择您的目标插件。

这是您可以使用的一些最佳插件:

#1. seed fonts

seed fonts是一个字体插件,可让您使用web字体。该平台有五种现成的泰文-英文web字体可供使用。您还可以使用google字体或上传自定义字体。seed fonts是一个开源插件,可以免费使用。

#2. use any font

在wordpress网站上上传任何自定义字体,即使没有css知识也可以使用any font。您还可以选择从23,871+预定义字体集合中选择。唯一的要求是您的字体必须是ttf,otf或woff格式。

以一种格式上传您的字体,插件将自动生成其所需的所有其他格式。任何字体都适用于所有现代浏览器和不同的屏幕尺寸。

#3. 字体插件

字体插件是一个插件,允许您在google字体库中使用超过1455种独特的字体。该插件具有预览功能,可以在应用更改之前预览字体在您的网站上的显示效果。

字体插件适用于任何wordpress主题,您无需任何编码知识即可开始使用它。如果您熟悉css,可以创建自定义选择器并控制字体在wordpress网站上的显示方式。

#4. mw字体更改器

到目前为止,我们介绍的插件都集中于更改整个网站的字体。然而,作为网站所有者/设计师,您可能希望获得更好的体验。mw字体更改器允许您更改仪表板和主题上的字体。

这是一个易于使用的插件,拥有30多种字体。要更改主题中的字体,只需输入主题id和类。mw字体更改器已经拥有10,000多个活跃安装,并与wordpress 5.0及更高版本兼容。这个插件是开源软件。

如何优化wordpress上的字体

良好的网站应该加载得快。您可能在wordpress目录上有最快的主题。但是,添加大量多媒体和字体可能会降低加载速度。避免这种情况发生的唯一方法是优化字体。以下是一些最佳方法:

  • 上传多个文件类型:您可以将字体保存为不同的格式。您可以上传不同的格式,浏览器将根据用户的屏幕尺寸和操作系统等特性选择最佳的格式。
  • 仅上传所需字符:如果您在网站上不会广泛使用某些字体,您可以仅上传所需的字符,而不是整个字库。
  • 将字体托管在cdn上:上传自定义字体的过程可以增加您的wordpress网站的大小。内容传递网络(cdn)允许您将字体托管在外部服务器上,并将其链接到您的wordpress网站。
  • 使用wordpress缓存:wordpress缓存将用户经常使用的数据存储起来,并在用户重新访问网站时向用户提供。这种方法可以增加加载速度。

常见问题解答

如何为我的wordpress网站选择合适的字体?

有几个要考虑的因素。例如,您必须考虑您的品牌形象,整体设计和目标受众。

更改wordpress中的字体需要了解编码吗?

不。wordpress旨在让非技术人员使用。您可以在wordpress仪表盘中更改字体而无需编写任何代码。您还可以使用各种插件来实现不同的更改。然而,如果您了解css,您可以向wordpress站点添加自定义css来更改字体。

您可以在wordpress网站的特定区域更改字体吗?

是的。您可以在特定区域(如页面或单个文章)更改字体。如果您不熟悉编码,可以使用可视化方法。另一方面,如果您了解如何编码,可以使用文本方法。

我可以恢复到wordpress主题的原始字体吗?

是的。如果您更改了字体并觉得需要恢复到原始状态,您可以随时进行更改。只需返回仪表盘上的定制器并将字体恢复为默认设置即可。

结论

您现在有几种方法可以使用,以更改wordpress网站中的字体,以增强其设计。选择使用的方法将取决于您的技能和偏好。有时,您可能会使用多种方法,这取决于您正在创建的网站的性质。

您还可以探索如何使用css可见性来增强您的网页设计,其中隐藏了一些亮点。

类似文章