Comment héberger soi-même les polices Google Fonts dans le thème Astra

Lors de l'optimisation des performances d'un site web, lesPolices Google auto-hébergéesest d'augmenter la vitesse et de réduire la Déséquilibre cumulatif de la disposition (CLS) La méthodologie efficace de laAstra Le thème a introduit cette fonctionnalité dans la version 3.6.0 pour permettre aux utilisateurs de charger les polices Google localement. Dans cet article, nous verrons comment activer cette fonctionnalité, modifier les paramètres par défaut et comment supprimer l'image de marque Astra.

Activation des polices Google auto-hébergées Astra

Astra fournit Polices Google auto-hébergées qui permet de stocker localement les polices de caractères de Google sur le disque dur de l'ordinateur. woff2 en réduisant les requêtes externes et en améliorant les performances du site.

Méthodes d'habilitation :

• s'inscrire WordPress Backend, allez à Astra > Paramètres.
• commencer à utiliser "Charger localement les polices Google" Options.

Lorsque cette option est activée, les polices Google sont chargées directement à partir du site local, ce qui réduit le nombre de requêtes externes et améliore la vitesse de chargement, en particulier pour les utilisateurs d'appareils mobiles.

Comment modifier la fonctionnalité des polices Google auto-hébergées d'Astra ?

Par défaut, leAstra enregistrera la police en tant que woff2 qui fonctionne dans la plupart des navigateurs, mais certains navigateurs plus anciens (comme Internet Explorer et Opera Mini) ne prennent pas en charge ce format. Si vous devez prendre en charge ces navigateurs ou si vous souhaitez utiliser un format différent, vous pouvez suivre les étapes ci-dessous pour le modifier.

1. changer le format du fichier de police

au cas où woff2 n'est pas adapté à certains navigateurs, vous pouvez changer le format du fichier de police en woffIl est pris en charge par un plus grand nombre de navigateurs.

Modifier la méthode :

• Ouvrez le thème enfant, modifiez functions.php Documentation.
• Ajoutez le code suivant :

// Chargement des formats de polices autres que "woff2".
add_filter('astra_local_google_fonts_format', 'update_astra_local_fonts_format' ) ; }
function update_astra_local_fonts_format( $font_format ) {
  $font_format = 'woff' ; // Changez le format en "woff" ou autre.
  return $font_format ;
}

Cela permet d'utiliser woff Formater les polices chargées pour les rendre compatibles avec un plus grand nombre de navigateurs.

2. la fonction Google Fonts en marque blanche Astra auto-hébergée

Par défaut, Astra ajoute un nouveau fichier dans le dossier des polices et dans le fichier local CSS Ajouter ce qui suit au nom du fichier Astra Logo de marque. Si vous souhaitez supprimer le logo de la marque et le placer en marque blanche, vous pouvez le modifier à l'aide du code suivant :

• Renommez le dossier des polices :

add_filter('astra_local_fonts_directory_name', 'update_astra_local_fonts_file_directory_name' ) ;
function update_astra_local_fonts_file_directory_name( $folder_name ) {
  $folder_name = 'mysite' ; // Remplacez 'mysite' par le nom de dossier souhaité.
  return $folder_name ;
}

• Renommer le fichier CSS local :

add_filter('astra_local_font_file_name', 'update_astra_local_fonts_file_name' ) ;
function update_astra_local_fonts_file_name( $file_name ) {
  $file_name = 'mysite-font' ; // Remplacez 'mysite-font' par le nom de fichier souhaité.
  return $file_name ;
}

Avec ces changements, les noms des dossiers de polices et des fichiers CSS n'incluront plus l'élément Astra Logo de marque, entièrement conforme aux exigences de personnalisation.

3. effacer le cache

Après avoir effectué les modifications, allez à Astra > Paramètres et cliquez sur "Effacer les fichiers de police locaux". . Cette opération permet d'effacer l'ancien cache et de s'assurer que les modifications prennent effet immédiatement.

suggestion

Lorsque vous effectuez ces modifications, il est recommandé d'utiliser la fonction sous-thèmeLa création d'un thème enfant permet d'éviter que les paramètres personnalisés ne soient perdus lors de la mise à jour du thème. Si vous ne savez pas comment configurer un thème enfant, vous pouvez vous référer au tutoriel. Par ailleurs, il est préférable de créer un sous-thème dans la section environnement provisoire Les tests ont été menés de manière à éviter d'affecter directement le site web officiel.

résumés

en permettant Astra thématique Polices Google auto-hébergées les utilisateurs peuvent charger les polices localement afin d'améliorer les performances du site web. Si vous devez prendre en charge d'autres formats de navigateur ou supprimer l'optionl'identité de la marqueLes modifications apportées dans cet article peuvent aider à compléter la configuration de la personnalisation.

Derniers articles

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.