同城附近100米一晚-风楼阁全国信息社区,全国24小时空降附近,凤凰楼信息免费茶楼茶楼

在进行WordPress独立站自定义设置时,有些商家为了追求网站的个性化,会更改WordPress的默认字体,对于一些不熟悉WordPress后台操作的用户来说想要实现该功能,可能会有一些困难,所以下文将为大家介绍使用WordPress主题定制器、全站编辑、插件和CSS代码来更改字体的具体操作以供大家参考。

WordPress怎么改字体一:使用主题定制器

1、登录 WordPress 仪表板。

2、导航到 外观- 自定义打开主题定制器。

3、进入定制器后,单击 Fonts。

单击 Fonts

4、可以单独设置站点标题、导航菜单、标题和正文文本的字体。

单独设置站点标题、导航菜单、标题和正文文本的字体

5、选择字体后,单击发布或者更新将其添加到网站。

WordPress怎么改字体二:使用全站编辑

1、在 WordPress 仪表板上导航到 Appearance-Editor。

导航到 Appearance-Editor

2、单击位于屏幕左侧的 Style 图标以访问样式设置并选择笔图标进行编辑。

单击 Style 图标和笔图标进行编辑

3、选择 Typography (排版) 部分以打开模板的字体设置。

4、在排版设置中,选择要修改的文本元素,如网站文本或链接文本。

5、单击 Font 系列下拉菜单以查看和选择可用字体或上传新字体。

单击 Font 系列下拉菜单

6、(可?。┑髡痔宕笮?、行高和整体外观以满足需要。

7、做出选择后,单击页面右上角的 Save 按钮以应用更改。

WordPress怎么改字体三:使用块编辑器

1、从 Settings-Writing 中选择 Block 编辑器,首先编辑要更改字体的文章或页面。

2、修改文本和背景颜色,选择要应用更改的文本块。

修改文本和背景颜色

3、调整字体大小和外观,在同一侧边栏中,设置所需的字体大小。

4、增强文本样式并添加文本功能,如果需要,请在文本中添加下标或上标字符。

5、进行调整后,请点击保存或更新帖子以应用更改。

WordPress怎么改字体四:使用WordPress插件

1、首先需要安装并激活WordPress插件Fonts Pugin。激活后,将在 WordPress 控制面板中看到 Fonts Plugin 快速入门指南,可以输入电子邮件地址以获取 PDF,或导航到“自定义字体”开始编辑。

导航到“自定义字体”开始编辑

2、这将在主题的定制器中打开插件的自定义选项,在此页面上,单击“基本设置”菜单。

单击“基本设置”菜单

3、进入菜单项后,可以开始自定义内容、标题和按钮排版,只需展开每个文本元素的下拉列表并选择喜欢的字体即可。

自定义内容、标题和按钮排版

WordPress怎么改字体五:添加自定义字体

1、访问 Google 字体并选择 Roboto 字体,选择要包含的样式。

2、从 Google Fonts 复制嵌入代码中提供的链接,它看起来像这样:

https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap

3、使用像 FileZilla 这样的 FTP 客户端连接到站点,导航到 /public_html/wp-content/themes/yourthemechild/functions.php(将 yourthemechild 替换为子主题的名称)。

4、打开 functions.php 文件并在末尾附加以下代码:

function add_my_font() {

wp_enqueue_style( 'add_my_font', 'https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap', false );

}

add_action( 'wp_enqueue_scripts', 'add_my_font' );

5、将字体应用于网站:

  • 在同一目录中找到子主题的 style.css 文件。
  • 添加以下 CSS 以指示应将 Roboto 应用于以下位置:
  • .body, .h1, .h2, .h3, .h4, .h5, .h6 {?
    
    font-family: 'Roboto', sans-serif;?
    
    }
  • 此 CSS 会将 Roboto 字体应用于您网站中的所有正文文本和标题。

推荐阅读:

WordPress数据库在哪?

如何将WordPress网站做成APP?

如何在WordPress中创建下拉菜单?

相关文章

  • 搭建独立站准备

    搭建独立站要做什么准备:避坑指南

    大多数第一次外贸建站的商家,经?;嵋苫蟠罱ǘ懒⒄疽鍪裁醋急?,首先商家需要确定建站目标,其次要选择合适的建站方式,进行网站结构的规划,然后要确定目标关键词,最后则需要对网站进行运营维护的设置。所以本文为了让大家更好的搭建独立站,接下来将围绕以上提到的几个方面,为大家详细介绍独立站搭建的准备指南,帮助大家成功避坑。 搭建独立站要做什么准备一:建站目标的确定 在搭建外贸独立站之前,确定网站是旨在销售商品、分享个人见解、展示产品组合、提供服务或用于其他独特目的,这将有助于塑造整体结构和内容策略。 如果…

    开发教程 2025年 4月 17日
  • WooCommerce收款设置

    WooCommerce收款怎么设置?

    WooCommerce收款怎么设置?商家可以通过WooCommerce账户后台的设置-付款选项对WooCommerce收款进行设置。WooCommerce作为WordPress建站生态的一部分,WordPress收款方式的设置是商家使用WordPress进行外贸建站必须熟悉的操作之一,所以下文将为大家带来WooCommerce收款方式设置的有关内容。 一、WooCommerce收款方式 WooCommerce支持Paypal、Stripe、信用卡等多种收款方式,WooCommerce默认的付款方…

    开发教程 2024年 11月 11日
  • WordPress教程菜鸟教程

    WordPress网站建设 WordPress建站教程

    WordPress作为是目前市场上最受欢迎的网站建设平台之一,越来越多的商家选择基于WordPress进行外贸独立站的搭建工作,但是又WordPress网站建设技术有一定的门槛,所以在建站之前需要好好学习一下,接下来为大家具体介绍WordPress建站教程,快速搭建一个独立站。 一、域名注册 域名是网站在网络上的“住址”,相当于一间房子的门牌号,用户只有知道网站的住址,才能通过域名访问到网站。域名注册是外贸独立站建站的第一步,任何一个网站都不能例外。域名注册其实非常简单,只需要确定注册的域名和注…

    开发教程 2024年 10月 16日
  • WooCommerce短代码

    如何添加WooCommerce短代码?

    用户在使用WooCommerce进行跨境电商独立站搭建工作时,有可能会借助WooCommerce短代码实现更加醒目的页面布局,帮助商家更加直观地展示产品。那么这一步骤该如何实现呢?商家可以借助一些WooCommerce短代码示例,在WordPress编辑器中直接添加WooCommerce短代码来实现这一功能,下文将为大家具体介绍WooCommerce短代码有关知识。 一、WooCommerce短代码是什么 也许大多数人都熟悉在WordPress独立站中使用短代码,它显示为两个方括号[shortc…

    开发教程 2024年 9月 27日
  • HTML、CSS、JS和PHP之间的关系

    HTML、PHP、CSS和JS之间的关系

    在外贸建站的过程中,要想进行独立站的开发,不可避免的会遇到网站搭建常见的四种技术,分别是HTML、PHP、CSS和JS,一提到这四种技术语言时,不少技术小白会一脸懵,所以接下来本文将为大家梳理这四种语言之间的关系,为大家外贸建站提供一些技术支撑。 HTML:HTML(Hypertext Markup Language)即超文本标记语言,是用于描述网页文档的一种标记语言。HTML其实是文本,它只是客户端语言,所以需要浏览器的解释,而且只用HTML做出来的网页是静态网页,没任何得交互功能。 CSS:…

    开发教程 2024年 9月 4日
  • 导航到外观-自定义

    WordPress侧边栏怎么设置添加

    在进行WordPress外贸建站的过程中,站长会通过添加设置侧边栏来丰富网站的结构,以优化用户体验。通常来说,站长可以借助定制器和Widgets页面实现WordPress侧边栏的设置和添加,为了和大家具体分享WordPress侧边栏的相关知识,下文将以此为大家呈现为什么要添加WordPress侧边栏、怎么设置、删除WordPress侧边栏的内容。 一、为什么要设置添加WordPress侧边栏 1、侧边栏提供了对WordPress独立站重要部分的快速访问,使即时探索变得直观。 2、WordPres…

    开发教程 2025年 3月 7日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部