Un regard approfondi sur les nouveautés de WordPress 6.5 : Introduction des bibliothèques de polices de caractères

WordPress 6.5 ajoute la fonctionnalité Font Library, qui permet aux utilisateurs de gérer les polices directement dans l'éditeur. Il propose également une série d'API, ce qui signifie que les développeurs disposent d'une plus grande flexibilité pour contrôler et modifier cette fonctionnalité, voire la désactiver.

collection de polices

Un jeu de polices est une collection de polices que vous pouvez ajouter à votre site web via l'éditeur. Dans l'interfacetheme.jsonCes familles de polices sont répertoriées comme suitfamille de policesProjet. Par défaut, dans WordPress 6.5, les utilisateurs ont la possibilité d'ajouter un ensemble de polices de Google. Afin d'être conforme au GDPR, ces fichiers de polices sont téléchargés sur votre serveur WordPress lors de l'installation des polices Google.

Une fois qu'une collection de polices a été enregistrée, l'utilisateur peut la voir dans l'écran Bibliothèque de polices de l'éditeur. Il peut alors installer et commencer à utiliser les polices de la collection.

Ajouter un jeu de polices

Vous pouvez utiliser lewp_register_font_collection()pour ajouter un nouvel ensemble de polices. Le processus consiste à définir la famille de polices et une liste de celles-ci au format PHP ou JSON, puis à transmettre ces informations à la fonction sous la forme d'un tableau.

L'exemple ci-dessous montre comment ajouter une collection de polices en PHP :

$font_families = [

array(

'font_family_settings' => (

array (

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

'slug' => 'open-sans',



'fontFace' => (

array (

'fontFamily' => 'Open Sans',

'fontStyle' => 'normal',



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

),

array (

'fontFamily' => 'Open Sans',

'fontStyle' => 'italic',



'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',



'fontFace' => (

array (

'fontFamily' => 'Monoton',

'fontStyle' => 'normal',



'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',



)

),

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

),

] ;

$categories = [

array(

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

'slug' => 'Affichage',

),

array(

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

'slug' => 'sans-serif',

),

].

$config = array (

'name' => _x('Ma collection de polices', 'Nom de la collection de polices' ),

'description' => _x( 'Une collection de mes polices préférées', 'Description de la collection de polices' ),

'font_families' => $font_families, 'font_families' => _x( 'Une collection de mes polices préférées.



).

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

Notez que le tableau de collection de polices denomrépondre en chantantdescriptiondoivent prendre en charge la traduction multilingue, vous pouvez le faire en utilisant l'option_x()pour envelopper ce texte. Généralement, le nom de la famille de polices n'est pas traduit. Pour plus d'informations, consultez la discussion #60509.

dans la collection de policesfamilles_de_policesLes champs peuvent spécifier des polices à l'aide d'un chemin d'accès local ou d'une URL distante pointant vers un fichier JSON.

Supprimer le jeu de polices

Vous pouvez utiliser lewp_unregister_font_collection()désactive la collection de polices. Voici un exemple de désactivation de la collection de polices par défaut :

add_action( 'init', function() {

wp_unregister_font_collection( 'default-font-collection' ) ;

} ) ;

Installation et activation des polices de caractères

Dans WordPress, vous pouvez obtenir une liste de toutes les fonctionnalités disponibles par le biais de l'optiontheme.jsonParamètres de configuration des polices. Lorsque vous "installez" une police sur votre site, ses paramètres sont enregistrés dans une base de données afin que n'importe quel thème puisse l'utiliser.

"Activer" une police signifie qu'elle sera ajoutée aux paramètres de style globaux du thème. Ainsi, la nouvelle police peut être utilisée dans le style général du site ainsi que dans la conception de blocs individuels.

Si vous changez de thème, vous devez réactiver les polices précédemment installées, ce qui garantit que les styles globaux du nouveau thème seront également mis à jour. Si vous réinitialisez les styles globaux du thème, toutes les polices précédemment installées seront désactivées, mais resteront sur le site et vous pourrez les réactiver à tout moment.

De plus, la bibliothèque de polices vous permet de désactiver les polices fournies avec le thème si vous n'en avez pas besoin, ce qui peut contribuer à améliorer la vitesse de chargement de votre site web.

Catalogue de téléchargement de polices personnalisées

Par défaut, les polices téléchargées sont enregistrées dans le fichierwp-content/fonts. Cependant, vous pouvez utiliser la fonctionfont_dirFiltre pour modifier cet emplacement de sauvegarde, définissez un répertoire différent en fonction de vos besoins. Si vos paramètres n'autorisent pas la modification de l'emplacement de sauvegarde duwp-contentpuiswp-content/uploads/fontssera utilisé comme répertoire alternatif.

Vous pouvez utiliser lewp_get_font_dir()pour connaître l'emplacement exact du répertoire de téléchargement des polices.

L'exemple suivant modifie le répertoire des polices en le remplaçant par le répertoire "Uploads" de WordPress (habituellementwp-content/uploads) :

function alter_wp_fonts_dir( $defaults ) {

$wp_upload_dir = wp_get_upload_dir() ;

$uploads_basedir = $wp_upload_dir['basedir'] ;

$uploads_baseurl = $wp_upload_dir['baseurl'] ;

$fonts_dir = $uploads_basedir . '/fonts' ;

// Génère l'URL pour le répertoire fonts à partir du répertoire font.

$fonts_url = str_replace( $uploads_basedir, $uploads_baseurl, $fonts_dir ) ; // Génère l'URL du répertoire des polices à partir du répertoire des polices. $fonts_dir = $uploads_basedir .

$defaults['path'] = $fonts_dir ;

$defaults['url'] = $fonts_url ;

return $defaults ;

}

add_filter('font_dir', 'alter_wp_fonts_dir' ) ;

Lorsque vous modifiez l'emplacement de téléchargement de vos polices, assurez-vous que le dossier que vous choisissez existe réellement et qu'il dispose des autorisations de lecture et d'écriture correctes.

tout commewp-content/uploadset le dossier défini pour les téléchargements de polices ne sera pas affecté par l'optionwp_is_file_mod_allowedpeut-êtreDISALLOW_FILE_MODSL'effet de ces paramètres signifie qu'ils n'empêcheront pas le téléchargement des polices.

Comment désactiver la bibliothèque de polices

Les bibliothèques de polices sont accessibles par défaut via l'éditeur.

Désactiver l'interface utilisateur

Les filtres peuvent être utilisés pour désactiver les paramètres personnalisés de l'éditeur de l'interface utilisateur :

function disable_font_library_ui( $editor_settings ) {

$editor_settings['fontLibraryEnabled'] = false ;

return $editor_settings ;

}

add_filter('block_editor_settings_all', 'disable_font_library_ui' ) ;

Désactiver l'API REST

devraitunregister_post_type()peut être utilisée pour supprimer les types de messages associés à une bibliothèque de polices et en étendant l'API REST :

add_action( 'init', function() {

unregister_post_type( 'wp_font_family' ) ;

unregister_post_type( 'wp_font_face' ) ;

} ) ;

Cela permet au plugin de désactiver la fonctionnalité de la bibliothèque de polices, tout en conservant l'interface de gestion des polices fournies par le thème actuel.

Nouvelle API REST

Trois nouveaux points d'accès à l'API REST ont été ajoutés à la bibliothèque de polices :

• wp/v2/collections de polices: Permet d'obtenir une liste de familles de polices prédéfinies, c'est-à-dire des "collections".
• wp/v2/font-families: Permet d'obtenir des informations sur les familles de polices parentes, qui contiennent généralement une ou plusieurs polices individuelles.
• wp/v2/font-families//font-faces: Permet d'obtenir des informations détaillées sur chaque police d'une famille de polices.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.