L’avènement du Full Site Editing (FSE) dans WordPress a ouvert un nouveau chapitre dans la personnalisation des sites web. Une des fonctionnalités clés de cette nouvelle ère est la capacité d’ajuster finement les tailles de police pour s’adapter précisément aux besoins de votre design. Dans cette exploration, nous découvrons comment écraser les tailles de police par défaut pour créer un ensemble personnalisé qui répond aux exigences spécifiques de votre projet WordPress.
La limite des tailles prédéfinies
Dans un thème qui repose sur des blocs (FSE), l’utilisateur peut se trouver limité par les options de taille de police prédéfinies. Ces tailles, bien que pratiques, peuvent ne pas correspondre exactement à l’esthétique ou à la structure souhaitée. En intégrant plus des tailles sur mesure, vous pouvez dépasser ces limitations, offrant une flexibilité et une précision accrues dans votre design. Cette personnalisation permet une cohérence visuelle et une meilleure harmonie dans la mise en page globale.
Créer Son Propre Jeu de Taille
L’étape fondamentale est de créer votre propre jeu de tailles, en écrasant les paramètres par défaut. Cela se fait généralement via le fichier theme.json
, qui sert de tableau de bord central pour les paramètres de style dans le FSE. En définissant vos propres tailles de police dans ce fichier, vous avez un contrôle complet sur l’apparence de votre site, depuis la taille du texte des titres jusqu’à celle des notes de bas de page.
Par rapport aux réglages natifs, vous pouvez ajouter des options plus poussées dès que vous travaillez avec le fichier theme.json
. Par exemple, vous pouvez ajouter des tailles de polices fluides qui s’ajusteront automatiquement avec la taille de l’écran. Cette partie est tellement importante que j’ai consacré plusieurs vidéos dédiées dans ma dernière formation WordPress sur l’éditeur de site.
Enfin, si le jeu de taille est bien utilisé, la modification des différents niveaux est un jeu d’enfant au moment de la refonte du thème.
L’Importance des Slugs
Un aspect crucial de ce processus est l’utilisation correcte des « slugs » pour chaque taille de police. Un slug est une courte chaîne de caractères qui identifie de manière unique chaque taille de police dans votre thème. Il est essentiel que ces slugs soient cohérents et clairement définis pour que le système de FSE les reconnaisse et les applique correctement dans l’éditeur de site. Cela garantit que les tailles de police personnalisées fonctionnent comme prévu dans différents contextes du site.
Dans la mesure du possible, dès qu’un slug est créé, il ne faut plus y toucher. C’est un peu la même règle que pour les URL du site. Il est possible de changer le titre mais ne pas toucher au slug qui correspond à l’URL.
Remplacer les tailles de polices par défaut
Voir la vidéo de ma playlist YouTube dédiée à l’éditeur de site qui résume tout l’article.
En conclusion
La personnalisation des tailles de police dans un thème FSE WordPress représente une avancée significative dans la conception de sites web. En comprenant et en maîtrisant cette fonctionnalité, les développeurs et designers peuvent réaliser des designs plus précis et expressifs, en phase avec leurs visions créatives.
Une grosse mise à jour sur ma formation
« WordPress 100% Bloc Expert » est en cours.
Je fête ça avec une réduction de 30%.
Quelques liens
- Ma chaîne Youtube @gregoirenoyelle dans laquelle je compte publier beaucoup de tutoriels sur le FSE.
- La première formation intégrale sur le FSE (Editeur de site).
- Nos meetups mensuel WP Paris.
- Notre association parisienne WP Paris (la refonte du site en FSE est en cours) qui représente WordPress à Paris.