Une typographie fine sur un site WordPress

dimanche 20 décembre 2009, par Aris Papathéodorou

La typo­graphie sur le Web est un éternel pro­blème. En d’autres termes, sa gestion est (trop) souvent réduite à son très strict minimum : des gras, des ita­liques, et pas grand chose de plus.

En effet, mis à part Spip, peu de CMS (pour ne pas dire aucun) n’intègre nati­vement de fonc­tions pour pro­duire une typo­graphie fine et conforme au règles qui pré­valent pour chaque langue, et qui – faut-​​il le rap­peler – engendre un confort et un plai­sir de lec­ture non négligeable.

Pour Word­Press cette lacune est dans une large mesure réparée par le plugin wp-​​Typography, déve­loppé par KING­desk [1], qui permet d’appliquer aux textes une série puis­sante de règles typo­gra­phiques à la façon dont le fait un logiciel de mise en page. En particulier :

  • césures de mots,
  • guillemets typo­gra­phiques,
  • cer­taines espaces insé­cables,
  • rem­pla­ce­ment intel­li­gent de carac­tères (tirets, trois points),
  • pré­ven­tion des veuves,
  • per­son­na­li­sa­tion de cer­tains éléments par l’usage d’une feuille de style (texte tout en cap, chiffres).
  • Pos­si­bilité d’échapper le trai­tement de cer­taine partie du texte (un bloc de code par exemple).

wpTypography

Le plugin wp-​​Typography s’installe faci­lement, et est d’une uti­li­sation tout à fait intuitive. Pour fonc­tionner ce plugin nécessite cependant impérativement :

  • PHP en version 5, avec l’estension mbstring activée (ce qui en général devrait être le cas).
  • Un encodage du texte en UTF-​​8 (c’est l’occasion d’adopter cette norme).
  • Une syntaxe de balises xHTML cor­recte (balises cor­rec­tement fermée en particulier).

Dernier point inté­ressant, wp-​​Typography repose sur une librairie PHP indé­pen­dante de Word­Press, qui peut donc être intégrée à n’importe quel projet ou site uti­lisant ce langage.

Seul bémol : l’interface de l’extension n’est para­doxa­lement dis­po­nible qu’en anglais [2].

Portfolio

L'interface de wpTypography

Notes

[1] KING­desk Web Design : http://​kingdesk​.com.

[2] A savoir : hyphe­na­tion = césure, widows = veuves.