如何更改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.mfbz.cn/a/789080.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

相机光学(三十)——N5-N7-N8中性灰

GTI可提供N5/N7/N8中性灰涂料,用于不同的看色环境,N5/N7/N8代表深中浅不同的灰色程度,在成像、工业、印刷行业中,分别对周围观察环境有一定的要求,也出台了相应的标准文件,客户可以根据实际使用环境进行选择…

Transformer常见问题

1.位置编码有哪些? a. 正弦和余弦位置编码(Sinusoidal Positional Encoding) 原理:使用固定的正弦和余弦函数来生成位置编码。 b.学习位置编码(Learnable Positional Encoding) 原理:将位置编…

快速入门,springboot知识点汇总

学习 springboot 应该像学习一门编程语言一样,首先要熟练掌握常用的知识,而对于不常用的内容可以简单了解一下。先对整个框架和语言有一个大致的轮廓,然后再逐步补充细节。 前序: Spring Boot 通过简化配置和提供开箱即用的特性&#xff0c…

汇凯金业:天然橡胶的用途和作用

天然橡胶是一种由橡胶树(Hevea brasiliensis)的乳汁加工而成的弹性体,具有弹性好、强度高、耐磨性好、耐寒性好、电绝缘性好、易于加工等优点,是世界上重要的战略物资和不可缺少的工业原料。 天然橡胶的用途十分广泛,主要应用于以下领域&…

java Web实现用户登录功能

文章目录 一、纯JSP方式实现用户登录功能(一)实现思路1、创建Web项目2、创建登录页面3、创建登录处理页面4、创建登录成功页面5、创建登录失败页面6、编辑项目首页 (三)测试结果 二、JSPServlet方式实现用户登录功能(一…

04_Shell字符串变量

04_Shell字符串 一、字符串拼接(推荐双引号) 无引号拼接解析变量时不能有空格 单引号拼接无法解析变量 双引号方式可正常解析变量 推荐 二、字符串的长度获取 #!/bin/bash#使用 ${#变量名} 可获取字符串变量长度 var"test" echo "${#va…

[PM]流程与结构设计

流程图 流程就是为了达到特定目标, 进行的一系列有逻辑性的操作步骤, 由两个及已上的步骤, 完成一个完整的行为过程, 即可称为流程, 流程图就是对这个过程的图形化展示 分类 业务流程图 概念: 描述业务流程的一种图, 通过特定符号和连线表示具体某个业务的处理步骤和过程作…

【R语言+Gephi】利用R语言和Gephi实现共发生网络的可视化

【R语言Gephi】利用R语言和Gephi实现共发生网络的可视化 注:本文仅作为自己的学习记录以备以后复习查阅 一 概述 Gephi是一款开源免费的多平台网络分析软件,在Windows、Linux和Mac os上均可以运行,像他们官网所说的,他们致力于…

AWS 云安全性:检测 SSH 暴力攻击

由于开源、低成本、可靠性和灵活性等优势,云基础设施主要由基于linux的机器主导,然而,它们也不能幸免于黑客的攻击,从而影响云的安全性。攻击Linux机器最流行的方法之一是通过SSH通道。 什么是 SSH 安全外壳协议(Sec…

二叉树超详细解析

二叉树 目录 二叉树一级目录二级目录三级目录 1.树的介绍1.1树的定义1.2树的基本术语1.3相关性质 2.二叉树介绍2.1定义2.2 性质 3.二叉树的种类3.1 满二叉树3.2完全二叉树3.3 二叉查找树特点:二叉查找树的节点包含的基本信息: 3.4 平衡二叉树 4.二叉树的…

极狐Gitlab安装部署

GitLab 是一个基于 Git 的开源 DevOps 平台,提供代码仓库管理、CI/CD(持续集成和持续交付)、项目管理、监控和安全等功能。它集成了多种工具,帮助开发团队在一个平台上进行代码开发、测试、部署和运维。以下是 GitLab 的主要功能和…

HippoRAG如何从大脑获取线索以改进LLM检索

知识存储和检索正在成为大型语言模型(LLM)应用的重要组成部分。虽然检索增强生成(RAG)在该领域取得了巨大进步,但一些局限性仍然没有克服。 俄亥俄州立大学和斯坦福大学的研究团队推出了HippoRAG,这是一种创新性的检索框架,其设计理念源于人类…

vue中,图片在div中按照图片原来大小等比例显示

图片在div中按照图片原来大小等比例显示&#xff0c;可以保证web上显示的图片和实际图片形状一样&#xff0c;保留原始图片效果 实现代码如下&#xff1a; <div style"padding: 0; width:400px;height:400px;position: absolute;border: 1px solid #eff2f6;">…

PostgreSQL 中如何实现数据的增量更新和全量更新的平衡?

文章目录 一、增量更新与全量更新的概念增量更新全量更新 二、考虑的因素1. 数据量2. 数据更改的频率和规模3. 数据一致性要求4. 系统性能和资源利用5. 业务逻辑和流程 三、解决方案&#xff08;一&#xff09;混合使用增量更新和全量更新&#xff08;二&#xff09;使用临时表…

制作电子名片的小程序系统源码 快速生成电子名片

在当今数字化时代&#xff0c;传统的纸质名片已逐渐被智能电子名片所取代。电子名片小程序作为一种基于微信生态的创新名片交换方式&#xff0c;凭借其便捷性、高效性和环保性&#xff0c;成为了众多商务人士的首选。小编分享一个制作电子名片的小程序系统源码&#xff0c;无忧…

[Linux]安装+使用虚拟机

首先下载&#xff08;提取码 &#xff1a; ssjf&#xff09;虚拟机&#xff08;应该是必须要下载17的了 &#xff0c; 我刚开始下载了15,16的在解决了不兼容的问题后频繁出现蓝屏的 &#xff09; 刚开始我遇见了 小问题 --》 在查看了以下两篇blog就解决了 虚拟机无法打开,…

几行代码,优雅的避免接口重复请求!同事都说好!

往期精彩文章&#xff1a;拿客户电脑&#xff0c;半小时完成轮播组件开发&#xff01;被公司奖励500&#xff01; 背景简介 我们日常开发中&#xff0c;经常会遇到点击一个按钮或者进行搜索时&#xff0c;请求接口的需求。 如果我们不做优化&#xff0c;连续点击按钮或者进行…

java使用poi-tl模版引擎导出word之列表循环数据渲染

目录 1.模版制作2.开启spring表达式3.编写关键代码接口4. 导出结果 poi-tl模版引擎中&#xff0c;如果区块对的值是一个非空集合&#xff0c;区块中的文档元素会被迭代渲染一次或者N次&#xff0c;这取决于集合的大小&#xff0c;类似于foreach语法。 1.模版制作 在静态资源目…

Mac VSCode 突然闪退、崩溃、打不开了

1、 思路历程 VSCode 作为前端常用开发工具&#xff0c;其重要性就不一一描述了。 所以 VSCode 突然打不开了&#xff0c;真的是让我一脸懵逼。 本来以为问题不大&#xff0c;于是 &#xff1a; 1、重启了一下VSCode 2、关机重启了一下电脑&#xff1b; 3、清理了一下缓存&am…

体积大的快递怎么寄便宜?如何寄件寄包裹更省钱?

大学毕业了&#xff0c;面对即将到来的工作生活&#xff0c;小李不得不把宿舍里的大包小包打包寄回家。可是&#xff0c;当他真正开始打包行李时&#xff0c;才发现这可不是一件简单的事&#xff1a;衣服、被子、书籍、杂物……这些东西加起来体积不小&#xff0c;想要省钱寄快…