WordPress 6.5 新功能:字体库全面解析

WordPress 6.5 版本新增了字体库功能,让用户可以直接在编辑器中管理字体。这个功能还提供了一组 API,让开发者可以控制、调整和禁用字体库的行为。

字体集

字体集就是一系列用户可以通过编辑器安装的字体列表。在WordPress 6.5中,这些字体系列是通过theme.json格式中的一个fontFamily项来定义的。默认情况下,WordPress 6.5允许用户从Google字体集合列表中进行选择。但是要注意,为了确保网站符合GDPR规定,安装Google字体会将文件下载到WordPress服务器上。

一旦注册了字体集合,它就会在编辑器的字体库UI中显示出来。用户可以从这里方便地安装并激活所需的字体。

WordPress 6.5 新功能:字体库全面解析

添加字体集

你可以使用wp_register_font_collection()函数来添加新的字体集合。这可以通过在字体集合数组中以PHP或JSON格式提供字体系列及其字体列表来完成。

以下是一个在PHP中添加字体集合的示例:

请注意,Font Collection数组中的namedescription字段需要支持翻译,可以通过将字符串包裹在_x()函数中来实现。通常情况下,字体系列名称不需要翻译。关于此话题的更多信息和背景讨论,请参阅#60509

在JSON格式中,字段font_families可以是本地路径,也可以是指向远程URL的JSON文件。

删除字体集

你可以通过使用wp_unregister_font_collection()函数来禁用字体集合。以下是禁用默认字体集合的示例:

WordPress 6.5 新功能:字体库全面解析

有关更多信息,请参阅#57980

安装和激活字体

字体设置是基于theme.json格式的字体定义。当你在网站上“安装”字体时,它会把这些设置保存到数据库中,这样任何主题都可以使用这些字体。

一旦字体被“激活”,主题的整体样式将被更新,以包含这些字体。你可以在全局样式和单个块的版式设置中使用这些字体。

当你切换到新主题时,需要重新激活已安装的字体,这样新主题才能使用这些字体的样式。如果你重置了主题的全局样式,所有已安装的字体将被停用,但它们仍然保留在网站上,并且可以根据需要重新激活。

此外,你也可以利用字体库来停用主题中包含的字体,这样可以提高网站的加载速度。

$font_families = [

array(

'font_family_settings' => (

array (

'fontFamily' => 'Open Sans, sans-serif',

'slug' => 'open-sans',

'name' => 'Open Sans',

'fontFace' => (

array (

'fontFamily' => 'Open Sans',

'fontStyle' => 'normal',

'fontWeight' => '300',

'src' => 'https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4iY1M2xLER.woff2'

),

array (

'fontFamily' => 'Open Sans',

'fontStyle' => 'italic',

'fontWeight' => '400',

'src' => 'https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkaVIUwaERZjA.woff2'

),

),

),

),

'categories' => [ 'sans-serif' ],

),

array(

'font_family_settings' => (

array (

'fontFamily' => 'Monoton, system-ui',

'slug' => 'monoton',

'name' => 'Monoton',

'fontFace' => (

array (

'fontFamily' => 'Monoton',

'fontStyle' => 'normal',

'fontWeight' => '400',

'src' => 'https://fonts.gstatic.com/s/monoton/v19/5h1aiZUrOngCibe4fkPBQ2S7FU8.woff2',

'preview' => 'https://s.w.org/images/fonts/17.7/previews/monoton/monoton-400-normal.svg'

),

),

)

),

'categories' => [ 'display' ],

),

array(

'font_family_settings' => (

array (

'fontFamily' => 'Arial, Helvetica, Tahoma, Geneva, sans-serif',

'slug' => 'arial',

'name' => 'Arial',

)

),

'categories' => [ 'sans-serif' ],

),

];

$categories = [

array(

'name' => _x( 'Display', 'Font category name' ),

'slug' => 'display',

),

array(

'name' => _x( 'Sans Serif', 'Font category name' ),

'slug' => 'sans-serif',

),

];

$config = array (

'name' => _x( 'My font collection', 'Font collection name' ),

'description' => _x( 'A collection of my favorite fonts.', 'Font collection description' ),

'font_families' => $font_families,

'categories' => $categories,

);

wp_register_font_collection ( 'my-font-collection', $config );

自定义字体上传目录

请注意,在6.5版本之前,某些详细信息(例如函数名称)可能已经发生了变化。你可以查阅#60751和古腾堡问题#59699。以获取更多信息。

默认情况下,上传的字体将存储在wp-content/fonts目录中。不过,你可以使用font_dir过滤器根据需要自定义这个位置。对于那些不支持修改wp-content目录的安装,将会使用wp-content/uploads/fonts作为备用目录。

你可以使用wp_get_font_dir()函数来获取字体上传目录的位置。

以下示例将字体目录更改为WordPress的“Uploads”目录(默认为wp-content/uploads):

WordPress 6.5 新功能:字体库全面解析

当修改上传位置时,重要的是确保所选位置已存在并设置了适当的读/写权限。

和wp-content/uploads目录一样,字体上传目录也不受wp_is_file_mod_allowed/DISALLOW_FILE_MODS的限制,允许字体上传。

如果需要更多信息,请参阅#59417这篇文章

如何禁用字体库

默认情况下,你可以通过编辑器轻松访问字体库。

禁用用户界面

你可以通过使用过滤器来关闭编辑器设置的自定义界面。

WordPress 6.5 新功能:字体库全面解析

禁用REST API

使用unregister_post_type()函数可以删除与字体库相关联的文章类型,并且可以通过扩展REST API来实现。

WordPress 6.5 新功能:字体库全面解析

这样做可以让扩展程序在保留用于管理当前主题字体的用户界面的同时禁用字体库功能。

如果需要了解更多信息,请参阅#55275#57818

新的 REST API

字体库功能引入了三个新的REST API端点:

  • wp/v2/font-collections – 提供预定义字体系列列表的端点,也就是所谓的“集合”。
  • wp/v2/font-families – 提供父字体系列的端点,通常包含一种或多种字体(也就是单个字体)。
  • wp/v2/font-families/<id>/font-faces – 提供特定字体系列中各个字体的端点。

想要了解每个新端点的详细信息,请参阅REST API手册和#57616.


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/6175/

(2)
上一篇 2024年 3月 21日 上午10:30
下一篇 2024年 3月 21日 下午2:03

相关推荐

  • 学习 WordPress——选择并安装主题学习

    今天,专注于一个核心组件——主题。主题,简单来说,就是网站的外观模板。使用WordPress的美好之处在于,你可以随时更换主题来改变网站的外观和感觉,而你的内容——文字、图片等——都会原封不动地保留。 值得一提的是,刚安装的主题可能与展示图或示例网页看起来不完全一样。这些示例只是展示了可能的设计,有时候,要达到这种效果,你可能还需要安装一些特定的插件。 Wo…

    2024年 3月 29日 WordPress自学建站
    0054
  • 如何利用WordPress活动日志提高网站安全性

    你可以通过安装插件来添加活动日志功能到你的WordPress网站,并且可以方便地从仪表板管理各种设置。幸运的是,这种做法非常经济实惠。特别是对于WP 操作日志来说,这是市场上最受欢迎的选项之一,因为它在特性和功能上都非常强大。 在这篇文章中,我们会介绍如何使用这个受欢迎且功能全面的插件来建立WordPress的安全审核日志。但在我们深入研究之前,让我们先弄清…

    2024年 3月 25日
    0044
  • 如何测试WordPress产品的PHP兼容性

    为什么了解PHP版本兼容性很重要,哪里能找到PHP版本更新的相关信息,以及如何用两种方法来测试你的插件和主题是否支持最新的PHP版本。 为什么要测试 PHP 版本兼容性? WordPress是用PHP语言编写的,这意味着它需要在网站主机支持的PHP版本上顺利运行。虽然WordPress会推荐一个最低的PHP版本要求,但是老版本的PHP会逐渐停止更新,甚至不再…

    2024年 3月 28日 WordPress自学建站
    0053
  • 详细教程:在 WooCommerce 中为每个产品设置自定义的最小起订量

    引言: 在管理 WooCommerce 网站时,您可能需要对不同的产品设置不同的最小起订量。这种需求在批发或大宗交易型的电商网站中尤为常见。虽然可以使用插件来简化这一过程,但如果您希望更直接地控制这些设置,通过自定义代码实现可能是一个好选择。本教程将指导您如何手动为每个 WooCommerce 产品设置自定义的最小起订量。 准备工作: 步骤 1:访问 fun…

    2023年 12月 18日 WordPress自学建站
    00239
  • WordPress批量修改文章发布的时间

    批量修改文章的发布时间在WordPress管理中是一个重要且实用的功能。为什么要修改时间呢? 批量修改文章发布时间,可以优化文章内容展示顺序,让某个板块的帖子发布时间提前或者推后。 首先,我们先介绍几个时间WordPress文章保存在数据库里的时间格式和字段说明: post_date 格式为 0000-00-00 00:00:00 记录了文章的发布时间 po…

    2024年 4月 17日 WordPress自学建站
    0015

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信
亲爱的用户们:随着五一劳动节的临近。根据国家规定和我司实际情况,现将2024年五一劳动节放假安排通知如下:放假时间:2024年5月1日(星期三)至2024年5月5日(星期日),共计5天。2024年5月6日(星期一)正常上班。放假期间不处理工单业务。祝大家假期愉快,安全健康!