Après Rose_candy (alpha) je vous présente mon deuxième thème du week-end. Voici donc Æpsilon v.442.

Le registre est vraiment different de l’autre, ce thème est plus serieux, plus mature. J’ai vraiment bossé a fond le css pour pouvoir en dépendre a quasiment 100%. Voilà c’est tout… ah et oui peut être une image. Je vous laisse savourer.

Il reste encore pas mal de petits détails à régler, mais le style général est là. Ce n’est que la version 442 (note à mes lecteurs, qui a dit que la version 1 était la première?) , la version finale n’est pas celle çi mais elle approche ;-) Laissez moi vos impressions !

Ah et j’allais oublier, je l’ai uploadé sur mon ftp temporaire ici. Vous pouvez donc vous ballader dans ces belles pages.

Bonsoir à tous,

J’ai profité de mon samedi pour developper un thème wordpress, basé sur le célebrissime thème K2.

Ce n’est que la version alpha. Il reste encore beaucoup de choses à modifier ;-) Mais j’aimerais vos avis (argumentez si possible!).

Ce thème représente à la fois la culture trash et la joie de vivre, par ses couleurs et par les polices utilisées pour le header. Le nom “de travail” est rose_candy, et le (peut être) nom de mon futur blog basé dessus sera “meurs avant-hier”. C’est toujours à réfléchir ;)

Vous remarquerez que le fond est celui de yazerty.net en plus foncé. D’après Luc il y aurait pas mal d’éléments à revoir.

• Alerte à la surchauffe informatique.
• Attrape nigaud (ne cliquez pas ici, je vous aurais prévenu ;-).
• Un thème Twitter pour WordPress : twitterisez votre WordPress :o. Via.
• “Better faster stronger” des Daft Punk à la sauce hip-hop (hum :-/).
• Le buzz du moment : Miniville (je soutiens Paris ^^). Merci à Audrey pour ce lien d’intense réflexion ;-) !

On peut maintenant afficher son avatar dans les commentaires de Yazerty.Net :-) !!

• Qu’est-ce qu’un avatar ?

Un avatar est une petite image que vous choisissez et qui apparaît dans votre commentaire.

• Je n’ai pas d’avatar, est-ce grave :P ?

Avoir un avatar n’est heureusement pas nécessaire pour poster un commentaire sur Yazerty.Net ;-). C’est simplement un petit plus visuel…

• Que dois-je faire pour avoir un avatar ?

Pour avoir un avatar qui s’affiche dans vos commentaires sur Yazerty.Net il faut vous enregistrer sur MyBlogLog. Oui c’est en anglais, mais c’est relativement simple; si vous avez un problème de compréhension n’hésitez pas à demander en commentaire de cet article ;-). La création d’un compte prend moins de 2 minutes. A la suite de la création d’un compte vous pourrez ajouter votre avatar personnel dans votre profil sur MyBlogLog.

En étant inscrit sur MyBlogLog votre avatar sera aussi affiché dans le menu de Yazerty.Net dans les “lecteurs récents” à chaque fois que vous venez faire un petit coucou à Yazerty.Net :).

• Et ensuite, je poste mon commentaire ?

Lorsque vous postez un commentaire sur Yazerty.Net remplissez le champ “email” avec l’email que vous avez donnée lors de votre inscription sur MyBlogLog. C’est cette email qui permettra au système de vous reconnaître et ainsi d’afficher votre avatar. Si vous avez enregistré votre site dans MyBlogLog, remplissez également le champ “url” du formulaire de commentaire avec l’adresse de votre site.

• Mon email va-t-elle apparaître en clair ? Y a-t-il un risque de spam ?

Jamais votre email ne sera affichée sur le site ou dans l’adresse de l’image. Aucun robot collecteur d’adresse email à spammer ne pourra détecter votre email sur Yazerty.Net :-) !

• J’ai changé mon avatar mais c’est toujours mon ancien avatar qui s’affiche sur Yazerty.Net. Pourquoi ? Est-ce normal ?

C’est tout à fait normal. Le système d’avatars de Yazerty.Net dispose en effet d’un système de cache qui permet de sauvegarder les avatars sur le serveur de Yazerty.Net. Cela permet de ne pas afficher l’email en clair, et d’accélérer l’affichage des images à l’ouverture d’une page (les services d’avatars peuvent parfois être un peu lents). Le cache est actuellement réglé sur 7 jours. Cela signifie que votre ancien avatar devrait être remplacé par le nouveau en moins de 7 jours…

• Ca ne marche pas. Que faire ?

Poster un commentaire ci-dessous en détaillant votre situation, ce que vous avez fait :)…

Durant la migration de DotClear 2 à Wordpress 2, les adresses de toutes les pages de Yazerty.Net ont été modifiées. Or dans mes billets j’avais fait des liens vers d’autres billets de Yazerty.Net. Ces liens étaient donc tous morts suite au passage de DC2 à WP 2. Je les ai tous refait à la main.

J’en ai profité pour mettre des tags sur l’intégralité des articles antérieurs à septembre 2006, période à partir de laquelle sont apparus les tags sur Yazerty.Net. Cela a d’ailleurs fait évolué un peu l’aspect du tas de clous ^^.

Concrètement tout ça ne se voit pas, c’est une simple question de “maintenance”… Mais cela m’a pris du temps, beaucoup (2300 articles à traiter…). Ces choses bidules trucs de migration semblent maintenant être terminées. Je préfère ne pas l’affirmer dès à présent, il reste peut-être encore quelques trucs que je ne vois pas pour le moment, sans doute minimes… J’espère ;-) !!

TO DO list :

• page de contact.
• réduction des url dans les commentaires.
• prévisualisation des commentaires (option).

Cela a mis du temps, mais j’ai presque terminé la remise en place du thème de Yazerty.Net suite à mon import/export de DotClear 2 à WordPress :-) ! Encore quelques détails par ci par là peut-être…

J’en ai profité pour légèrement remanier le menu de droite et surtout pour alléger autant que faire se peut mon fichier css. Il passe de 16ko à 9ko, soit un régime de 44% grâce à des petites choses mieux gérées. C’est certes très relatif comparé au poids total de la page d’accueil (plusieurs dizaines de ko), mais j’aime voir ce genre de petites choses indispensables bien optimisées.

Dans le même ordre d’idée j’ai finalement enlevé le petit pouich qui permettait de faire varier la tailler de la boîte du commentaire. Ca faisait appel à 2 fichiers javascript d’une centaine de ko en tout. Le css et les javascripts ne sont certes téléchargés qu’une fois par visite d’un site (le browser reprend ceux qu’il a mis en cache pour les pages suivantes), mah l’utilité relative de la chose ne compensait pas le surpoids de 100ko lors du chargement de la première page visitée…

Le tout est bien sûr valide XHTML 1.0 Transitional, après quelques petites complication au niveau du menu ^^.

Je suis toujours autant embêté par mon feed RSS. J’aimerais bien avoir quelques stats sur son utilisation mais le seul service qui permet d’obtenir cela est FeedBurner. Or utiliser FeedBurner cela veut dire que l’url du flux changera de http://www.yazerty.net/feed à http://feeds.feedburner.com/yazerty . Et après me direz-vous ? Et bien cela me gêne un peu de dépendre d’un service externe pour la distribution de mon flux RSS. C’est sans doute idiot… Je ne sais pas, je vais sans doute attendre de voir ce que donnera le rachat de FeedBurner par Google (actuellement en cours), voir si Google ne l’intègre pas de manière plus transparente (je doute que cela soit possible malheureusement), et continuer à prospecter les avis sur la question…

Dans un précédent article, je vous annonçais un “grand” changement pour Yazerty.Net : la migration de DotClear 2 à Wordpress 2. Quelques jours plus tard voici un petit compte rendu de cette migration… Ca n’a pas un immense intérêt pour la plupart, mais cela pourra peut-être servir à ceux qui auraient envie de migrer un jour, qui sait…

• Sauvegarder l’intégralité du blog. Comme tout le monde très régulièrement régulièrement (n’est-ce pas ;-) ?) il est absolument indispensable de faire une sauvegarde complète de tous ses fichiers stockés sur son FTP ainsi que de toute la base de données.
• Exporter une sauvegarde de son blog DotClear. Il faut pour cela se rendre dans l’administration de DotClear : Import/Export -> Exporter -> Exporter tout. Il faut vérifier le fichier de backup ainsi obtenu. Pour cela il suffit d’ouvrir le fichier dans un éditeur texte (Wordpad, Notepad++, Jedit, …). A la fin du fichier il ne doit y avoir aucun message d’erreur suspect. Il se peut en effet que le fichier de backup ainsi téléchargé ne soit pas complet si le blog est gros (plus de 2000 billets disons). Personnellement j’ai eu plusieurs échec à cause d’une connexion internet trop lente, le téléchargement ne se faisait pas assez rapidement et le serveur coupait l’exécution du script avant le terme de son exécution normale. En coupant la télé par adsl ça a finalement fonctionné.
• Prévenir ses lecteurs rss. Certaines personnes ne viennent plus sur votre site, elles ne lisent votre site que par le biais de son flux rss. Si vous décidez de passer sur un autre outil de blog, l’adresse du flux rss changera. Il est donc impératif de prévenir vos lecteurs de cette modification à venir. Il est bien sûr possible de créer une redirection dans un .htaccess (ex : Redirect permanent /feed/rss2 http://www.yazerty.net/feed) mais certains outils ne suivent apparemment pas cette redirection (dont Google Reader apparemment - et bizarrement). J’ai omis cette primordiale étape, je m’en mords les doigts.
• Installer Wordpress 2. L’installation de Wordpress 2 est vraiment très intuitive, très facile. En 5 minutes vous aurez télécharger la version française et l’aurez installé sur votre site. Il est préférable de mettre Wordpress dans un dossier (pour les mises à jour principalement), et non pas à la racine. Pour faire comme si Wordpress était à la racine de votre site il existe une astuce très simple à mettre en pratique.

• En cas de tags sous DotClear. Si sous DotClear 2 les billets étaient taggés, il est nécessaire d’installer le plugin Simple Tagging sur Wordpress pour les importer lors de la phase de migration des anciens billets DotClear 2 vers Wordpress 2. Pour installer un plugin sous Wordpress c’est très simple : téléchargement du plugin, upload dans le répertoire /wp-content/plugins/, puis activation du plugin dans l’onglet “Plugins” de l’administration Wordpress.
• Phase d’importation. Ensuite pour importer tous les anciens billet, commentaires et tags de DotClear 2 il faut télécharger le script d’import créé par Albaran et spécialement dédié à cette opération. Celui-ci se trouve sur ce tutorial anglais qui vous expliquera également comment gérer la migration de tous vos chemins d’accès (changer les adresses des images dans tous vos posts par exemple…). Il suffit ensuite d’uploader le script dans /wp-admin/import/et de le lancer en passant par l’administration de Wordpress : Gérer -> Importer -> DotClear flat import.
• Normalement tout est maintenant bien migré :-). Personnellement j’ai du recréer manuellement quelques billets perdus en route (sans erreur indiquée pourtant, les mystères de l’informatique).
• Adaptation du thème. Soit on garde son thème de DotClear et on le bidouille en copiant les balises <?php ?> qui sont dans les fichiers du thème par défaut, soit on prend un autre thème sur le net si on n’est pas très bidouilleur ;-).
• Choix et ajout de plugins. Wordpress manque de certaines choses par défaut étonnamment. Il faut donc se faire une petite sélection de plugins à droite à gauche pour se personnaliser son Wordpress comme on le souhaite :-)…

Pour les plugins Wordpress je ferai un nouveau billet quand j’aurai un peu plus de recul sur ceux-ci…