Bon alors ça c’était embêtant… Juste après la mise à jour de WordPress, j’ai remarqué que mes images sur la présente page avaient toutes une large bordure vide alors que ma feuille de style avait prévu que cette bordure soit réduite. En regardant la source de la page j’ai constaté la présence d’une tag <p> après chaque tag <div>. Cette marque de paragraphe était rajoutée par WordPress automatiquement.
Après quelques recherches sur le forum de support, j’ai identifié la source du problème au fichier wp-includes/formatting.php dont il suffit de commenter la ligne 66 qui se lit comme suit :
$pee = preg_replace( '|<p>(<div[^>]*>\s*)|', "$1<p>", $pee );
Cela a permis de régler ce curieux espacement qui a affecté ce site ces dernières 24 heures. En bonus, les vidéos sont maintenant centrées alors qu’elles ne l’étaient plus quand cette ligne était active. Reste à régler quelques problèmes esthétiques résiduels… Mais la nouvelle moutûre de ce site est en route, patience.
Je devrais être flatté, pourtant je suis loin de l’être. Aujourd’hui, par une pure coïncidence, j’ai découvert qu’on plagiait ouvertement le design de ce site, fruit de mon travail original. Le coupable : le « site de Mémé » (je vous laisse chercher sur Google, je ne vais certainement pas faire de la pub à ce(tte) pompeur(euse)).
Par le passé on m’avait déjà demandé d’utiliser tel ou tel design que j’avais créé (à croire que j’ai du talent). Mais là où certain(e)s ont le tact de demander, d’autres s’en privent alors qu’ils ne le devraient pas. Or, je suis loin d’être la première victime d’un plagiat de design. Et il y a des leçons à apprendre du passé, je vais y référer les apprentis plagieurs. Deux excellents articles devraient retenir leur attention et résument ma position :
Je ne doute pas, en cherchant un peu, de découvrir d’autres sites identiques au mien. J’espère juste que mes semblables sont dotés d’un peu plus de créativité que cela. Je ne concentre aucun talent, et j’invite tout le monde à s’inspirer du travail d’autrui, y compris le mien si ça vous plait, mais à ne la plagier en aucune façon !
Ça faisait longtemps que je n’avais rien apporté à ce site, et pour me rattraper, je viens de mettre en place la possibilité d’avoir une photo, votre propre photo (ou toute autre illustration), dans la fenêtre des commentaires. On appelle ce genre de photo/illustration un avatar. Un peu comme ça se fait déjà dans les forums. La seule différence c’est que désormais il est possible que cet avatar vous suive partout où vous posterez un commentaire, sur ce blog ou sur un autre. C’est pourquoi en fait cela s’appelle un Gravatar.
Il vous suffit d’aller créer le vôtre, et de l’enregistrer pour qu’il soit associé à votre adresse de courriel. Ensuite, sur chaque site où le gravatar est activé, votre photo/illustration apparaîtra dès lors que vous aurez rentré votre adresse. Inutile désormais de coder l’apparition de votre photo/illustration en HTML…
La taille de votre gravatar est au maximum de 80 x 80px et elle est ici limitée à 50 x 50px. Si vous n’en avez pas (encore), je vous en ai attribué un d’office. Et si vous en créez un, il le remplacera (rétroactivement) pour tous les commentaires où vous avez indiqué votre adresse de courriel…
Ça a l’air tellement génial qu’il faut absolument que je garde une trace de ce HTMLoverlays. C’est le même principe qu’un include en PHP, mais en HTML et XML, saupoudré de javascript. J’adore ! La lecture de la source des pages est super simplifiée sans rien perdre en fonctionnalité en apparence (je n’ai pas testé). Ça va bluffer pas mal de monde, surtout ceux qui prendront la peine de regarder le code derrière chaque page.
Même chose en français via jy[B]log.
Bon et bien voilà. C’est fait. C’était long et je suis bien content que ce soit terminé. J’ai mangé du PHP, du CSS et des bugs d’IE6Win dans tous les sens. C’est pas encore terminé, mais comme cela ne concerne plus qu’IE6Win, je ne peux rien faire de chez moi…
Blogger c’était bien. Je n’ai jamais eu à m’en plaindre, sauf jusqu’à très recemment, depuis qu’ils ont mis en place un système pour mettre en forme le texte. C’est super sur IE6Win, mais ça plantait sous Safari, Camino et Firefox. Great ! Aujourd’hui ça bloque encore avec Camino, dommage, c’est mon fureteur par défaut, je quitte donc Blogger sans regrets, ça m’a rendu de fiers services.
Mais là arrive WordPress, avec une foultitude d’avantages :
Seuls soucis jusque là, il va me falloir rajouter un titre à tous mes posts depuis 2001 (arf…), les anciens commentaires sont perdus (je vais m’arranger pour en transférer quelques uns), mes pages ne sont pas valides en XHTML 1.0 Transitional puisque mes posts n’ont cette syntaxe que depuis aujourd’hui, et les robots vont devoir réindexer tout mon site parce que les liens ont changé suite à la mise en place de WordPress. Au fait, WordPress c’est bon, mangez-en.
Comme toutes les grandes agglomérations en été, mon site est en travaux. L’été c’est pratique il y a moins de monde, et fatalement si ça marche mal, ça gêne moins de gens. L’essentiel de mes travaux sont souterrains. Donc pas de gêne en surface. Il n’y a que lorsque j’en ai terminé avec ces derniers que vous remarquerez la différence.
Par exemple, je viens de refaire la section photo… Je vais en profiter pour en rajouter quelques unes dans les jours qui viennent. Quelques images de la région grenobloise pour vous démontrer comme les montagnes y sont belles.
Je mérite un peu de repos après ces quelques jours passés à redessiner le site d’Akelia entièrement contrôlé par CSS. Le menu m’a donné particulièrement de fil à retordre. Sans compter qu’il faut toujours éduquer son prochain aux standards, aux normes HTML et autres subtilités propres à tout langage programmé. Et avec Akelia… 
Mais déjà demain je dois travailler sur un autre site. Entre-temps, j’en ai profité pour modifier un tantinet le mien, qui valide de nouveau auprès du W3C.
J’ai (hélas) du temps libre en ce moment, autant qu’il serve utilement. À cette fin, je vais intégrer une feuille de style dans un projet qui m’intéresse, réalisé par Tengku Jasshwa. La programmation HTML du projet est marquée d’un certain amateurisme, et cette dernière date qui plus est. Je vais donc la rafraîchir. Je vais contrôler par CSS tous les éléments visuels, cela va accélérer le téléchargement de l’ensemble, le mettre aux nouvelles normes, permettre qu’il soit consulté y compris à partir d’un WAP (ce qui est assez inutile je le concède volontiers, d’autant que je n’ai pas de téléphone portable).
Sinon mon esprit a eu l’occasion de s’évader très loin de tout cela aujourd’hui après que je sois tombé par hasard sur la magistrale citation suivante :
En parlant de manger, je viens de recevoir en avance un cuiseur à riz (aka Rice Cooker) pour mon anniversaire (rassurez-vous, vous avez encore quelques jours). Un cadeau que j’avais sollicité pour faire suite à la demande insistante de ma mère qui manquait d’idée pour ce trente-deuxième cadeau. Comme j’adore manger, et plus particulièrement certains plats asiatiques, je me devais de posséder un cuiseur à riz. On ne peut y cuire le riz gluant, mais pour ce dernier j’ai déjà ce qu’il faut. Il faudrait d’ailleurs que je vante un jour les mérites de ce riz méconnu avec quelques commentaires bien illustrés…
Gros lifting de ce site internet à venir d’ici quelques jours. Je viens de terminer à l’instant la première phase qui consistait à créer une refonte qui fonctionne sur Explorer, Mozilla, Mozilla Firebird, Camino et Safari. Tout cela c’est sur Macintosh.
Demain je vais aller regarder ce qui fonctionne et ce qui ne fonctionne pas à partir d’Explorer pour PC, et d’autres fureteurs si j’ai la chance d’en croiser.
Au chapitre des changements : plus de luminosité, moins de couleurs criantes, plus de lisibilité, ma photo (hé ouais…), des vidéos, disparition de certaines sections, renommage total des sections restantes pour les rendre plus explicites, et utilisation d’une navigation uniforme qui prend moins de place.
Au chapitre des non-changements : utilisation intensive des CSS, quasi absence de javascript, ça sera toujours rien qu’un site personnel, navigable avec ou sans activation de javascript/CSS, et ça sera toujours ma fenêtre sur le monde pour y râler sur tout et n’importe quoi parce que ça me défoule plus que de frapper sur mon voisin.
Voilà, c’était juste pour vous mettre un peu d’eau à la bouche.
Bon, j’ai fait quelques modifications mineures à ma feuille de style et logiquement désormais les images devraient avoir une taille normale, même avec Explorer 6 qui m’a causé bien des soucis. Un gros merci à Éric pour ses conseils judicieux !
Voilà pourquoi je trouve certains sites si mal faits ! Tout s’explique (grâce au site des développeurs de Apple) :
Dire que sur ce site uniquement, plus de 90% des visiteurs utilisent Explorer avec Windows… La quantité fait-elle un standard ou serait-ce la norme qui l’édicte ?