如何更改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 常用功能,支持 文字、图片、…

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 有丰富的主题和插件库,使得用户可以轻松地为网站…

SpringCloudAlibaba Nacos配置中心与服务发现

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

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

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

UML-各种图

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

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

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

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…

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

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

计算云服务3

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

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

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

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

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

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

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

RAG的学习与实践——LangChain和LlamaIndex学习笔记

RAG RAG(Retrieval Augmented Generation)系统,代表“检索增强生成”。RAG由五个关键步骤组成: 加载:这是指将数据从其所在位置(无论是文本文件、PDF、其他网站、数据库还是 API)获取到您的管道中。LlamaHub提供数百…

【Swiper】轮播图 笔记

文章目录 场景代码(6.8.4)代码(11.1.4) 场景 官网:Swiper - 最现代的移动触控滑块 - Swiper 中文 最近用svelte写轮播图,用了Swiper组件。需求是:一共三张图,来回切,保…

基于YOLOv8深度学习的CT扫描图像肾结石智能检测系统【python源码+Pyqt5界面+数据集+训练代码】深度学习实战、目标检测

《博主简介》 小伙伴们好,我是阿旭。专注于人工智能、AIGC、python、计算机视觉相关分享研究。 ✌更多学习资源,可关注公-仲-hao:【阿旭算法与机器学习】,共同学习交流~ 👍感谢小伙伴们点赞、关注! 《------往期经典推…

comsol达西定律的小例子

comsol达西定律的小例子

【深度学习基础】环境搭建 Linux报错bash: conda: command not found...

目录 一、 问题描述二、 解决方法1. 在.bashrc文件中添加环境变量2. 卸载重装anconda 三、总结 一、 问题描述 在linux环境下安装anaconda时候报错:bash: conda: command not found… 二、 解决方法 1. 在.bashrc文件中添加环境变量 参考链接:【解决】…

【单片机毕业设计选题24054】-基于STM32的水质检测系统

系统功能: 主要功能模块原理图: 电源时钟烧录接口: 单片机和按键输入电路: 传感器采集电路: 资料获取地址 系统主要功能模块代码 初始化代码: /* USER CODE BEGIN 1 *//* USER CODE END 1 *//* MCU Configuration-----------------------------------------------…

电脑虚拟摄像头怎么使用?电脑摄像头可以被虚拟摄像头替代吗?8款推荐!

在数字化日益普及的今天,视频通话和在线会议已成为我们生活和工作中不可或缺的一部分。然而,当我们的电脑没有配备摄像头,或摄像头出现故障时,我们可能会面临一些不便。这时,电脑虚拟摄像头便成为了一个实用的解决方案…