Comment changer les polices dans WordPress sans tracas
Les polices dans WordPress sont un élément crucial de l’image de marque d’une entreprise. Alors que certains peuvent considérer les polices comme non pertinentes, pour beaucoup, elles constituent une partie essentielle de leur site Web.
Avec les couleurs, les images, les logos et d’autres éléments de marque, les polices jouent un rôle essentiel dans l’image de votre marque et dans la façon dont les clients perçoivent votre marque. Comme ils offrent une multitude d’options, WordPress est l’une des meilleures plateformes de personnalisation.
Malgré le fait qu’il existe de nombreuses options de polices gratuites, il est essentiel de savoir comment changer les polices dans WordPress, ce qui peut nécessiter une certaine connaissance du codage CSS.
Cet article créé par notre équipe de wpDataTables vous montrera comment changer facilement les polices dans WordPress.
Comment changer les polices dans les thèmes WordPress
Regardons le scénario suivant. Vous voulez différentes combinaisons de polices pour votre site Web, mais quelque chose vous empêche d’avancer.
Changer les polices dans les thèmes peut être difficile car ils sont généralement fournis avec des polices prédéfinies qui sont utilisées dans différentes parties du thème. Vous devez localiser le script CSS qui définit la police pour la zone spécifique, qu’il s’agisse du pied de page, de l’en-tête, du corps ou d’autres parties.
Un pré-codage sera nécessaire si vous souhaitez utiliser une police entièrement nouvelle. Tout d’abord, choisissez une police sous licence pour votre site Web, puis téléchargez-la sur le serveur. En haut du style.css, vous devrez également définir la famille de polices. Voici un exemple de ce à quoi le code pourrait ressembler :
@font-face {font-family: Museo300;
src: local('Museo300-Regular'),
url("fonts/Museo300-Regular.ttf") format('truetype’);
font-weight: normal;}
Comment changer les polices dans WordPress globalement avec la fonction de personnalisation
Changer les polices avec la fonction de personnalisation est simple. Tout d’abord, connectez-vous à votre profil WordPress et accédez au tableau de bord, cliquez sur Apparence, puis sur Personnaliser.
Une autre façon d’accéder à cette zone est de vous connecter à votre tableau de bord WordPress, de cliquer sur le nom du site en haut à gauche, puis de cliquer sur le bouton Personnaliser.
Ensuite, faites défiler vers le bas sur le côté gauche et localisez le champ où vous pouvez ajouter du code CSS supplémentaire. Cliquez dessus pour ajouter le code. Voici un exemple de code :
* {font-family:"Courier New", Courier, monospace}Copy
Lorsque vous ajoutez le * au début, cela ajoutera la police à l’ensemble du site. Lorsque vous collez le code, il change instantanément. Lorsque vous êtes prêt à apporter les modifications, cliquez sur le bouton Publier.
Comment changer les polices dans WordPress dans des zones spécifiques du thème
Les thèmes sont livrés avec des polices prédéfinies dans divers domaines, et vous aurez besoin de différentes polices pour différentes zones de votre site, ce qui ajoute une personnalisation. Identifier des thèmes dans différents domaines est difficile.
Vous trouverez une police pour le corps qui est séparée du reste, qui peut être utilisée pour déterminer les polices non définies par une balise, une classe ou un div.
body {font-family: Verdana, Arial, Helvetica, Futura, sans-serif;
font-size: 1em;
padding:0;
margin:0; }
Vous trouverez probablement les polices dans les différentes classes CSS: content, post, entry et post-entry.
Ajouter des polices personnalisées
L’ajout de polices personnalisées est l’un des meilleurs moyens de modifier les en-têtes et la police de base. Accédez à Conception > Personnaliser > Polices.
Passer à une police personnalisée est facile. Il existe de nombreuses polices de qualité sur Google Fonts, Typekit et, enfin, avec un abonnement WordPress premium ou supérieur.
Comment faire:
- Allez à Conception >
- Cliquez sur Polices dans la section Personnaliser. Ensuite, cliquez sur le menu déroulant pour voir les options disponibles sous l’option Titres.
- Si les polices ici ne sont pas visibles, le thème n’offre probablement pas la possibilité de changer les polices en polices personnalisées. Dans ce cas, trouvez un autre thème qui offre cette option.
- Les polices viendront souvent par paires, une pour les titres et une pour le corps. Pour les en-têtes, il est essentiel de choisir une police attrayante pour les titres, les titres des widgets, les en-têtes de commentaires et d’autres zones du texte. La police de base sera la police du corps du texte, alors rendez-la aussi lisible que possible.
- Vous verrez un aperçu en direct avant de pouvoir choisir une police.
Comment ajuster la taille et le style de la police
Pour ajuster le style de police, cliquez sur l’option à gauche de la police. Vous aurez différents styles disponibles, selon la police choisie.
Pour ajuster la taille de la police, accédez à l’option de taille ci-dessous et ajustez la taille de la police. Adaptez-le aux titres ou au corps, ce qui est simple à faire à partir du menu déroulant.
L’abonnement WordPress premium ou supérieur permet de modifier la taille de la police dans le code CSS.
Comment enregistrer des polices
Lorsque vous avez terminé les options de personnalisation, la police est enregistrée de deux manières: en cliquant sur Publier votre site, ou sur Enregistrer le brouillon.
Après l’enregistrement, attendez quelques minutes que les polices s’affichent sur le blog. S’ils ne s’affichent pas, essayez de vider le cache de votre navigateur pour vous assurer qu’il s’agit de la dernière version du site.
Comment changer les polices
Voici comment changer les polices dans WordPress une fois que vous avez créé une police personnalisée.
Modifiez les polices personnalisées en accédant à Conception, puis à Personnaliser. Ensuite, allez dans Polices, sélectionnez une autre police d’en-tête ou de base. Vous pouvez également revenir à la police par défaut en cliquant sur le X, situé à droite du nom de la police personnalisée.
Pour terminer les changements de police, cliquez sur Publier ou Enregistrer le brouillon.
Encore une fois, l’affichage des polices peut prendre quelques minutes et il est essentiel de vider le cache du navigateur.
Réinitialiser les polices
Pour réinitialiser les polices, appuyez simplement sur le X à côté de la police actuelle que vous utilisez.
Comment mettre les polices en file d’attente
Pour ajouter correctement les polices pour WordPress, vous devrez modifier divers fichiers ; le plus important, le fichier functions.php ou le fichier function_wp ; enqueuer_script et wp_enqueue_style.
Avec les extraits de code, changez simplement la police sans entrer le code dans les fichiers. Ajoutez-les simplement à l’en-tête via une fonction.
Wp_enqueue_script et wp_enqueue_style sont des fichiers similaires, il est donc préférable de modifier le fichier de style, en fonction de ce que propose votre fournisseur de polices.
Google Fonts fournira des polices sous forme de feuilles de style, alors ajoutez-les comme ceci :
function add_google_fonts() {
D’autres polices, comme les polices Web Adobe Edge, se présenteront sous la forme de fichiers Javascript. Le code ressemblerait à ceci :
function add_adobe_fonts() {
Une fois que vous savez où faire les changements de police, cette fonction devient simple.
Comment changer la taille de la police
Ajuster la taille de la police est fondamental, simplement en ajustant la taille des titres. Lors de l’utilisation d’un éditeur visuel, toutes les options se trouvent sous l’onglet appelé "Paragraphe".
Habituellement, les tailles de police sont contrôlées par le fichier style.css, qui permettra d’accéder aux tailles de police.
Utiliser les bons titres dans les articles est essentiel pour créer une expérience utilisateur satisfaisante et la rendre plus conviviale pour le référencement.
Si vous avez aimé lire cet article sur la façon de changer les polices dans WordPress, vous devriez consulter celui-ci sur la façon de télécharger la bibliothèque multimédia WordPress.
Nous avons également écrit sur quelques sujets connexes tels que comment trouver l’ID de page dans WordPress, comment intégrer un iframe WordPress, comment éliminer JavaScript et CSS bloquant le rendu dans le contenu au-dessus de la ligne de flottaison, comment arrêter une attaque DDoS et comment pour masquer le titre de la page dans WordPress.