{"id":6504,"date":"2019-12-19T16:02:29","date_gmt":"2019-12-19T16:02:29","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr-tutoriels\/?p=6504"},"modified":"2024-11-26T19:42:32","modified_gmt":"2024-11-26T19:42:32","slug":"changer-taille-police-wordpress","status":"publish","type":"post","link":"\/fr\/tutoriels\/changer-taille-police-wordpress\/","title":{"rendered":"Changer la taille de police dans WordPress"},"content":{"rendered":"

Vous voulez savoir comment vous pouvez changer la taille de police dans WordPress, n’est-ce pas ? Vous découvrirez tout ce que vous devez savoir dans cet article.<\/p>

Nous allons couvrir deux méthodes, l’installation d’un plugin et l’utilisation de CSS pour changer la taille de la police.<\/p>

WordPress est connu pour sa facilité d’édition d’articles. Tout comme votre logiciel de traitement de texte préféré, il offre de nombreuses options. Vous pouvez modifier facilement le contenu à l’aide d’un menu déroulant pour définir les titres et les paragraphes.<\/p>

Veuillez noter que la structure de votre contenu est importante pour les visiteurs et le référencement. Avoir une bonne structure de titre aide les moteurs de recherche à analyser les sujets principaux de vos articles, surtout ceux qui sont longs. Cela permettra d’obtenir un meilleur classement dans les pages de résultats des moteurs de recherche.<\/p>

\"\"<\/a><\/figure>

La dernière version de WordPress est livrée avec l’éditeur Gutenberg. Nous vous montrerons également comment modifier la taille de la police avec cet outil.<\/p>

Changer la taille de la police à l’aide du plugin TinyMCE Advanced<\/h2>

TinyMCE Advanced<\/a> est un plugin gratuit qui vous permet de choisir facilement votre taille de police préférée. Ce plugin vous fournit une barre d’outils d’éditeur classique sur le nouvel éditeur Gutenberg.<\/p>

Tout d’abord, vous devez installer et activer le plugin. Ensuite, vous pouvez accéder à la page Paramètres<\/strong>. Vous trouverez deux onglets : Nouvel éditeur (Gutenberg)<\/strong> et Éditeur classique (TinyMCE)<\/strong>.<\/p>

Si vous voulez utiliser uniquement l’éditeur classique, activez l’option Remplacer l’éditeur de blocs par l’ancien éditeur<\/strong> sous Options avancées<\/strong>. Mais, laissez-le décoché pour utiliser les deux éditeurs en parallèle.<\/p>

Voici les étapes à suivre pour changer la police de caractères à l’aide de ce plugin :<\/p>

    \n
  1. Créez un nouveau article<\/strong> ou modifiez un article existant. Vous verrez un éditeur de paragraphe classique.

    \"Créer<\/li>\n\n\n\n
  2. Sélectionnez les lignes de texte que vous souhaitez modifier, puis choisissez la taille de police.

    \"Sélectionner<\/li>\n\n\n\n
  3. Le résultat sera comme ceci :

    \"Le<\/li>\n<\/ol>

    La méthode classique de CSS<\/h2>

    Si la méthode ci-dessus est idéale pour un débutant, la méthode classique nécessite du CSS et pourrait être un peu plus compliquée.<\/p>

    Cependant, lorsque vous utilisez un plugin ou l’éditeur WordPress par défaut, vous devez effectuer le changement pour chaque article et page. L’utilisation de CSS permet de changer la taille de la police pour l’ensemble du site.<\/p>

    Le changement de la taille de la police à l’aide de CSS nécessite l’ajout de lignes de codes. Vous pouvez le faire via l’éditeur ou le Personnaliser<\/strong>. Mais, nous recommandons le Personnaliser car c’est la méthode la plus simple.<\/p>

      \n
    1. Allez dans le tableau de bord WordPress, puis dans Apparence > Personnaliser<\/strong>.

      \"Choisir<\/li>\n\n\n\n
    2. Sélectionnez CSS additionnel<\/strong>.

      \"Choix<\/li>\n<\/ol>

      Vous pouvez ajouter des lignes de codes CSS dans la case à gauche.<\/p>

        \n
      1. Pour changer toute la taille de la police :<\/li>\n<\/ol>
        body {\nfont-size: 1.25rem;\n}<\/pre>
        \"Modification<\/p>
          \n
        1. Pour changer la taille de police des paragraphes :<\/li>\n<\/ol>
          p {\nfont-size: 25px;\n}<\/pre>
          \"changement<\/figure>
            \n
          1. Pour changer la taille de police des titres spécifiques :<\/li>\n<\/ol>
            h2 {\nfont-size: 2.5em;\n}<\/pre>
            \"Modification<\/figure>
              \n
            1. Pour changer la taille de police de la barre latérale :<\/li>\n<\/ol>
              .sidebar li {\nfont-size: 12px;\n}<\/pre>
                \n
              1. Pour changer la police du pied de page :<\/li>\n<\/ol>
                .footer {\nfont-size: 150%;\n}<\/pre>
                  \n
                1. Pour changer la taille de police pour certaines parties de l’écran :<\/li>\n<\/ol>
                  html {\nfont-size: 18px;\n}\n@media (min-width: 900px) {\nhtml {\nfont-size: 20px;\n}\n}<\/pre>
                  Les styles CSS<\/a> offrent quatre unités différentes pour mesurer la taille du texte :<\/p>