Michtoblog

Certains d’entre-vous l’ont remarqué, le blog a été injoignable pendant 2 jours. La faute à ma bande passante qui a explosé.

Je vais donc commencer sérieusement à penser à migrer toutes mes photos vers mon Flickr, donc un travail de titan va devoir se mettre en place, car c’est un boulot de con !!! Si certains ont des plans ou des idées pour me faciliter la tâche, surtout qu’ils n’hésitent pas à éclairer ma lanterne dans les commentaires.

Sinon, en parlant de boulot de c.., j’ai commencé également à tirer profit de la fonction intégrée à WordPress de Thumbnails ou miniatures en français dans le texte. Vous pouvez voir qu’à la fin de chaque billet, vous avez désormais les billets suggérés avec une belle miniature, quand il y a une photo dans le billet en question et quand je lui ai dit de s’en servir. Bref, c’est également en chantier, mais tous les billets de la section cuisine sont déjà mis à jour et ça en fait plus de 80 mine de rien. Pas tout à fait 25% de tout ce que j’ai écrit dans ces murs en 2 ans et quelques.

J’ai fait une petite amélioration de l’index des recettes (qui reprend toutes les recettes publiées sur ce blog classées par type).
Désormais, vous avez accès directement aux différentes catégories depuis le haut de la page d’index (et ci-dessous également) :

PETIT DEJEUNER

APERITIF

ENTREE

PLAT PRINCIPAL

ACCOMPAGNEMENT

PASTA ET NOUILLES

ASIATIQUE

DESSERT

J’en ai profité pour ajouter deux nouvelles catégories, PASTA ET NOUILLES, ainsi que ASIATIQUE.

N’hésitez plus à l’utiliser, c’est vraiment pratique.

Côté technique, ce petit « miracle » est possible grâce aux ancres, qui sont en fait des liens à l’intérieur d’une page.
Ça fait un truc de plus que je saurais faire désormais sans passer par une interface graphique. De toute façon, WordPress (en tous les cas TinyMCE advanced) ne m’a pas paru super clair et au point là dessus.

Si ça vous intéresse, tout ce que vous voulez savoir sur les ancres est fort bien expliqué sur ce billet du Journal du Blog.

Dans le cadre de l’amélioration constante de ce blog et particulièrement de son look’n'feel (on est passé en V2.0 il y a quelques temps), j’ai été amené à vouloir installer une version du blog en local sur mon PC fixe qui tourne sous  Ubuntu 8.10.

Il n’y a pas des masses de ressources en français et surtout facilement compréhensibles. Je me suis donc dit que j’allais vous faire part de mon installation. Ça évitera peut être des erreurs à certains d’entre vous qui voudraient arriver au même résultat.

INSTALLATION D’UN SERVEUR LOCAL XAMPP

Sous Ubuntu, le meilleur moyen d’héberger WordPress en local est d’installer Xampp (qui a d’ailleurs le bon goût d’exister pour Linux, Mac et Windows). Pour cela, vous pouvez suivre le tuto vidéo que Daria a fait sur le sujet (attention, on y parle simplement de l’installation de Xampp pour WordPress et pas de l’importation de votre blog WordPress). Yves en a également mis une couche.

La vidéo, c’est pas mal, mais je dois dire que je préfère, une fois que je me suis imprégné de la marche à suivre, avoir une procédure écrite (ne serait ce que pour faire des copier-coller des commandes dans le terminal). Pour cela, la doc Ubuntu.fr de Xampp est super bien faite et très facile à suivre.

Sinon pour Windows, il y a aussi un tuto très bien fait de papygeek, je m’en suis également bien inspiré, en l’adaptant pour Linux.

INSTALLER WORDPRESS

Une fois que Xampp est installé, vous avez deux choix : installer wordpress et ensuite utiliser la fonction d’exportation de votre blog (« Gérer » puis « Importer » ou « Exporter » dans l’interface d’administration, cf. copie d’écran) en ligne pour ensuite importer ces réglages (si vous le désirez vous pouvez aussi repartir de zéro), ou bien choisir d’importer tous les fichiers votre blog en local.

Toutefois, si vous décidez de choisir la première solution, sachez qu’il faudra installer en local exactement la même version que celle online pour que tout fonctionne, ce qui peut être difficile si c’est une version intermédiaire (c’est du vécu …).

J’ai choisi la deuxième solution, qui est plus facile et permet d’être sûr qu’il ne manquera rien. Dans mon cas, je suis allé dans mon administration d’hébergement du blog (pas wordpress, celle de l’hébergeur, dans mon cas Cpanel qui a une fonction de backup total des sites hébergés)

Une fois que vous avez votre fichier de backup, il vous suffit de le décompresser dans le dossier local adéquat. Si votre blog local s’appelle wordpress ce sera dans (chez moi en tous les cas) :

/opt/lampp/htdocs/wordpress

Ensuite, il n’ y a plus qu’à rentrer votre adresse locale dans votre navigateur et ce sera exactement pareil que si vous étiez en ligne. Chez moi, ça donne

http://localhost/wordpress

LES PROBLEMES RENCONTRES

• Sur mon installation personnelle, j’ai dû m’y reprendre à 4 ou 5 fois pour installer Xampp (malgré la simplicité apparente de la chose). Le blocage se faisait au moment de lancer la commande lampp start. Mysql était déjà lancé.

Mon système avait en effet une version de MySQL déjà installée et ça n’a pas du tout plu à Xampp qui ne la trouvait pas à son goût (car elle ne devait pas être installée au bon endroit).

Il m’a fallu faire une recherche dans Synaptic (mot clé mysql) pour m’apercevoir que cette version de MySQL venait de paquets KDE (il semble donc que KDE ai besoin de MySQL ??), Ksnapshot il me semble.

Une fois ces paquets désinstallés via Synaptic, le dossier créé par Xampp effacé (une énième fois et Xampp réinstallé, ça a fonctionné.

• J’ai rencontré aussi pas mal de problèmes portant sur les droits d’écriture sur les fichiers et les dossiers, particulièrement d’installation manuelle des plugins (en décompressant directement les plugins dans le dossier du thème) et de l’édition des fichiers du thème dans l’interface d’admin, un comble quand on veut modifier le look du thème (alors que j’y ai accès en allant directement dans le dossier du disque dur où ils sont stockés). Pour résoudre ce problème, un petit coup de chmod en ligne de commande et c’est réglé. Cela modifie les droits en lecture / écriture de tous les fichiers du répertoire wp-content du blog pour l’utilisateur connecté, comme ça plus de souci. Donc, on ouvre un terminal dans le dossier qui contient le blog, s’il s’appelle wordpress, ça donne :

cd /opt/lampp/htdocs/wordpress

Puis on change les permissions sur tous les fichiers contenu dans le dossier wp-content et ses sous dossiers (si vous êtes paranoïaque, rien ne vous empêche de le faire dossier par dossier voire fichier par fichier).

chmod -R 777 wp-content

• Le paramétrage du FTP m’a aussi posé problème, alors qu’en fait c’est très bête : dans le champ Hôte, il suffit de rentrer simplement localhost. Il m’a fallu un certain temps  avant d’y arriver, merci le forum Ubuntu FR.

ASTUCE UTILE

La doc Ubuntu préconise de créer un lien symbolique du fichier /opt/lampp/lampp dans le dossier /usr/bin , ceci afin de raccourcir les commandes à taper, notamment pour lancer et arrêter Xampp.

Au lieu de taper

sudo /opt/lampp/lampp start

Vous ne devrez plus taper que

sudo lampp start

J’ai trouvé plus simple de créer un alias dans mon fichier .bashrc, de cette manière je n’ai plus à taper pour lancer Xampp que le raccourci que j’ai choisi (à savoir start, mais vous pouvez choisir ce que vous voulez). J’ai fait pareil pour la commande sudo lampp stop que j’ai raccourci en stop.

J’espère que ce tuto vous aura aidé. N’hésitez pas à laisser des commentaires si vous avez des soucis, je répondrai si j’ai les connaissances nécessaires.

Comme vous avez pu le noter (en tous les cas, je l’espère) et comme je l’avais signalé dans le billet du passage à la V2.0, j’ai créé une page d’archives grâce au plugin WordPress Snazzy Archives. Son fonctionnement étant un peu particulier, je me fends d’un petit mode d’emploi, mais vous allez voir c’est très simple.

Pour l’instant (et ce sera certainement sujet à évolution), les mois et les années s’enchainent de façon horizontale. Ça commence donc par 2009, puis plus loin sur la droite 2008, etc. Ce que vous voyez, ce sont en fait tous les billets qui ont été publiés sur le blog un jour donné, ce jour étant représenté par une étiquette avec la date.
Pour voir ce qu’une journée contient il suffit de cliquer sur l’étiquette. pour la fermer, même manipulation.
Le principe est le même si vous voulez afficher ou cacher un mois entier, il suffit de cliquer sur le nom du mois.

Voilà, amusez-vous et naviguez bien dans l’historique.

Depuis maintenant plusieurs mois (plus ou moins régulièrement), je travaille à une amélioration de la forme et du fond du blog. Depuis hier soir, ça y est, c’est en place. Si vous lisez les billets via un agrégateur, je vous conseille de venir faire un tour sur le site pour vous en rendre compte par vous même, sinon ce billet va vous paraître profondément inutile.

Voici donc à titre informatif, la liste (sûrement non exhaustive, je dois en oublier) des modifications / améliorations que j’ai apportées :

• passage à WordPress 2.7 (ça c’est en place depuis un petit moment)
• la couleur du fond a changé pour se marier parfaitement avec le header dessiné avec amour par ma petite femme
• la taille de la police et l’espacement des lignes est plus grand dans le corps des billets pour plus de lisibilité maintenant que les couleurs sont plus sombres
• les couleurs des liens sont plus uniformes et aussi plus nombreuses pour amener une note … colorée
• la sidebar a été relookée (polices plus grandes, intitulés changent de couleurs pour ressortir, suppression de l’image de background du haut de la sidebar)
• arrivée d’un formulaire de contact (via le plugin Contact Form 7), enfin. Il est visible dans le header
• mise en place d’une page d’archives funky (via le plugin Snazzy Archives). Visible également dans le header. Yves va rigoler.
• le moteur de recherche interne a été remplacé par un moteur personnalisé Google, qui en profite pour aller dans la sidebar
• suppression pure et simple du formulaire d’abonnement aux billets par mail (7 abonnés dont moi … alors qu’il y en a 270 au flux RSS)
• le concours de com est maintenant aligné par rapport au reste de la sidebar. D’ailleurs je vous rappelle qu’il y a du backlink si vous apparaissez dans cette liste, donc n’hésitez pas à commenter pour vous donner de la visibilité
• le nom des commentateurs est en police plus grosse pour se détacher du reste
• la zone de saisie des commentaires devient plus haute pour plus de confort lors de la saisie de messages longs
• les champs de commentaire nom, mail, site internet et la checkbox, sont désormais entourés d’une bordure plus visible
• le bouton d’envoi du commentaire a changé de couleur lui aussi
• les publicités adsense ont changé de couleur également

Il reste encore un certain nombre de bricoles à modifier, mais le plus gros du travail est là. N’hésitez pas à me remonter des problèmes que vous pourriez rencontrer, par mail (michtoblog arobase gmail point com) ou via le formulaire de contact (puisqu’il est là autant l’utiliser non ?). Je n’ai testé que sous Firefox et Opera, donc pour IE ce ne sera peut être pas top, mais peut être pas pire, je ne sais pas si j’ai déjà regardé ce blog avec ce navigateur pour être franc …

J’ai appris sur le blog du WordPress Francophone que notre CMS préféré, WordPress, va passer le 10 novembre en version 2.7. Les copies d’écran des nouveautés font envie, le menu notamment est complètement remanié et va ressembler pas mal à ce que j’utilise dans mon interface d’administration en ce moment mais grâce à des plugins.

Ce qui me plait bien dans cette nouvelle version, ce sont deux trois petites chose qui n’ont l’air de rien mais qui simplifient grandement l’usage au quotidien. Il y a notamment le menu latéral dépliable et qui est désormais étudié pour ne pas avoir plus de 2 clics de souris à faire pour arriver aux fonctions les plus utilisées. L’accès aux derniers brouillons directement depuis le tableau de bord sera implémenté également. Tout ça va m’être d’une grande aide pour la rédaction et la gestion du blog.

Ma seule peur était de me trouver réduit dans mon espace vital sur mon eeepc 701, mais Xavier m’a informé que le menu latéral sera escamotable, ne laissant visible que les icônes correspondantes aux fonctions.

Il y a encore beaucoup d’autres choses qui vont changer pour une meilleure expérience (la mise à jour automatique, ça va être super, même s’il y a déjà des solutions, là aussi sous forme de plugin), alors j’attends novembre avec impatience.

Si vous voulez la liste complète de ces nouvelles fonctionnalités allez faire un tour sur le blog WordPress FR et si vous voulez en voir une partie en live (toutes les modif ne sont pas visible sur ce site), allez sur le blog de test et connectez vous sur l’administration (en tapant simplement login : admin et Mdp : admin).

Répète :  » je ne ferai plus d’installation hasardeuse de plugin sur le blog en live ».

Oui maître, désolé Maître.

Maintenant que c’est clarifié, je suis désolé chers lecteurs pour cette interruption de deux jours sur l’affichage des billets, je suis un gros lourd, je ne le ferai plus.

Et dire qu’après le 100ème billet, le blog avait décollé comme un malade grâce à mon inscription sur le planet-libre. Quel con.

Ça y est, le 100ème billet est atteint sur le Michtoblog. Je ne pensais vraiment pas que ça irait si vite.

LE BILAN

C’est l’heure d’un premier bilan :

• Début du travail sur le thème et la migration depuis canalblog début avril 2008
• Le 1er billet a été publié le 18 avril 2008
• Cela nous fait 4.5 billets par semaine en moyenne (pas mal, je ne pensais pas en avoir écrit autant)

Les 5 billets les plus lus :

• L’annonce du test du Eeepc 900 sur Blogeee
• La customisation d’Ubuntu en Mac
• L’annonce du test du Eeepc 901 sur Blogeee
• La recette du tiramisu aux fraises
• Le paramétrage de grub dans le cadre d’un dual boot avec Windows

Le blog n’est plus loin désormais de la barre des 350 commentaires (les miens compris donc on peut en retirer presque la moitié puisque j’essaie de répondre à tous !!), le plus gros contributeur étant de loin Yves (merci à toi), suivi par Ichigo, netgui, LordPhoenix et Matt qui se tiennent dans un mouchoir de poche.

A ce propos, j’ai placé dans la sidebar de droite un widget (pas bien intégré pour l’instant d’ailleurs) qui liste les 10 plus gros commentateurs de ce blog. Les liens sont en do-follow, il n’y a pas de mal à faire du bien aux copains. Donc n’hésitez pas à commenter, ça ne peut qu’être bénéfique.

QUELQUES STAT

• 46 abonnés au flux RSS au plus
• plus de 62 000 pages vues
• 569 pages vues au plus en une journée
• 293 clics sur les pubs depuis le lancement

Voici les copies d’écran des stat WP et celles de Google Analytics. La courbe a une tête que j’aime bien

AU FINAL

Sur les bons conseils d’Yves, je suis très content d’avoir changé de plateforme, Canalblog était vraiment trop limité. WordPress au contraire permet des customisations sans limites (si vos aptitudes en programmation et graphisme suivent !!). L’admin est bien plus complète également et le système de plugin permet vraiment de rajouter toutes les fonctionnalités dont j’ai besoin.

Le seul inconvénient d’un blog c’est son côté chronophage et ce n’est pas ma chère et tendre qui dira le contraire. C’est vrai que le moindre billet un peu recherché prend tout de suite énormément de temps. Mais bon, c’est un plaisir et c’est formateur donc, je continue cette aventure de bon coeur.

Et pour finir, je tiens à tous vous remercier l’aide que vous m’avez apporté pour mettre en place mon « bébé » et pour tous les commentaires que vous déposez régulièrement. MERCI

Depuis que j’ai mon Eeepc 701, il y a un point qui me chagrine lorsque je me connecte dans l’administration de WordPress, particulièrement dans la page d’écriture des billets.

La zone de saisie avait la fâcheuse tendance à recouvrir la zone de droite, celle où se trouve le bouton « Enregistrer ». Autant vous dire que pour sauvegarder mes billets, c’était toute une gymnastique : réduire la zone de saisie (pas de la tarte avec mon petit trackpad) et enregistrer, puis remettre la zone de saisie à une taille acceptable pour écrire.

J’avais cherché un peu mais je n’avais pas trouvé de problème similaire au mien. Et puis, pris d’une intuition géniale, je suis allé voir dans les options de TinyMCE pour voir si je ne pouvais pas supprimer des boutons et ainsi réduire la taille de la barre. Bingo, c’était bien ça qui m’empêchait de voir le menu de droite. Comme de toutes façons, il y en avait plein dont je ne me servais jamais, ça a fait le ménage.

Conclusion, si la résolution de votre écran est trop faible et que vous avez beaucoup de boutons dans la barre de Tiny MCE, vous risquez de voir votre zone d’écriture empiéter sur le menu de droite. Supprimez des boutons et ça ira beaucoup mieux.

Voilà, depuis ce midi je suis passé à la version de WordPress 2.6.2 qui apporte des correctifs de sécurité important et qui était très fortement recommandée.

Ça c’est fait.

Par contre, j’ai eu un petit problème avec mon plugin d’upgrade automatique WPAU. L’upgrade plantait lorsque je voulais sauvegarder toutes les bases de données présentes sur le blog. En ne sauvegardant que celles proposées par défaut, le passage à la 2.6.2 s’est fait sans problème. Bizarre.

Si vous rencontrez des problèmes de navigation sur le blog, n’hésitez pas à m’en faire part.

Bonne journée à tous.