Dooliblog

Voici un petit tutoriel pour partager ce que je me suis amusé à faire et que vous pouvez voir dans la sidebar de ce blog : afficher des miniatures correspondant aux derniers articles du blog. Un moyen intéressant d’attirer l’oeil (puis le click ) des personnes arrivant sur le blog depuis un moteur de recherche, et de diminuer le taux de rebond.

J’ai d’abord testé quelques plugins, mais ceux-ci m’ont semblé trop lourds et peu flexibles pour la simplicité de la tâche, alors voici ma méthode :

1) Dans Réglages > Divers > Taille des miniatures, choisissez la taille (en fonction de la taille de votre sidebar, du nombre de miniatures que vous voulez par ligne, etc… j’ai mis 60px pour ma part). Veillez à cocher la case “Rogner les images pour parvenir aux dimensions exactes” si vous souhaitez toujours avoir des miniatures de la même taille.

2) A présent, dès que vous uploaderez une image, une miniature à ces dimensions sera créée. Dans le gestionnaire de media, vous devrez cliquer droit sur la miniature et copier l’adresse de l’image.

3) Dans la page d’édition de l’article associé (en bas), ajoutez un champ personnalisé avec la clé “thumb” et pour valeur l’adresse de la miniature précédemment copiée.

4) Maintenant, l’affichage. Le code suivant inséré dans le fichier “sidebar.php” permet d’afficher les images des 9 derniers articles :

<?php
global $post;
$myposts = get_posts('numberposts=9&orderby=post_date&order=DESC');
foreach($myposts as $post) :
?>
<a href="<? the_permalink(); ?>" title="<? the_title(); ?>">
<img src="<? $cid = $post->ID; $values = get_post_custom_values('thumb', $cid); echo $values[0]; ?>" alt="<? the_title(); ?>" class="thumb" />
</a>
<?php endforeach; ?>

Attention, ce code sous-entend que chacun des 9 derniers articles possède l’adresse d’une miniature dans un champ personnalisé. Il ne serait pas bien difficile de modifier le code pour mettre une miniature par défaut dans le cas inverse.
Vous pouvez bien sûr le changer et l’adapter à votre guise, pour afficher plus d’articles par exemple, ou encore sélectionner une catégorie uniquement. Vous pouvez aussi ajouter le style “thumb” dans votre feuille de style pour personnaliser l’affichage des images

J’ai passé le blog hier sur la toute dernière (et toute fraîche) version de WordPress, numérotée 2.5. A priori tout semble s’être bien passé : le thème a tenu le coup et les plugins sont tous compatibles (mis à part “404 notifier”, un outil pour surveiller les erreurs 404, que je me suis résolu à virer). Si jamais vous décelez quelques bugs ou problèmes de fonctionnement, merci de me le signaler

Quoi de neuf au programme de cette grosse mis à jour ?
Je retiens notamment le relookage total de l’interface d’administration (pas très visuel pour les lecteurs mais les autres bloggeurs comprendront) : beaucoup plus clair et aéré, qui peut dérouter au départ, le temps de retrouver ses repères, mais que je trouve en fin de compte plutôt réussi.
J’apprécie également la possibilité de mettre à jour les extensions par un simple clic, sans besoin de télécharger soi-même les fichiers, de les uploader via FTP… tout est devenu automatique. Je note enfin la présence d’une “bibliothèque de médias” qui permet de gérer de manière beaucoup plus intuitive l’insertion d’images (et je viens de m’en rendre compte, d’uploader plusieurs fichiers à la fois : très pratique). Voir cette liste plus détaillée pour en savoir plus.

Voici quelques screenshots (cliquez pour agrandir) :

Saluons le remarquable travail de WordPress francophone qui a sorti la version française quelques heures à peine après la sortie officielle.

PS: j’ajoute également à la liste des nouveautés le support natif des gravatars. Je viens de le mettre en place et votre image devrait s’afficher dans les commentaires (pour ceux qui n’en ont pas ça se passe ici : http://en.gravatar.com/site/signup . Ca prend 10 secondes, il suffit d’associer une image à votre email )

Je viens de passer à la dernière version de Wordpress, numérotée 2.3. La manip est ultra simple, après avoir sauvegardé ses fichiers et sa base de données, puis désactivé les plugins, il suffit de copier les nouveaux fichiers. Le tout semble s’être bien passé, même si j’ai du me passer de certains plugins, ou les remplacer car ils n’étaient pas compatibles avec cette dernière version (SEO Title Tags notamment).
Le système de tags est maintenant géré nativement, plus besoin de passer par un plugin comme auparavant, ce qui est bien pratique. A priori, pas de grand changement au niveau visuel.

Merci de me signaler d’éventuels bugs qui m’auraient échappés au cours de la migration

Pour ceux que ça intéresse ou qui hésitent à franchir le pas, voici la procédure que j’ai suivi pour passer mon blog de Dotclear à Wordpress.

1. Installation de Wordpress
L’installation est vraiment ultra rapide, il suffit d’uploader les fichiers puis de spécifier les paramètres de la base de données et… c’est fini. Vous pouvez trouver la dernière version en français à cette adresse.

2. Import de l’ancien blog
Là encore, c’est extrêmement simple. Wordpress propose un import automatisé de blog sous les plate-formes Blogger, LiveJournal, TypePad et donc Dotclear (menu “Gérer” puis “Importer”). Il a juste besoin des paramètres de la base de données de l’ancien blog, et il importe non seulement tous les articles, mais aussi les commentaires et les rédacteurs (pratique pour un blog avec plusieurs rédacteurs comme le notre).

3. Nettoyage des anciens articles
Cette étape a été la plus fastidieuse pour moi. Il a fallu que je mette à jour les liens contenus dans mes anciens articles pointant vers d’autres articles de mon blog. Et surtout, j’ai du ajouter à nouveau les tags de tous les articles (j’utilisais mon propre système de tags sous Dotclear, ça n’a donc évidemment pas été importé).

4. Choix d’un thème
La bibliothèque de thèmes existants est vraiment considérable. Le point négatif c’est qu’on a eu beaucoup de mal à se décider. Pour finalement opter pour ce thème en espagnol, que j’ai du traduire à l’aide de mes (très) pauvres notions d’espagnol et de google translate. D’ailleurs, j’ai peut-être oublié de traduire quelques passages, faites-le moi savoir si vous voyez de l’espagnol quelque part (merci Antoine). Pour voir un aperçu de l’ampleur des thèmes disponibles, allez voir la galerie officielle.

5. Personnalisation
A partir du thème choisi, j’ai modifié la sidebar pour lui faire afficher ce que je veux (j’ai repris en gros ce qu’il y avait sur l’ancien blog). J’ai également ajouté quelques plugin, dont Ultimate Tag Warrior pour la gestion des tags, et le plugin Reinvigorate, qui donne de super résultats dans Snoop (qui affiche parfaitement le pseudo des visiteurs connectés et connus, et notifie des commentaires en live). Je vous laisse voir mon article sur Reinvigorate pour plus d’informations.

6. Redirection de l’ancien blog vers le nouveau
Je pensais pouvoir rediriger les anciens articles vers ceux du nouveau blog avec la réécriture d’URL, mais ça n’a pas l’air de fonctionner. Du coup, j’ai opté pour la solution “brute” : rediriger toutes les pages de l’ancien blog vers la page d’accueil de celui-ci avec un “meta http-equiv=’refresh’”.

Et voilà, c’est terminé. Pas si difficile que ça, non ? Si vous avez des questions, n’hésitez pas.

PS : on m’a demandé pourquoi cette migration. Il y a plusieurs raisons à celà : WordPress bénéficie d’une communauté internationale beaucoup plus large et active que Dotclear, il y a donc plus de thèmes et de plugin disponibles. De plus, de nombreux services proposent une intégration parfaite à Wordpress alors que ce n’est pas le cas pour Dotclear (Reinvigorate en est un exemple). Autres raisons : le peu d’évolutions proposées par Dotclear. On a l’impression que c’est l’oeuvre de quelques passionnés (certes très honorables) qui codent le soir en rentrant du boulot. Sympa, mais insuffisant pour mon usage (mais il peut convenir à de nombreuses personnes qui n’en demandent pas autant).