WordPress – Configuration de grandeur de caractères pour les mobiles

V1.0

Les grandeurs de charactères ne sont pas toujour ajustables pour les mobiles

La fonction d’éditeur des sites FSE permettent de modifier les grandeurs de caractères . Par contre, dans RAft , il existe une règle pour le cellulaire dans le fichier style.css qui fixe les caratères aux grandeurs suivantes ;

Type

Font size

small

12px

normal

16px

medium

18px

large

22px

x-large

28px

huge

32px

J’ai trouvé cette information à l’aide de la marche à suivre suivante;

Inspecteur du navigateur

  1. Ouvre ton site dans Chrome ou Firefox.
  2. Appuie sur F12 pour ouvrir les DevTools.
  3. Clique sur l’onglet Sources (ou Network si tu veux voir les fichiers chargés).
  4. Cherche un fichier nommé style.css (souvent sous /wp-content/themes/raft/style.css).
  5. Clique dessus pour voir son contenu.
    → Tu peux ensuite rechercher (Ctrl+F) des mots-clés comme @media ou font-size.

J’ai choisi d,ajouter le plugin Simple Custom CSS qui permet d’ajouter un CSS custom (J’ai copié la chaine de style.css et modifié les valeurs;

@media (max-width: 769px) {
body {
–wp–preset–font-size–small:16px;
–wp–preset–font-size–normal: 20px;
–wp–preset–font-size–medium: 22px;
–wp–preset–font-size–large: 26px;
–wp–preset–font-size–x-large: 32px;
–wp–preset–font-size–huge: 40px
}
}