Avez-vous déjà rencontré un site Web ou un blog qui permet à vos visiteurs de modifier la taille de la police d’un bouton +/- dans la barre latérale? Normalement, vous ne devez jamais ajouter cette fonctionnalité car tous les principaux navigateurs ont des boutons de zoom avant / arrière, mais certains utilisateurs ne connaissent pas encore cette fonction de zoom. Eh bien, dans cet article, nous allons vous montrer comment donner aux utilisateurs la possibilité de modifier la taille de la police dans WordPress en utilisant une simple fonction JavaScript et un peu de HTML.
Ajoutons d’abord ce script à votre en-tête ou pied de page:
Ensuite, ajoutez simplement ce code n’importe où dans votre thème (la plupart des gens le mettent dans la barre latérale)
Agrandir le texte | Rendre le texte plus petit
Vous pouvez également utiliser des images sous forme d’icônes +/- ou autres, si vous le souhaitez. Pour que tout cela soit possible, vous devrez spécifier la taille de police de votre élément html.
Alternativement, si vous souhaitez limiter la zone où la taille de police serait incluse (ex: sa zone de contenu uniquement), modifiez le javascript d’origine pour qu’il ressemble à ceci:
Cela signifie que seule la taille de la police est modifiée sur l’élément qui a id = “content”.
Vous cherchez un exemple en direct? Jetez un œil au blog d’Eric Wendelin.
Source: David Walsh
