Lorsque nous concevons notre site WordPress, nous pouvons non seulement changer le thème et les couleurs, mais aussi la police ou la typographie, à la fois dans les paragraphes et les titres / en-têtes.
Ceci est utile pour personnaliser vos thèmes et montrer aux visiteurs de votre site un projet plus esthétique et attrayant qui fera une différence.
La méthode expliquée dans ce tutoriel pour modifier les polices de modèle et le personnaliser est très facile et rapide à appliquer.
Cet article comprend des captures d'écran pour faciliter tout utilisateur WordPress de suivre les étapes décrites.
Pour commencer, connectez-vous à votre tableau de bord WordPress et sur le menu de gauche, appuyez sur Plugins, puis sélectionnez le Ajouter un nouveau Option, comme indiqué dans la capture d'écran ci-dessous (Plugins>Ajouter un nouveau).
Dans le champ de recherche des mots clés, tapez "Gutenberg», Le nom de l'un des plugins utilisés dans ce tutoriel pour modifier la police. Quand le Gutenberg le plugin apparaît, appuyez sur le Installer maintenant bouton, puis le Activer bouton.
Après avoir installé le premier plugin, vous devez en installer un deuxième. Pour le faire, sur le champ de recherche de mots clés Type «Fonds Google Easy», lorsque le plugin Fontes Google faciles apparaît, appuyez sur le Installer Maintenant bouton, puis appuyez sur Activer.
Une fois le plugin installé, sur le menu de gauche du tableau de bord, appuyez sur Apparence, Et parmi les options affichées, appuyez sur Personnaliser.
Sur l'écran de personnalisation, sélectionnez Typographie. Ci-dessous, vous pouvez voir l'écran pour modifier la typographie ou la police WordPress.
Sélectionner Typographie par défaut Pour ouvrir le menu où vous pouvez commencer à modifier la typographie, y compris des paragraphes aux titres.
Pour commencer, sélectionnez Paragraphes Et dans le menu de la famille des polices, sélectionnez la police que vous aimez pour votre site. Vous verrez une variété de polices que vous pouvez essayer après les avoir sélectionnées. Au centre de l'écran, vous pouvez voir un aperçu pour chaque police que vous sélectionnez.
Comme indiqué précédemment, vous pouvez également modifier la police WordPress pour les titres en modifiant le En-tête 2 section. Vous pouvez essayer différentes options jusqu'à ce que vous trouviez le résultat attendu.
C'est tout. Continuez à lire ci-dessous pour télécharger vos propres polices, ce qui rend votre site unique.
Téléchargement de votre propre police sur votre site WordPress
Vous pouvez télécharger des polices supplémentaires à partir de sites comme Dafont. Vous pouvez y trouver des polices gratuites et payantes à ajouter à votre site. Les formats des polices sont TTF, OTF, Woff ou Woff2. Si lorsque vous téléchargez votre police, vous trouvez plusieurs fichiers, cela signifie que votre typographie ou votre police sélectionnée a plusieurs variantes. Par exemple, la police Google Monserrat a plus de 18 variantes.
Note: Pour ce tutoriel, j'utilise la police nommée medical.
Création du fichier de police
Le fichier Font-Face contient les informations de police à utiliser dans notre site Web. Ces informations incluent le nom de la police, ses variantes et différents formats.
Cette étape peut être effectuée manuellement, ou vous pouvez utiliser des outils pour simplifier le processus. L'outil utilisé dans ce tutoriel est le transfoncteur.
Este paso no lo vamos a crear a mano, sino que vamos a utilizar una herramienta en ligne llamda transfonter (https: // transfonter.org /) que nos hará todo el trabajo siguiente estos pasos:
Pour commencer, téléchargez votre (s) fichier (s) de police en appuyant sur le Ajouter des polices bouton. Ensuite, choisissez les formats que vous souhaitez être pris en charge (cela dépend du navigateur). Vous pouvez laisser d'autres options par défaut.
Puis appuyez sur le Convertir bouton.
Après avoir appuyé sur le Convertir bouton, vous pourrez télécharger la police avec différents formats de police.
Ci-dessous, vous pouvez voir des échantillons des fichiers que vous obtiendrez.
Une fois que vous avez téléchargé la police, vous devez accéder à votre serveur de site via un client FTP comme Filezilla, ou via CPanel (Files Manager) et télécharger votre fichier dans le sous-répertoire / WP-Content / Thèmes / Current-thème.
Dans ce répertoire sur votre serveur (/ WP-Content / Thèmes / Current-thème) vous devez localiser un répertoire nommé polices. Si le répertoire des polices n'est pas présent, ne vous inquiétez pas, créez-le simplement.
Dans le répertoire des polices, créez un nouveau sous-répertoire avec le nom de la police que vous souhaitez télécharger. C'est arbitraire tant que vous identifiez la police.
Dans le répertoire de thème de votre serveur (/ WP-Content / Thèmes / Current-thème.), trouver le fichier nommé fonctions.php. Cliquez avec le bouton droit sur les fonctions du fichier.php et insérer le code suivant à la fin du fichier.
Note: Remplacer Medicall-Font-CSS Et le chemin / Fonts / Medicall / Stylesheet.CSS Pour la police que vous utilisez. Pour ce tutoriel, j'utilise la police nommée medical, vous pouvez sélectionner n'importe quelle police que vous souhaitez.
add_action ('wp_enqueue_scripts', function ()L'étape suivante doit être effectuée via C0SS. Ici, vous devez appliquer la famille de police dans tous les textes que nous voulons appliquer notre typographie personnalisée.
L'étape suivante doit être effectuée avec CSS. Nous devons appliquer la Font-Family aux textes dans lesquels nous voulons appliquer notre typographie personnalisée.
Ouvrez la feuille de style.Fichier CSS précédemment généré par Transfonter et trouvez la ligne Font-Family mise en évidence dans la capture d'écran ci-dessous.
Ensuite, vous pouvez ajouter le CSS dans WordPress, par exemple, en ajoutant la ligne suivante.
H1De cette façon, nous appliquons la nouvelle police à tous les H1 de notre site.
Conclusion
Changer la police dans WordPress est assez facile comme indiqué ci-dessus. Il existe différentes méthodes pour modifier la typographie sur votre site. Tous sont valables. Les méthodes décrites précédemment sont faciles et gratuites. Bien que vous puissiez utiliser n'importe quel plugin alternatif, assurez-vous toujours qu'il est bien évalué par les utilisateurs. Si vous utilisez des constructeurs de pages comme Divi, Elementor ou Envatos, vous pouvez modifier directement la police à partir de ces plugins. N'ignorez pas l'importance des typographies. Vous pouvez avoir les meilleures images et couleurs, mais elles doivent être en harmonie avec les personnages pour générer une meilleure expérience visuelle pour les visiteurs.
Merci d'avoir lu cet article expliquant comment changer la police dans WordPress. Continuez à nous suivre pour plus de conseils professionnels WordPress.