如何更改WordPress网站的字体(适用于所有主题)

如何更改WordPress的字体的具体方法,需要取决于您使用的是新的区块主题还是比较旧的经典主题,这一点可能会让人感到困惑,本文中我们将详细介绍二者的区别以及如何分别在这两种主题中修改字体的的方法。

区别:

现代区块主题具有内置的字体库功能,允许你直接通过WordPress访问Google字体;而较旧的经典主题没有这些功能,但你可以使用一个免费插件来解锁更多字体。无论哪种方法,都可以实现全局(整个网站)或者局部(各个页面和帖子)更改字体。

如何判断我是否使用区块主题?

1.访问完整网站编辑器(FSE)

首先,从WordPress仪表板,转到“外观”→“编辑器”以打开完整网站编辑器:

如果你在“外观”下没有看到“编辑器”选项,而是看到“自定义”,这意味着你使用的是经典主题而不是区块主题。

如何更改现代区块主题中的字体

随着WordPress 6.5的发布,更改字体以及通过原生字体库功能访问超过一千种额外字体变得非常简单快捷。只要你使用的是区块主题,那么再也不用为了找到你想要的字体库而摆弄插件或浪费时间浏览主题了。

从WordPress仪表板,转到“外观”→“编辑器”,点击“编辑器”后,它将直接带你进入FSE界面,你需要从菜单中选择“样式”:

在弹出的子菜单中,找到小铅笔图标并点击它:

这将带你进入实际的编辑器,击“Typography”,就可以看到可用字体。

如果要连接到 Google Fonts并解锁更多字体,需点击“Fonts”右侧的图标打开字体库,然后点击“Install Fonts”,再点击“Allow access to Google Fonts”,如图:

操作完成后,你将看到非常多的可用字体,光是浏览所有字体就需要一整天的时间。

找到喜欢的字体后,点击它。如果该字体有多个变体,只需选择你喜欢的变体,然后点击右下角的“安装”:

安装成功后,你会收到确认/成功消息:

全局选择和编辑字体

关闭字体库选择页面,您就可以回到FSE编辑页面,在此页面的右侧可以看到安装的字体。在元素区域,您可以查看到包含全局文本选择的类目,如图:

如果你想将新选择的字体应用为整个网站的标题字体,只需点击“元素”区域下的“标题”。

你可以将其应用到所有标题(例如,H1到H6)或仅应用到特定标题。

然后你可以重复这个过程,直到为所有字体元素实现你满意的外观。

局部选择和编辑字体

现在你知道如何设置全局排版样式,以确保网站访客有一致的体验,页面和文章看起来更专业。然而,如果你有特殊原因想为某篇文章或页面屏蔽这些设置怎么办?

其实很简单,方法如下:

首先,进入你想添加自定义字体的页面或帖子。然后找到包含要自定义文本的文本块。你可以点击块来选择它,或突出显示文本本身。之后,再次查看右侧菜单,确保选择了“块”,然后点击排版旁边的三个点。然后点击“ Font Family”。

你会看到字体和大小都设置为默认值。只需点击字体,然后从下拉菜单中选择你想要的字体。你高亮的文本将立即转换为你想要的自定义字体,覆盖之前创建的全局设置。

如何通过插件更改经典主题中的字体

经典WordPress主题依赖WordPress Customizer进行样式和设计自定义,一般情况下字体也是在这里设置,根据您使用的主题不同,这里提供的字体选择可能也有所区别。

不过不用担心,无论你使用的是哪种经典主题,都可以通过下面的方法访问Google Fonts并选择使用。

这里我们选择使用的插件是“Fonts plugin”:

在Customizer中选择全局字体

安装并激活插件之后,在“Fonts Plugin”>>“Customize Fonts”中设置全局字体:

基础设置中可以做基本的设置,高级设置中则允许您做一些更细微的调整:

设置完成之后点击“Publish”,即可发布更改:

在页面或文章内选择自定义字体

这个方法与其FSE对应部分有很多重叠,因为它们都性需要在区块编辑器中进行。

打开您要修改的文章或者页面的编辑器,然后点击子菜单中最左边的图标打开新的菜单,在这里选择Google字体:

点击Google字体后,右侧子菜单将更改为显示Google字体选项。点击字体,然后滚动浏览,直到找到你喜欢的字体:

任何您想要调整的文本块都可以按此方法操作。

结论

通过本文的介绍,相信您对于字体的设置和修改已经得心应手,同时为了确保网站展示出更好的表现效果,我们强烈推荐Hostease作为您的网站主机服务提供商,他们提供可靠的服务器和优质的客户支持,无论您是初学者还是经验丰富的开发者,Hostease都能满足您的需求。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/869508.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

前端web在线PPT编辑器-PPTLIST

哈喽,大家好,今天给大家介绍一款的在线的PPT编辑器开源框架-PPTLIST;他是一个基于 Vue3.x TypeScript 的在线演示文稿(幻灯片)应用,还原了大部分 Office PowerPoint 常用功能,支持 文字、图片、…

农场大亨-美团2023笔试(codefun2000)

题目链接 农场大亨-美团2023笔试(codefun2000) 题目内容 塔子哥是一个喜欢种田类的游戏的人,他觉得这样的游戏可以让他体验到农民的乐趣,同时也可以锻炼他的经营能力。他最近在玩一个叫做“农场大亨”的游戏,这个游戏的目的是在有限的时间内…

C++ | Leetcode C++题解之第226题翻转二叉树

题目: 题解: class Solution { public:TreeNode* invertTree(TreeNode* root) {if (root nullptr) {return nullptr;}TreeNode* left invertTree(root->left);TreeNode* right invertTree(root->right);root->left right;root->right …

使用资源编排 ROS 轻松部署单点网站——以 WordPress 为例

介绍 WordPress是一款免费开源的网站内容管理系统(CMS),它可以帮助用户简单快捷地创建和管理自己的网站,包括博客、新闻网站、电子商务网站、社交网络等等。WordPress 有丰富的主题和插件库,使得用户可以轻松地为网站…

easyExcel文档

文档地址 https://github.com/alibaba/easyexcel/tree/master?tabreadme-ov-file

SpringCloudAlibaba Nacos配置中心与服务发现

目录 1.配置 1.1配置的特点 只读 伴随应用的整个生命周期 多种加载方式 配置需要治理 1.2配置中心 2.Nacos简介 2.1特性 服务发现与服务健康检查 动态配置管理 动态DNS服务 服务和元数据管理 3.服务发现 1.配置 应用程序在启动和运行的时候往往需要读取一些配置信…

基于FPGA的千兆以太网设计(1)----大白话解释什么是以太网

1、什么是以太网? 还记得初学以太网的时候,我就被一大堆专业名词给整懵了:什么以太网,互联网,MAC,IP,局域网,万维网,网络分层模型等等等等。慢着!我学的不是以太网吗?怎么出来这么一大堆东西? 啊!以太网究竟是什么?别急,我接下来就尽量用通俗的大白话来给你解释…

Type Script的Any和Unknown有什么区别

TypeScript中的Any和Unknown是两种用于处理不确定或未知类型值的类型,但它们之间存在显著的区别。以下是它们之间的主要区别: 1. 类型安全性 Any:Any类型是一种特殊的类型,它表示任何类型。使用Any类型时,TypeScript编…

UML-各种图

什么是类图 定义系统中的类,描述类的内部结构(属性、方法等),表示类之间的关系(泛化、实现、依赖、关联、聚合、组合)。 UML表示类图 上图中左侧图形是一个常见的类图, 类名:在顶…

vue实现预览编辑ppt、word、pdf、excel、等功能的解决方案(内网-前端)

在Vue中实现预览和编辑PPT、Word、PDF、Excel等文件的功能,尤其是在内网环境下且主要侧重于前端,我们需要明确的是,直接在前端编辑这些格式的文件(特别是PPT和Word)是非常复杂且通常不推荐的,因为这些格式涉…

DOM XMLHttpRequest

DOM XMLHttpRequest 概述 XMLHttpRequest 是一种 JavaScript 对象,它最初由 Microsoft 在 Internet Explorer 5 中引入,用于在后台与服务器交换数据。这个对象可以在不重新加载整个网页的情况下,更新网页的部分内容。这种技术通常被称为 AJAX(Asynchronous JavaScript an…

FL Studio 24.1.1.4234 (Windows) / 24.1.1.3884 (Mac OS X)

FL Studio 24.1.1.4234 (Windows) / 24.1.1.3884 (Mac OS X) 主页多媒体音频编辑FL Studio 24.1.1.4234 (Windows) / 24.1.1.3884... FL Studio 图标 FL Studio(前身为 FruityLoops)是一款功能强大的音乐制作环境或数字音频工作站(DAW&#x…

断纱检测的知识了解

1.断纱检测 断纱检测是纺织行业中一项重要的技术,用于自动检测和识别纱线在生产过程中的断裂情况。以下是关于断纱检测的一些关键信息和要点: 工作原理 断纱检测器主要基于光电传感技术或机器视觉技术来实现纱线状态的检测。 光电传感技术&#xff1…

基于SpringBoot+Hadoop+python的物品租赁系统(带1w+文档)

基于SpringBootHadooppython的物品租赁系统(带1w文档) 基于SpringBootHadooppython的物品租赁系统(带1w文档) 物品租赁系统是电子、信息技术相结合,是一种必然的发展趋势。以互联网为基础,以服务于广大用户为目的,发展整体优势,扩…

计算云服务3

第三章 镜像服务 什么是镜像服务(IMS) 镜像服务(lmage ManagementService,IMS)提供镜像的生命周期管理能力。用户可以灵活地使用公共镜像、私有镜像或共享镜像申请弹性云服务器和裸金属服务器。同时,用户还能通过已有的云服务器或使用外部镜像文件创建…

开启新纪元!被AI驱动的游戏世界,提升游戏体验

随着人工智能的高速发展,人工智能逐渐应用到了生活中的方方面面,人工智能在游戏中也有诸多应用,在游戏里领域扮演了相当重要的角色。游戏AI是伴随着电子游戏而出现的,在早期的游戏中就出现了对抗类AI角色,后来逐渐出现…

C#实现Winform程序右下角弹窗消息提示

前言 消息通知在应用程序中,是一种非常有用的功能,实现对一些重要信息、提醒或警告及时向用户展示。我们在使用软件时,通常会收到一种从桌面右下角弹出的(提示信息或广告)信息框。本文将介绍使用 C# 实现此种方式的信息…

操作系统|day1.了解操作系统

文章目录 了解操作系统定义目的操作系统体系结构功能特征操作系统的区别(64位与32位)操作系统的地址内存管理缓存 了解操作系统 定义 操作系统是控制管理计算机系统的硬软件,分配调度资源的系统软件 目的 方便性,有效性(提高系统资源的利用率,提高系统的吞吐量) 操作系统体…

WEB安全:网络安全常用术语

一、攻击类别 漏洞:硬件、软件、协议,代码层次的缺陷。 后⻔:方便后续进行系统留下的隐蔽后⻔程序。 病毒:一种可以自我复制并传播,感染计算机和网络系统的恶意软件(Malware),它能损害数据、系统功能或拦…

C++ //练习 14.49 为上一题提到的类定义一个转换目标是bool的类型转换运算符,先不用在意这么做是否应该。

C Primer(第5版) 练习 14.49 练习 14.49 为上一题提到的类定义一个转换目标是bool的类型转换运算符,先不用在意这么做是否应该。 环境:Linux Ubuntu(云服务器) 工具:vim 代码块 class Date{…