文章详情

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

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

1、登录 WordPress 仪表板。

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

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

WordPress字体设置 WordPress怎么改字体?WordPress字体设置 WordPress怎么改字体?

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

WordPress字体设置 WordPress怎么改字体?WordPress字体设置 WordPress怎么改字体?

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

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

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

WordPress字体设置 WordPress怎么改字体?WordPress字体设置 WordPress怎么改字体?

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

WordPress字体设置 WordPress怎么改字体?WordPress字体设置 WordPress怎么改字体?

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

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

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

WordPress字体设置 WordPress怎么改字体?WordPress字体设置 WordPress怎么改字体?

6、(可选)调整字体大小、行高和整体外观以满足需要。

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

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

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

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

WordPress字体设置 WordPress怎么改字体?WordPress字体设置 WordPress怎么改字体?

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

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

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

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

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

WordPress字体设置 WordPress怎么改字体?WordPress字体设置 WordPress怎么改字体?

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

WordPress字体设置 WordPress怎么改字体?WordPress字体设置 WordPress怎么改字体?

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

WordPress字体设置 WordPress怎么改字体?WordPress字体设置 WordPress怎么改字体?

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

微信扫一扫

支付宝扫一扫

版权:

转载请注明出处:https://www.bbxi.com/260.html

相关推荐
WordPress RSS订阅如何做?
商家在不使用WordPress插件的情况下,可以借助WordPress网站编辑器和小部件来实现WordPress RSS订阅。借助WordP…
如何在WooCommerce中设置折扣码?
如何在WooCommerce中设置折扣码?商家可以通过WooCommerce-常规-折扣码这一途径进行WooCommerce折扣码的设置。在…
从零开始!Shopify自建站最全教程
随着SaaS建站的火爆,Shopify凭借功能强大、建站简单的优势受到了众多跨境电商商家的喜爱。越来越多的卖家也会选择Shopify进行跨境…
WordPress后台地址是什么及如何设置
WordPress后台地址其实就是WordPress网站的后台URL,通过此URL的访问,用户管理关于WordPress独立站的文章、页面、…
WordPress侧边栏怎么设置添加
在进行WordPress外贸建站的过程中,站长会通过添加设置侧边栏来丰富网站的结构,以优化用户体验。通常来说,站长可以借助定制器和Widge…
WooCommerce购物车添加按钮如何设置?
WooCommerce购物车添加按钮如何设置?对于使用WooCommerce进行跨境电商独立站搭建的商家来说,可以通过在想要添加WooCom…
发表评论
暂无评论

还没有评论呢,快来抢沙发~

点击联系客服

在线时间:8:00-16:00

客服电话

18584848468

客服邮箱

122325244@qq.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站