(modifié le 15 janvier 2013 à 22:22)

But : corriger un bug du thème GlossyBlue (en version 1.4, celle que j'utilise sur ce blog) suite à la migration vers WordPress 2.5

Je ne sais pas si ce bug était présent dans les versions antérieures de WordPress mais en tout cas il est bel et bien présent dans la version 2.5.

Mais quel bug ?

Et bien ce bug n'est pas visible par l'utilisateur lamba, mais il n'échappe pas au validateur du W3C! L'erreur n'est en effet pas minime puis qu'elle ferme des balises HTML dans un ordre différent ou elles ont été ouvertes...

Voici l'exemple du bug, extrait de mon code source :

<p>La raison principale de cette absence “blogotique” est due <a href="http://xhark.fr.nf/le-blog/4060800-secondes-plus-tard-225#more-225" class="more-link">
<p class="serif">Lire la suite de l’article »</p><p></a></p>

Comment corriger ça ? Il suffit d'éditer un fichier PHP (avec Notepad++ par exemple) situé dans le répertoire :
/wp-content/themes/glossyblue-1-4/index.php

Environ à la ligne 15 vous trouverez cette ligne (que j'ai traduite en français, donc vous l'aurez en anglais) :

<?php the_content(’<p class=”serif”>Lire la suite de l\’article »</p>’); ?>

Modifier là de cette façon afin de supprimer les balises d'ouverture et de fermeture du paragraphe :

<?php the_content('Lire la suite de l\'article »'); ?>

Mais pourquoi ? tout simplement car WordPress interprète le code via une fonction PHP, et ne s'attend pas à recevoir du code HTML en paramètre, donc il fait une mauvaise tambouille avec et ressort cette erreur ; ne cherchez pas plus loin j'ai déjà mis 1 heure à trouver l'erreur 🙂 Depuis cette modification mon blog passe la validation W3C (23 erreurs avec l'erreur).

Cependant je trouve moche le fait que le texte "Lire la suite/le reste de cet article" soit collé à l'article... Pour cela il vous suffit d'ajouter dans le fichier style.css du thème GlossyBlue cette classe CSS :

.more-link { /* by Xhark.fr.nf, saut de ligne */
display: block;
margin-top:10px;

Et voilà :

Je vous expliquerai comment incorporer les nuages de tags pour ce thème dans un futur article.

Bloguez bien !