[WordPress] Utilisez du code HTML5 dans vos billets

WordPress est une plateforme de blogging très populaire. Très riche, elle offre de base un grand nombre de fonctionnalités.

Parmi les gros plus de la plateforme, une interface d’administration complète et assez bien réalisée. WordPress permet notamment d’écrire ses billets, en ligne, en utilisant 2 modes de saisie : l’un dit « Visuel », l’autre dit « HTML ».

Le mode HTML, que j’utilise systématiquement, permet d’entrer son code HTML directement et ainsi de maitriser la mise en page de ses billets.

Seul problème, par défaut, la plateforme ajoute des balises <p> autour de chaque section qu’elle considère comme un paragraphe. Et donc si vous tentez d’écrire des balises HTML5 (section, article, aside, header, footer, hgroup, figure, details, figcaption, summary …) dans un billet, celles-ci seront automatiquement « wrappées » dans un paragraphe, ce qui aura pour effet de détruire votre mise en page.

Tout ceci à cause de la fonction wpautop.

Il existe deux techniques pour empêcher cela : la première (que je présente ici) consiste à désactiver wpautop.

Pour ce faire, il suffit d’écrire les deux lignes suivantes dans le fichier functions.php :

remove_filter('the_excerpt', 'wpautop');
remove_filter('the_content', 'wpautop');

L’autre technique consiste à réécrire la fonction. Certains s’y sont essayé mais cela n’a pas l’air évident.

Si vous utilisez exclusivement le mode HTML, la première méthode fonctionne parfaitement. Mais attention, il faudra veiller à bien écrire vos paragraphes et surtout à changer le doctype de votre thème pour le rendre compatible avec HTML5.