J’avais profité du changement du thème du blog pour utiliser les widgets en java proposés par Last.fm pour afficher la musique que j’écoute. C’était plutôt sympa, avec affichage de pochettes ou photos au survol de la souris, défilement latéral automatique, etc…

Oui, mais afficher les morceaux écoutés récemment et le top artiste hebdo avait un coût processeur: 6-7% pour le premier, 3-4% pour le second. Résultat, je voyais que Firefox prenait constamment 10 à 12% de cpu, sans comprendre pourquoi dans un premier temps. J’ai regardé ça d’un peu plus près hier, et me suis aperçu que les widgets Last.fm en étaient la cause.
C’est souvent le problème avec ce genre de gadgets (bonne traduction de widget): c’est chouette, mais finalement coûteux en ressource, et d’un intérêt parfois douteux. On trouve des blogs affichant tout et n’importe quoi : la météo, le cours d’une action… j’ai même vu récemment un widget WordPress pour afficher les résultat de l’Euro 2008 de football ! Or, celui qui cherchera les résultats ira plus que probablement sur un site dédié, complet. Attention donc… Keep it simple !

Alors voilà, retour à l’ancien système, plus classique, sans images ni défilement latéral (scrolling)… mais 10% de cpu de gagné !

Autres modifs

J’en ai profité pour faire quelques modifs sur le blog, comme de retirer l’entrée « Administration » de la colonne de droite. En fait cela ne servait que pour m’identifier… historiquement, c’était pour que les amis puisse se créer un compte (et publier des articles). La pratique montre que cela ne sert pas ou si peu qu’il est préférable de libérer la place occupée pour rien.
Dans la même idée, suppression de la page UTILISATION qui apparaissait dans le menu supérieur du Blog. Elle n’était plus à jour depuis le passage à WordPress 2.5, et même constat : elle ne servait à rien.
Elle est maintenant remplacée par une page de STATS qui résume quelques statistiques du site. Ces statistiques sont réalisées avec le plugin WP-Stats. Il était présent dans l’ancien thème, mais faisait partie des plugins ne fonctionnant plus avec WordPresss 2.5. Nouvelle version donc (v2.3), expurgée de certaines statistiques inutiles, en tout cas pour mon blog.

Les spams, ces messages « non sollicités » comme on dit, ne polluent pas que les messageries, mais aussi les blogs. Jusque là, la protection par défaut de WordPress Askimet m’avait suffit. Suite à une rafale reçue ce week-end, j’ai du chercher une autre solution.

Askimet

Askimet fonctionne sur le principe de mots-clefs, d’analyse du texte (AI, Intelligence Artificielle), de liste d’émetteurs connus comme spameurs, en étant connecté à un serveur qui maintient les données à jour. C’est assez efficace, mais quelques spams arrivent à passer. De plus, ce sont bien souvent des bots (abréviation de robots, disons d’autres ordinateurs) qui sont à l’origine de ces faux messages. Et un ordinateur, ça va très vite… pollution maximale.

Les Captchas

La solution classique est la captcha. C’est l’acronyme de l’anglais « Completely Automated Public Turing test to tell Computers and Humans Apart », soit en français, « Test public de Turing complètement automatique ayant pour but de différencier les humains des ordinateurs ».

Il s’agit donc de faire effectuer une tâche comme de taper des lettres d’une image, répondre à une simple question (combien font 2 + 3 ?), etc… Le problème est que cela exclue généralement les mal-voyants d’une part, et d’autre part les bots sont de plus en plus sophistiqués, faisant appel à des logiciels de reconnaissance de caractères… On arrive soit à des textes illisibiles pour de plus en plus de personnes, ou des questions de ce type (j’ose espérer que cette captcha est une blague, ou réservée à un club de mathématiciens…) :

WP-SpamFree

Je suis alors tombé sur ce plugin, écrit par Scott Allen, patron d’Hybrid6 Studios, une boite de marketing internet et de design web basée à Los Angeles. Passioné de marketing, dévelopement et design web.

Scott avait travaillé précédemment sur une protection des sites de ses clients attaqués par le formulaire de mail « Contactez-nous » que l’on trouve en général sur tous les sites. Il l’a modifié pour les blogs wordpress, et cela s’est révélé si efficace qu’il a décidé d’en faire un plugin pour WordPress, et de le rendre accessible à tous.

Comment ça marche ? il utilise une combinaison de Javascript et de cookies pour différencier l’humain de la machine, et apparemment y arrive pour 99+ % ! Les spams ne sont pas saisis, pas de liste de commentaires à valider comme le fait Askimet. S’il y a erreur, le blogueur est averti et peut valider son message.

La plupart des navigateurs actuels ayant ces deux fonctionnalités activées, c’est donc totalement transparent pour le blogueur. Et c’est beaucoup moins gênant que le principe de captcha.

Voilà, je l’ai mis en place hier, et déjà 41 spams de bloqués. J’avais laissé une suggestion sur son blog : pouvoir récupérer juste le nombre de spams bloqués, afin de l’afficher dans le pied-de-page, avec les autres statistiques. Ce matin, j’avais une réponse me disant que c’était une bonne idée, qu’il le ferait pour la prochaine version. Cool !

J’en ai aussi profité pour passer à WordPress 2.5.1, qui corrige pas mal de bugs et de failles de sécurité.

Le passage à WordPress 2.5 ne s’est pas passé sans anicroche. Il y a pas mal de changements dans cette version… et donc fatalement des bugs. Il est également fortement recommandé de vérifier que tous les plugins que l’on utilise actuellement fonctionnent, rien n’est moins sûr.

Voilà les problèmes que j’ai rencontré :

Téléchargement des images

Impossible de télécharger une image lors de l’écriture d’un article. Un beau message Crunching… apparaît dans le tout nouveau chargeur de media réécrit avec la techno Flash. C’est facile de contourner le problème en téléchargeant l’image manuellement, mais vraiment embêtant pour une utilisation normale. Et je ne suis pas le seul, il y a de nombreux articles sur le sujet sur le net. Finalement, WordPress a fourni un Plugin appelé no-flash-uploader. Voici la page à consulter pour ce problème (en anglais), le lien pour le plugin est en bas de page.

Message d’erreur : Unable to access /cache/php.err

Le message d’erreur suivant s’affichait avec le plugin photopress (lors de l’affichage de l’album) ainsi que pour le plugin backup :
[sourcecode language=’php’]
Warning: is_writable() [function.is-writable]: Unable to access /cache/php.err
in /mnt/121/sdb/9/2/pascal.ledisque/wordpress/wp-includes/wp-db.php on line 200
[/sourcecode]
Là, ce fût un peu plus difficile de trouver une solution, si on peut parler de solution d’ailleurs. Sur un site professionnel (pour un particulier, cela veut dire payant), il suffit de modifier les droits d’écriture sur le répertoire /cache (un bon vieux chmod 777). Mais chez Free, nous n’avons pas les droits pour le faire, et aucune chance que Free ne le fasse pour nous, sécurité oblige. J’ai fini par trouver sur un site une solution simple, pas très propre mais radicale : supprimer (ou mettre en commentaire) la ligne 200 du fichier wp-db.php. Cela s’appelle soigner le mal à la racine !

Plugin photopress

Ce plugin me sert à afficher un album à part des albums de la gallerie zenphoto, c’est la photo affichée dans Une photo…, en haut de la colonne gauche. Cet album contient les images qui étaient affichées A la Une de l’ancien site. Une sorte de Best of… Je continue à y ajouter une photo de temps en temps.
Bref, ce plugin (non validé sous WordPress 2.5) supporte mal la mise à jour WordPress. Le problème semble venir de la gestion des albums. Ça marche en local, mais pas chez Free. On ne peut plus le parcourir. En attendant une solution, c’est maintenant une fenêtre pop-up qui s’ouvre pour afficher l’image en taille normale. Je vais voir si je ne peux pas utiliser zenphoto pour faire la même chose, ou attendre une nouvelle version du plugin, testé pour WordPress 2.5. Il y a des commentaires sur ces photos, et changer de plugin risque de ne pas être facile si je veux les conserver. A suivre…

Voilà, c’est à peu près tout (c’est déjà pas mal !). Il faut retenir que ce n’est pas une mise à jour mineure. Il faut d’abord vérifier la compatibilité des plugins. Puis bien sûr faire un backup de sa base de données. Enfin respecter scrupuleusement les instructions de mise à jour.
Avoir la même configuration sur son PC est quand même le meilleur moyen d’essuyer les plâtres. Cela ne résoud pas tout, ce serait trop beau, mais permet d’affiner les choses avant de faire les mêmes manips en ligne.

Et voilà, comme vous pouvez le voir, un nouveau thème est en place. Exit Connections, voici Cutline. Au départ, je voulais simplement ajouter une colonne (sidebar) à gauche, mais mon thème ne s’y prêtait guère, et le code CSS posait des problèmes. Finalement, c’était plus simple de repartir d’un nouveau thème, plus récent.

Mon choix s’est donc porté sur Cutline, qui m’a semblé assez clair et agréable. De plus, les deux sidebars sont « widgets ready », et le CSS mieux pensé, notamment pour gérer la position des images dans un texte. J’y ai ensuite apporté mes propres changements.

Le principal étant la nouvelle bannière, qui change à chaque chargement de page, allant piocher au hasard dans l’album Zenphoto, et affichant seulement un morceau de l’image. Ce mécanisme, déjà présent dans l’album photo, me plaisait bien, alors le voici adopté pour le blog. A terme, il est probable que les deux fusionneront…

Reste encore quelques finitions à faire, et notamment voir ce que l’on peut faire avec les widgets. En gros, ce sont des plugins, mais plus besoin d’aller mettre les mains dans le code : tout est géré par le tableau d’administration. Les widgets permettent donc d’habiller vos sidebars très facilement, et il en existe des milliers. Le risque étant d’alourdir la page, aussi bien graphiquement que lors du chargement.

Le ménage de printemps continue : mise à jour de la gallerie photo avec la Zenphoto v1.1.5. Au menu les habituelles améliorations de sécurité et de performance. La procédure de mise à jour est également simplifiée (même si j’ai eu un problème).

Quelques nouveautés aussi : le Rating, qui permet de donner une note à une photo (ou un album), ainsi qu’un captcha simple lors de l’ajout de commentaires, afin de contrer les spams. Ces deux nouveautés se résument sur cette image :

Les expressions boléennes sont maintenant acceptées dans la recherche. Par défaut c’est un « OU ». Si vous cherchez « chient chat », le résultat comprendra à la fois les photos avec le mot chien et celles avec le mot chat. Vous pouvez maintenant rechercher « chien & chat », le résultat n’affichera que les photos comprenant ces deux mots.

Enfin, il y a le Dynamic Album, qui permet de construire un album à partir d’une recherche. Ceci est réservé à l’administrateur. Cela peut se révéler pratique pour regrouper des photos sur un sujet particulier.

Le problème lors de la mise à jour

Après la mise à jour, l’album photo fonctionnait, mais impossible de me connecter pour accéder au panneau d’administration. Mot de passe incorrect. Après avoir tout vérifié, j’ai posé la question sur le forum de Zenphoto. Moins d’une heure après, j’avais la solution :

Avec phpMyAdmin, je pouvais voir que l’utilisateur avait bien été créé dans la table zen_administrators. On pouvait même y voir le mot de passe en clair, ce qui est beaucoup moins normal, il aurait du être codé.
Solution : vider la table en question (ne pas l’effacer, sinon il faudra la recréer en relançant le setup). Il suffit ensuite d’accéder à la gallerie photo : on est alors redirigé sur un formulaire de création du compte administrateur.

Le grand ménage de printemps commence ! Mise à jour de WordPress avec la version 2.5, qui vient de sortir. Extérieurement, vous ne verrez pas de grands changements, mais sous le capot, toute l’interface d’administration a été revue, et c’est une très bonne nouvelle pour tous les utilisateurs de WordPress ! L’éditeur visuel ne devrait plus modifier le code que l’on tape (!), et l’ensemble de l’interface est tout simplement plus en accord ce qui peut se faire aujourd’hui.

Les autres principales améliorations : une meilleure sécurité des mots de passe, mise à jour des extensions en un clic, une galerie d’image intégrée, gestion des médias (audio, vidéo) améliorée, gestion des tags, un moteur de recherche qui couvre les pages (j’avais dû installer un plugin pour y palier, c’est maintenant inutile), et enfin la possibilité de télécharger plusieurs fichiers simultanément.

Par exemple, on peut maintenant ajouter dans un widget de statistiques dans le panneau d’administration :

Je ne vous montre pas mon graphique, je viens à peine de l’installer, et il affiche pour l’instant un gros point bleu calé sur 0 !).

Bref, beaucoup de choses à voir et explorer. En général, on ne cherche que ce dont on a besoin, ou alors on tombe sur un truc au hasard. En fin de compte, WordPress est très puissant, ouvert, et les possibilités sont multiples.

Mise à jour 6 avril 2008

Après quelques jours, le compteur restait désespérément à zéro. Un petit tour sur le forum, et hop : il faut que le thème contienne l’appel à la fonction wp_footer, ce qui n’était pas le cas du mien. Typiquement, il faut que le ficher footer.php de votre thème se termine comme ceci :
[sourcecode language=’php’]



[/sourcecode]

La mise à jour de Zenphoto a posé quelques problèmes, ainsi que celle de Zenphotopress, le plugin WordPress qui permet d’insérer facilement les images des albums dans un article.

Le premier problème, c’est que dans cette nouvelle version de Zenphoto, l’ancien répertoire zen est maintenant nommé zp-core. La conséquence, c’est que tous les liens vers les images dans vos précédents articles deviennent invalides, puisqu’ils appellent i.php qui se trouve dans ce répertoire. La seule solution est d’aller modifier dans la base de données ces liens en question.

Il faut donc se connecter à la base de données (avec phpMyAdmin par exemple), et lancer la commande SQL suivante :

[sourcecode language=’php’]
UPDATE wp_posts SET post_content=replace(post_content,’/zen/i.php’,’/zp-core/i.php’);
[/sourcecode]

Dans l’exemple, wp_posts est le nom de ma table (préfixe wp_).

Le second problème, c’était que la version 1.3 de Zenphotopress ne fonctionnait pas. Les liens créés dans l’article étaient invalides. Après quelques recherches, j’ai posé la question sur le forum de zenphoto. Le lendemain, le développeur me répondait qu’une version 1.3.1 était maintenant disponible, et qu’elle corrigeait ce bug. Belle réactivité ! Je l’installais aussitôt, et désormais tout fonctionne à merveille.

Pas mal de petites modifications dans le thème pour profiter des dernières possibilités de Zenphoto. Le mieux est de les lister :

Vue Archive : Dans le « top-menu », ajout d’un lien vers une vue Archive, qui permet de lister les photos par mois. J’aurais plutôt imaginé une liste des albums, ce serait plus pratique. Je verrai si je peux la modifier.Dans la foulée, suppression du lien vers l’ancien site, qui ne sera plus accessible que par le menu du blog. Il me reste à rediriger la page d’accueil elle-même.

Au-dessus de l’image sont affichés deux nouveaux liens : à droite Taille Originale our afficher l’image en taille réelle, et à gauche Infos EXIF pour afficher les données enregistrées lors de la prise de vue. Enfin pour l’instant vous ne verrez rien concernant ces données EXIF, ni la page s’obscurcir et afficher la fenêtre ci-contre :

En effet, je me suis aperçu que je perdais ces infos lors de la préparation des albums (probablement lorsque je réduis leur taille en 800×600). Il faut que je regarde comment faire, le prochain album devrait donc comporter ces infos si c’est possible.

Enfin, le « footer » (bas de page) a aussi été modifié pour indiquer le nombre d’albums, de sous-albums et de photos (3622 à ce jour). Il y a aussi le lien RSS, mais qui permet de visualiser les 10 dernières photos ajoutées. Là encore, je m’attendais àvoir les derniers albums. Apparemment, c’est fait comme ça.

Tout cela donne un petit coup de dépoussiérage à l’album photo, avec les nouvelles possibilités qu’apporte cette nouvelle version.

Petit changement du look de l’Album Photo, avec l’ajout d’une bannière sur la page d’accueil, ainsi qu’une fonction de recherche. Voilà un exemple de ce que cela donne maintenant :

Tout cela grâce à Zenphoto 1.1.2. Cette nouvelle version apporte quelques nouveautés intéressantes, comme une fonction de recherche, l’affichage des données EXIF de la photo, les flux RSS, et une gestion améliorée des sous-albums.

Le bouton de recherche est donc placé sous la bannière, et permet comme vous l’aurez deviné de retrouver facilement une photo ou un album par mot-clef. Une fonction bien pratique avec les albums qui s’accumulent avec le temps.

La bannière change à chaque chargement de la page. Elle va « piocher » au hasard une photo dans l’un des albums, pour n’en afficher qu’une partie. Le résultat est donc aléatoire, parfois ça ne donne rien, et d’autres fois on est agréablement surpris…

Concernant les sous-albums (autre chose nécessaire quand le nombre d’albums grandit), il me faudra encore attendre. Leur gestion est maintenant présente dans les pages d’administration, mais je ne peux toujours pas les utiliser. En effet, à l’heure actuelle, tous les commentaires seraient perdus. La question a été posée sur le forum de Zenphoto, le développeur est bien conscient du manque. Soyons patient, et n’oublions pas que c’est un superbe logiciel de galerie photo, gratuit…

Comment ajouter la bannière

C’est très simple : il faut d’abord copier le fichier customfunctions.php du thème Effervescence dans le répertoire de votre thème. C’est ce fichier qui contient la fonction, et qu’il faut aller modifier pour ajuster la largeur ou la hauteur si nécessaire.
Puis ajouter la ligne ci-dessous en tête du fichier index.php (pour la page d’accueil). Même principe pour le fichier album.php si vous souhaitez avoir la même chose sur les pages d’albums, ou encore image.php.
Il ne reste plus qu’à placer le code suivant à l’endroit souhaité dans les mêmes fichiers :

[sourcecode language=’php’]


[/sourcecode]

Sympa, non ? Il me reste à peaufiner un peu tout cela, regarder les autres nouveautés, comme l’affichage des donnés EXIF, et aussi intégrer un bouton RSS.

Lundi soir, en voulant me connecter sur mon site, j’ai reçu le message suivant :

Bon, je ne me suis pas trop inquiété, le site a déjà été innacessible quelques jours suite à des problèmes chez Free. Pas avec ce message, mais bon…

Le lendemain, toujours pareil. Je fais quand même une recherche sur Google, et je me rend vite compte que c’est Free qui a bloqué volontairement mon compte !

Je me rend alors sur ma page de gestion de compte, clique sur Ré-activer votre compte pour les pages personnelles (si celui-ci a été suspendu), et reçois le message suivant :

Cette fois c’est clair : phpMyVisites est un outil qui génère des statistiques sur l’utilisation de votre site Web, tout en php. Free fournit déjà ce service, et n’autorise pas les utilisateurs à installer leur propre service, ce qui est après tout logique. A ma décharge, quand je l’ai installé, Free ne le proposait pas encore…

Bref, j’ai donc cliqué sur ici. Et reçu ce dernier message :

Et voilà, le site est de nouveau opérationnel ce soir. Un peu violent comme méthode, mais bon…