同城附近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中创建下拉菜单?

相关文章

  • 单击“图标”旁边的单选按钮

    WordPress设置社交媒体图标教程

    在WordPress外贸建站的过程中,不少商家为了实现多渠道的品牌营销,会在WordPress独立站上添加社交媒体图标,以提高用户粘性。通常WordPress独立站的社交媒体图标设置有两种方法,一种是通过插件实现,另一种则是通过主题实现,不过第二种方法仅适合使用区块主题的用户。为了在帮助大家更好的进行WordPress社交媒体图标的设置,本文将以Menu Image插件为例,为大家具体展示WordPress设置社交媒体图标的详细教程。 将社交媒体图标添加到 WordPress 菜单的最简单方法是…

    开发教程 2025年 2月 5日
  • flow

    六大PHP Web框架软件汇总

    Web框架作为Web程序开发前段工具,可以减少开发时间和维护成本,对于外贸建站来说,是一个较好的代码应用数据库。PHP则是Web开发应用较广泛的前端脚本语言,所以本文基于此,将和大家分享一些PHP Web框架软件,助力外贸独立站的建设。 一、Agavi Agavi是一个强大的,可扩展的PHP 5应用程序框架,遵循MVC范例。它使程序员能够编写清晰,可维护和可扩展的代码。Agavi将选择和自由放在限制性公约上,重点是持续的质量而不是短视的决定。它不是一个完整的网站建设工具,而是一个程序员可以构建应…

    开发教程 2024年 7月 9日
  • wordpress主题选项框架

    WordPress主题框架是什么 WordPress主题框架推荐

    WordPress主题框架其实与WordPress父主题类似,借助WordPress主题框架用户可以为主题的创建提供代码库,帮助用户加快网站开发过程,此外借助WordPress主题框架还可以设置无头WordPress网站,为用户提供多样的外贸建站计划。 一、WordPress主题框架是什么 1、WordPress主题框架优点 (1)大量的内置功能:从广泛的代码库和自定义挂钩到预制的小部件和拖放功能,可以简化和加快开发速度。 (2)更高效:WordPress主题框架使用最佳开发实践构建,按照严格的…

    开发教程 2024年 12月 10日
  • WordPress更换域名详细教程

    WordPress更换域名详细教程

    当商家遇到WordPress独立站改版或者域名到期等问题时,不免会涉及到WordPress域名的更改,那么这一步骤该如何操作呢,对于大部分外贸建站的新手来说,可谓是一个令人头疼的问题,所以本文接下来讲为大家讲解WordPress更换域名详细教程。 一、WordPress后台更换域名 登录WordPress后台,在仪表盘—设置—常规中,点击然换域名,将里面的WordPress 地址(URL)和站点地址(URL)都修改为新的域名,然后点击保存更改。 二、phpMyAdmin更换WordPress域名…

    开发教程 2024年 9月 24日
  • 选择统一费率

    WooCommerce运费设置

    WooCommerce作为WordPress外贸建站生态的一部分,WooCommerce运费设置是商家在建站过程中不可忽视的一部分,那么商家到底该如何在WooCommerce中添加运费并配置高级运费选项呢?下文将为大家展示具体步骤,通过WooCommerce运费的合理设置,商家可以有效地管理运输成本,提供有竞争力的运费,并增强在线商店的整体客户体验。 一、了解WooCommerce不同类型的运费 在深入了解添加运费的具体方法之前,可以先花点时间了解WooCommerce中可用的不同类型的运费: …

    开发教程 2024年 10月 8日
  • 解释此应用程序需要什么访问级别

    Shopify插件安装方法

    在使用Shopify搭建跨境电商独立站时,为了优化用户体验和扩展网站功能,需要将Shopify APP Store里的插件安装到独立站中,所以本文将基于此为大家展示Shopify插件的安装方法,以供大家参考。 一、Shopify插件安装方法 本文将以Out of Stock Police为例,该应用程序有助于管理售罄商品,发送低库存和无库存通知,对集合进行排序,向下推缺货产品,甚至隐藏缺货产品。 1、在Shopify插件列表页面上,单击“添加应用程序”按钮。 2、将看到一个屏幕,解释此应用程序需…

    开发教程 2025年 4月 29日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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