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

相关推荐

  • 网站优化:除了服务器外,提高网页打开速度的关键因素

    当今互联网时代,快速的网页加载速度对于网站的重要性日益凸显。网页打开速度不仅影响用户的体验,还直接影响网站的流量、收益和搜索引擎排名。除了服务器的影响,以下几个方面也对网页打开速度有重要影响: 网站轻量化是指减少网站的页面大小,包括图片、视频、CSS、JavaScript等资源的压缩和优化,从而减少页面加载时间。为了实现网站轻量化,可以采取以下措施: (1)…

    2023年 3月 15日
    00398
  • WordPress网站加速:缓存设置指南

    WordPress网站运行缓慢?这个问题自WordPress诞生以来就一直存在。但现在,我们已经有了标准化的解决办法。 WordPress网站速度慢的6个因素 选择一个好的服务器提供商 2、使用一个轻量级的WordPress主题 3、减少非必要的插件 4、优化图像大小 5、开启服务器缓存和页面缓存 6、使用CDN加速 我列出了六个重要因素,需要你逐一检查你的…

    2024年 3月 26日 WordPress自学建站
    0038
  • WordPress 外贸网站设置:如何屏蔽大陆IP访问

    如果您的网站主要面向某些特定国家或地区,而其他地方的访问很少或者没有,您可能会注意到有时会有意外的流量激增,导致服务器资源紧张,网站运行受影响。 这些异常流量往往来自黑客或自动化机器人。 因此,很多网站管理员选择在WordPress中通过IP地址来封锁特定的国家或地区,这样做可以帮助保护网站和访问者不受这类不良流量的影响。 WordPress 中的地理封锁是…

    2024年 3月 22日
    0054
  • 在编写适用于电子商务的WordPress主题时应该注意的最佳实践和示例代码片段,以帮助您开始编写您自己的主题

    快速的页面加载速度对于电子商务网站至关重要。因此,我们可以通过以下方法来确保页面加载速度快: // 移除 jQuery 库的版本参数function remove_jquery_version_parameter( $src ) {if ( strpos( $src, ‘jquery’ ) ) {$src = remove_query…

    2023年 3月 3日
    00437
  • WordPress网站发布指南:如何发布产品、视频、案例和下载资料

    B2B企业一旦买好域名和服务器,接下来的步骤就是安装WordPress和启用模板,这样第一阶段的工作基本上就完成了。紧接着的任务是整理并发布内容,包括文章、产品、视频、案例和下载资料等。这些内容对于B2B企业在搜索引擎优化(SEO)和关键词排名上起着重要的作用。 但是,WordPress默认的内容管理系统只支持页面和文章,并不直接支持产品、视频、案例、下载资…

    2024年 3月 22日 WordPress自学建站
    0042

发表回复

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

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

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

客服微信