L'ajout de polices personnalisées à votre thème WordPress peut considérablement améliorer l'aspect et la convivialité de votre site web. Les polices personnalisées contribuent à renforcer l'identité de la marque et à améliorer la lisibilité. Ce guide pas à pas vous montrera comment ajouter des polices personnalisées à votre thème WordPress en utilisant différentes méthodes.
Etapes pour ajouter des polices personnalisées à un thème WordPress
Étape 1 : Installer et activer le plugin
- Connectez-vous à votre tableau de bord WordPress.
- Naviguez vers Plugins > Ajouter un nouveau plugin.
Tapez dans le champ de recherche Polices Google faciles à utiliser. Cliquez à côté du plugin sur la page Installer maintenant puis cliquez sur le bouton activer.
Étape 2 : Configurer le plugin
- Naviguez dans le tableau de bord jusqu'àétat extérieur > personnalisationpuis cliquez sur typographique.
Vous verrez différentes parties de la police de configuration, y compris les titres, les paragraphes et d'autres éléments. Cliquez sur n'importe quelle section pour ouvrir ses paramètres. Sélectionnez la police que vous souhaitez utiliser dans la liste. Le plugin sélectionnera la police dans la base de données Polices de caractères Google pour extraire les polices.
Étape 3 : Publier les modifications
Après avoir sélectionné la police et personnalisé les paramètres, cliquez sur la partie supérieure du personnalisateur dans la zone poste pour appliquer les modifications à votre site.
Ajout de polices personnalisées à l'aide d'autres méthodes
Outre l'utilisation du plugin, vous pouvez ajouter des polices personnalisées de la manière suivante :
Méthode 1 : Utiliser @font-face Ajouter des polices personnalisées dans WordPress
Cette méthode convient aux utilisateurs qui ne veulent pas s'appuyer sur des plugins. Vous pouvez l'utiliser directement dans le fichier CSS du thème en utilisant l'option Règles @font-facepour ajouter des polices personnalisées.
- Téléchargez le fichier de police que vous souhaitez utiliser et téléchargez-le dans le répertoire de votre site WordPress.
wp-content/themes/votre-thème/polices
dossier. - Ouvrez la section
style.css
et ajoutez le code suivant :
@font-face { font-family : 'YourFontName' ; src : url('fonts/YourFontFile.eot') ; src : url('fonts/YourFontFile.eot?#iefix') format('embedded-opentype'), url('fonts/YourFontFile.woff2') format('woff2'), url('fonts/YourFontFile.eot ? embedded-opentype'), url('fonts/YourFontFile.woff2') format('woff2'), url('fonts/YourFontFile.woff') format('woff'), url('fonts/YourFontFile.ttp'), url('fonts/YourFontFile.ttp') format('woff'). YourFontFile.ttf') format('truetype'), url('fonts/YourFontFile.svg#YourFontName') format('svg') ; font-weight : normal ; font-style. normal ; }
- Ensuite, dans votre
style.css
pour utiliser la police :
body { font-family : 'YourFontName', sans-serif ; }
Méthode 2 : Utiliser Google Fonts pour ajouter des polices manuellement
- entretiens Polices de caractères Google sélectionnez la police que vous souhaitez utiliser.
- frappe (sur le clavier) Sélectionner cette policepuis copier le fichier
<link>
Étiquettes. - Est-ce que cette
<link>
Tags ajoutés à votrethématique(utilisé comme expression nominale)header.php
la documentationEn-tête>
Partie :
- dans votre
style.css
pour utiliser la police :
body { font-family : 'YourFontName', sans-serif ; }
Conseil bonus : personnaliser les pages avec le constructeur de pages par glisser-déposer
Il ne suffit pas d'ajouter des polices, vous devrez peut-être aussi personnaliser la page avec des images de héros, des menus et des mises en page personnalisées. Nous vous recommandons d'utiliser un plugin de construction de pages WordPress à glisser-déposer comme SeedProd peut-être Thrive ArchitectIls peuvent vous aider à créer des pages avec de belles polices personnalisées.
remarques finales
L'ajout de polices personnalisées à votre thème WordPress peut améliorer considérablement l'aspect et l'identité de marque de votre site web. Vous pouvez facilement mettre en œuvre la personnalisation des polices dans WordPress en utilisant un plugin tel que Easy Google Fonts ou en ajoutant manuellement des règles @font-face.