Comment changer la police dans WordPress (Guide ultime) 2022

Il existe de nombreuses façons de changer la police dans WordPress. Cet article explorera ce que signifie la police et comment vous pouvez changer la police dans WordPress.

Votre site Web WordPress fait partie de qui vous êtes, et la police de texte que vous utilisez jouera un rôle essentiel dans l'identité et la conception globales de votre site. Cela peut également vous aider à améliorer le taux de lisibilité de votre contenu et à donner à votre site une apparence professionnelle et moderne.

Vous ne pouvez pas changer la police de votre blog WordPress sur un coup de tête. Vous devez être sûr de ce que vos changements impliqueront. L'utilisation de la bonne police peut sauver la réputation de votre entreprise en vous démarquant de la concurrence, en stimulant la reconnaissance de la marque et les conversions d'utilisateurs.

Une mauvaise police peut faire perdre sa crédibilité à votre entreprise et avoir une mauvaise apparence. Ainsi, vous devez être méticuleux lors du choix ou de la modification de la police dans votre WordPress.

Pour des guides plus similaires, vous pouvez lire notre tutoriel : Comment identifier une police : 5 meilleurs outils de 2022

Options pour changer les polices sur WordPress

Lorsque vous modifiez vos polices, vous pouvez choisir parmi l'une des options ci-dessous :

• L'éditeur de sites WordPress
• L'éditeur de polices de styles globaux
• Changer les polices avec WordPress Customizer
• Utilisation des plugins de police
• Utilisation des codes CSS
• Ajouter des polices Google manuellement

L'éditeur de site WordPress vous permet de modifier votre site Web comme vous le souhaitez. Avec Site Editor, vous pouvez utiliser des blocs pour modifier la formation de votre site, de l'en-tête aux pieds de page, en passant par les barres latérales et le contenu de la page. Peu de sites Web ont un thème qui prend en charge l'éditeur de site WordPress.

Cependant, si votre site a un thème qui le prend en charge, voici une procédure simple étape par étape pour changer votre police à l'aide de l'éditeur de site WordPress.

Si vous souhaitez accéder à votre éditeur de site, vous devez utiliser un thème de bloc qui utilise des blocs pour naviguer sur le site Web.

Utilisation de l'éditeur de site WordPress

Étape 1 : Connectez-vous à WordPress

Connectez-vous à WordPress avec votre nom d'utilisateur et votre mot de passe. N'oubliez pas de cocher la case Se souvenir de moi pour ne pas être déconnecté au bout d'un moment.

Étape 2 : Accédez à votre tableau de bord

Après vous être connecté et avoir accédé au panneau d'administration de WordPress, vous verrez une icône Apparence sur le côté gauche de votre tableau de bord. Passez le curseur sur Apparence et cliquez sur l'option Éditeur .

Cliquer sur Éditeur ouvrira votre éditeur de site WordPress.

Étape 3 : Naviguez sur la page de l'éditeur de site

Une case en demi-cercle blanc et noir indique votre icône de style dans le coin supérieur droit de la page de votre éditeur de site . Cliquez sur cette icône, qui devrait vous montrer quelques options.

Étape 4 : Choisissez votre typographie

Après avoir cliqué sur l' icône Style , choisissez Typographie, vérifiez la police souhaitée et enregistrez-la.

Étape 5 : Vous pouvez également choisir Texte ou Liens si vous souhaitez modifier chaque police de votre site.

Le choix du texte vous amènera à l'écran avec la famille de polices , la taille, la hauteur de ligne, l'apparence et d'autres ajouts à votre police.

L' éditeur de site vous offre une méthode simple, fluide et complète pour changer les polices. Il apporte un nouveau niveau de contrôle à l'édition WordPress. Vous pouvez modifier toutes les polices de votre site Web avec l' éditeur de site , y compris le pied de page, les liens et les en-têtes.

L'éditeur de polices de styles globaux

En plus d'utiliser l'éditeur de site WordPress, vous pouvez utiliser l'éditeur de polices de styles globaux pour modifier vos polices si votre site a un thème qui le prend en charge. Vous trouverez ci-dessous une ligne directrice à suivre si vous souhaitez emprunter cet itinéraire.

Étape 1 : Ajouter une nouvelle page

Après vous être connecté et avoir accédé à votre tableau de bord WordPress, cliquez sur l'icône Pages . Ensuite, vous pouvez soit cliquer sur une page existante, soit sur l'onglet Ajouter une nouvelle page. Cela vous donnera accès à votre page WordPress Editor.

Étape 2 : Accédez à l'onglet Styles globaux .

Sur votre page WordPress Editor, vous verrez l'onglet Styles globaux , qui apparaît sous la forme d'une icône Aa . Cliquez sur l'icône pour afficher un menu déroulant pour la sélection de polices . Dans l'onglet Sélection de la police , vous verrez différentes options de police parmi lesquelles vous pouvez sélectionner, telles que la police de base et la police d' en- tête.

Par exemple, choisir la police du titre changera la police de tous les titres de votre site Web. Les en-têtes peuvent inclure des articles, des titres de widgets, des en-têtes de commentaires, des titres d'articles et des titres d'images. Le choix de la police de base modifier toutes les polices du texte dans les menus et les textes du corps principal du site Web.

Après avoir choisi vos polices préférées dans les menus déroulants, toutes les modifications que vous apportez doivent prendre effet immédiatement. Vous devez recharger votre page d'aperçu pour voir vos nouvelles polices sur votre site Web.

Étape supplémentaire : vous pouvez ajuster la taille de la police à l'aide de l' éditeur de blocs .

L'utilisation de l' éditeur de blocs facilitera la modification de la taille de la police entre les blocs du site. Vous pouvez choisir librement entre H1, H2, H3, etc., pour vos rubriques.

Changer les polices avec WordPress Customizer

En essayant de publier votre site Web pour la première fois à l'aide de WordPress, vous avez peut-être remarqué des écarts entre les personnalisateurs par défaut qui vous ont été fournis et les options de personnalisation dont vous avez entendu parler.

Changer votre police avec le personnalisateur WordPress est l'une des options les plus conviviales et les plus pratiques. Le personnalisateur vous permet de jouer avec la conception et le style de vos polices et de la mise en page.

Si vous souhaitez utiliser le personnalisateur WordPress pour modifier votre police, vous trouverez ci-dessous une technique étape par étape expliquant comment procéder.

Étape 1:

Vous pouvez accéder à la page de personnalisation de deux manières après vous être connecté à WordPress. Vous pouvez cliquer sur l'onglet Apparence et sélectionner Personnaliser , ou vous pouvez cliquer sur le nom du site et sélectionner Personnaliser . Quelle que soit la route que vous empruntez, vous accéderez à la page de personnalisation.

Ou

Étape 2:

Après avoir sélectionné l'onglet Personnaliser, vous remarquerez quelques options déroulantes dans le menu de la barre latérale gauche . Cliquez sur l'option Polices .

Notez que certains thèmes de sites Web ne prennent pas en charge l'option de personnalisation. Si votre site Web est comme ça, vous pouvez choisir parmi les autres options de ce guide.

Étape 3:

Une fois que vous avez cliqué sur l'onglet Police , vous pouvez apporter toutes les modifications de police nécessaires. Par exemple, vous pouvez modifier les titres et la police de base selon vos goûts.

Si vous souhaitez modifier la taille de la police ,

Pour modifier le style de police de vos titres, cliquez sur l'option à gauche et sous la police. Différents styles sont disponibles en fonction de la police que vous choisissez.

Vous verrez un aperçu en direct de votre police lorsque vous cliquez sur les options de police.

Remarque : sur WordPress.com, vous pouvez modifier les polices de base et les titres . Vous pouvez modifier la police, les titres et le lettrage général de votre blog si vous avez un site Web auto-hébergé.

Dans les deux cas, tout ce que vous avez à faire est de sélectionner les polices dans les menus déroulants et, lorsque vous avez terminé, cliquez sur Enregistrer les modifications en haut. Ce changement se reflétera sur chaque page de votre site Web.

Étape 4 : Lorsque vous êtes satisfait des polices que vous avez choisies, publiez votre site Web ou enregistrez -le en tant que brouillon si vous souhaitez apporter d'autres modifications ultérieurement.

Vous pouvez également réinitialiser les polices en cliquant sur le X à côté des polices personnalisées.

Customizer a quelques revers, même s'il fournit un moyen rapide et facile de changer les polices utilisées sur votre site Web WordPress. Pour commencer, il a des options de police limitées.

Deuxièmement, il charge les polices au fur et à mesure que la page se charge, ce qui peut entraîner une modification notable de votre site Web. De plus, les visiteurs peuvent trouver cela bizarre. Cela réduira leur expérience avec votre site Web.

Utilisation des plugins de police

Les plugins de polices facilitent la modification de vos polices. Vous pouvez installer des plugins sur votre site Web. WordPress facilite la modification de la police de votre site Web lors de l'utilisation de plugins. Certains des plugins que vous pouvez installer sont Google Fonts, Custom Adobe Fonts, OMGF, etc.

Beaucoup de ces plugins vous permettent d'ajouter manuellement vos polices à votre site. Lorsque vous recherchez des plugins parmi lesquels choisir, vérifiez les notes, les bons commentaires et la réponse de leurs développeurs. Vous pouvez supprimer ou désactiver un plugin après le test. Cela vous aidera à choisir le meilleur plugin qui fonctionnera pour vous.

Il serait préférable que vous soyez sur le plan WordPress Pro pour utiliser certains plugins si vous allez utiliser WordPress.com

Changer les polices avec Google Fonts

L'un des meilleurs outils de WordPress pour changer les polices aujourd'hui est Google Fonts. Il vous donne un accès gratuit et complet à de nombreuses polices parmi lesquelles choisir. Vous pouvez donner à votre site Web un look fantastique à partir des différentes catégories de polices disponibles sur les polices Google.

Le plugin Easy Google Fonts est le plugin le plus utilisé et le plus populaire pour changer les polices dans WordPress. Ce plugin vous permet de changer plus facilement votre police WordPress et connecte directement votre site Web à la base de données de Google.

La première étape pour utiliser Google Font pour changer la police dans WordPress consiste à télécharger le plugin Easy Google Fonts à partir de WordPress.org, à l'installer et à l'activer. Après avoir installé et activé le plugin, accédez à l'onglet Paramètres et parcourez la liste des styles de police disponibles. Sélectionnez le style de police que vous souhaitez et notez son style et son nom.

L'étape suivante consiste à revenir à votre tableau de bord WordPress , cliquez sur l' onglet Apparence et allez sur Personnaliser . Dans le menu Personnaliser, il y aura une nouvelle option Typographie ici . Cette option apparaît après avoir installé le plugin.

Dans le nouveau menu de typographie, vous trouverez toutes les polices Google dont vous avez besoin pour votre site. Vous pouvez choisir la police que vous avez recherchée et notée dans le menu du plugin plus tôt.

Utilisation des codes CSS

CSS est un autre outil que vous pouvez utiliser pour changer les polices de votre WordPress. Les différentes façons de modifier votre police WordPress à l'aide de CSS seront expliquées ci-dessous.

À travers la feuille de style CSS du thème

Vous aurez besoin d'outils tels que Font Pair et Web Font Blender pour accéder aux polices sélectionnées.

Étape 1 : Pour modifier la feuille de style du thème, faites défiler le menu d' apparence et cliquez sur Éditeur .

Étape 2 : Après avoir cliqué sur l'onglet Éditeur , vous devriez voir une liste d'options sur le côté droit de l'écran. Cliquez sur Feuille de style sous l'option Styles .

Ou

Vous pouvez copier le code de la feuille de style comme indiqué ci-dessous :

 @font-face { font-family: 'Raleway'; src: url( “fonts/Raleway-Medium.ttf”) format('woff'); /* medium */ font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway'; src: url( “fonts/Raleway-Bold.ttf”) format('woff'); /* medium */ font-weight: bold; font-style: normal; } @font-face { font-family: 'Merriweather'; src: url( “fonts/Merriweather.ttf”) format('woff'); /* medium */ font-weight: normal; font-style: normal; }

Étape 3 : Une fois que vous avez la feuille de style CSS , vous pouvez modifier la police globalement en entrant la ligne de code avec la police en haut de votre feuille de style.

Par exemple * {font-family:”Garamond New”} ou * {font-family:”Courier New”}

Ce n'est qu'une des nombreuses façons de changer les polices WordPress à l'échelle mondiale à l'aide de CSS.

Pour modifier la police de zones thématiques spécifiques, telles que l'entrée, le corps ou le bouton, vous devez avoir identifié les extraits de code dans la feuille de style CSS .

Pour changer la police utilisée dans le corps de votre article de blog, vous devrez identifier où le style de police du corps est défini. Ces deux processus peuvent être très douloureux.

Ou saisissez le code ci-dessous :

 function add_my_font() { wp_enqueue_style( 'add_my_font', 'https://fonts.googleapis.com/css2?family=Oswald:[email protected];700&display=swap', false ); } add_action( 'wp_enqueue_scripts', 'add_my_font' ); and add in style.css this line of code to load the font for body and the headers .body, .h1, .h2, .h3, .h4 { font-family: 'Oswald', sans-serif; }

Ici aussi, vous avez un guide complet sur la façon d'ajouter des polices locales à votre thème WordPress

Ajouter des polices Google manuellement

Étape 1 : La première chose à faire est de copier et coller les codes de vos fichiers de thème WordPress . Ensuite, accédez à la bibliothèque Google Fonts pour sélectionner la police souhaitée.

Étape 2 : Pour chaque police choisie, utilisez le bouton + sélectionner ce style pour sélectionner le style de police que vous souhaitez utiliser sur le blog. Ensuite, cliquez sur l'onglet Intégrer dans la barre latérale pour copier le code de ce style de police.

Le thème de votre site Web ne prend peut-être pas en charge la police que vous recherchez. Si cela se produit et que vous n'aimez pas les constructeurs de pages ou que vous n'êtes pas familier avec le codage, un plugin de police dédié est votre meilleur pari.

Vous pouvez choisir parmi deux types : les « téléchargeurs » et les plugins d'incorporation de polices. Les plugins qui intègrent des polices dans votre site Web le font en puisant dans des répertoires spécialisés tels que Google Fonts. Un exemple d'un tel plugin est Google Fonts Typography.

Vous pouvez éditer le fichier header.php du thème et coller le code avant la balise <body>, comme indiqué dans l'image ci-dessous. Vous pouvez également installer le plugin WPCode pour vous faciliter la tâche.

Cliquez sur enregistrer les modifications une fois que vous avez terminé pour vous assurer que toutes les modifications que vous avez apportées sont enregistrées.

Vous pourriez être intéressé à apprendre comment ajouter une police personnalisée dans Revolution Slider Plugin : Comment ajouter une police personnalisée dans Revolution Slider

Que signifient les polices ?

La plupart des gens considèrent les polices comme des polices de caractères. Cependant, les deux ne pourraient pas être plus différents malgré certaines similitudes. Une police est un ensemble de caractères de texte ou de typographie affichables ou imprimables dans une taille et un style spécifiques.

Chaque police a son but et sa personnalité uniques et peut être utilisée pour afficher la lisibilité tout en mettant l'accent sur un sentiment ou une idée particulière.

D'autre part, une police de caractères est un style de conception de texte qui constitue une myriade de caractères de texte de poids et de taille variables,

Exemples de styles de police courants

Il existe un nombre illimité de styles de police disponibles pour une utilisation de nos jours. Outre les polices gratuites et prêtes à l'emploi, les graphistes conçoivent souvent leurs polices à utiliser. Vous trouverez ci-dessous deux des styles de police les plus couramment utilisés aujourd'hui.

Polices Serif

Les polices Serif font partie des anciennes polices. Leur âge avancé est fréquemment associé à une humeur classique, romantique, élégante, formelle et établie. Les polices de caractères avec empattement populaires incluent Times New Roman, Georgia et Garamond.

Les polices Serif ont une apparence traditionnelle et sont couramment utilisées dans les livres imprimés et les journaux. Les polices Serif sont celles avec de petites lignes sur les bords des caractères. Parce que le mot "sans" signifie "sans", les polices sans empattement n'ont pas ces lignes supplémentaires.

Polices sans empattement

Les polices sans empattement ont un aspect plus moderne et sont couramment utilisées en ligne. Ils sont décrits comme «sans», ce qui signifie «sans», car ils n'ont pas les traits qui distinguent une police de caractères serif. Les polices sans empattement aident à dénoter la propreté, la simplicité, l'accessibilité ou la modernité.

Pourquoi avez-vous besoin d'une nouvelle police ?

Choisir une police est un excellent moyen de donner à votre site Web une apparence distincte. Il existe de nombreuses raisons de changer de police, mais la plupart se résument à quelques préférences simples. Vous voulez probablement être remarqué, faire une impression ou vous démarquer.

Une police ne peut généralement pas faire l'une de ces choses par elle-même, mais lorsqu'elle est combinée avec d'autres éléments de conception, elle peut faire une différence significative. Vous devez utiliser une police différente de la police par défaut pour un thème ou un site Web de démarrage.

Presque tous les thèmes WordPress incluent la modification de la police, de la taille de la police et des options de couleur. Ces options, cependant, sont propres à chaque thème. Lorsque vous modifiez la police sur un site WordPress, les paramètres de typographie intégrés de votre thème sont le meilleur et le plus rapide pour commencer.

Si le thème que vous choisissez comporte quelques options de personnalisation, essayez l'une des autres options de ce guide. Vous obtiendrez différentes options en fonction des thèmes que vous utilisez. Certains thèmes vous permettent de vous personnaliser facilement, et d'autres vous obligeront à utiliser des options avancées.

La sélection des polices, en particulier, a deux effets significatifs sur la conception Web. Tout d'abord, il est nécessaire pour la convivialité . Si vous utilisez une police difficile à lire sur votre site Web, il aura besoin d'aide pour atteindre son objectif principal d'informer les visiteurs.

La lisibilité de votre police déterminera si les visiteurs restent sur votre site Web et en apprennent davantage sur votre marque ou s'ils partent frustrés et visitent le site d'un concurrent. Cela a également un impact sur l'accessibilité de votre site Web, car les utilisateurs souffrant de dyslexie ou de déficience visuelle peuvent avoir du mal à comprendre les petits caractères ou les scripts compliqués.

Les polices donnent le bon ton à votre site Web. La sélection de la police a un deuxième effet sur la qualité de la conception de votre site en ce qui concerne l'image de marque. Bien que nous nous concentrions fréquemment sur le contenu du contenu textuel, il est également prudent de l'examiner d'un point de vue visuel.

Derniers mots

Les polices sont un moyen de reconnaître votre site Web. Tout comme l'identité est pour une personne, la police est pour une personne. Décider de changer votre police WordPress signifie que vous voulez quelque chose de différent et que vous êtes prêt à améliorer la typographie de votre site Web. Comme vous l'avez appris dans ce guide, vous pouvez modifier vos polices à l'aide de différentes options.

Les options manuelles sont faciles d'accès et ne nécessitent aucune connaissance préalable. Google Fonts et d'autres plugins vous permettent également d'avoir des transitions transparentes entre les polices. Changer votre police avec des codes CSS nécessitera un peu de connaissances techniques.

Ce guide vous a été utile. Pourquoi ne pas commencer à changer vos polices dès aujourd'hui ?