Archives du mot-clé thème

Frameworks de thèmes pour WordPress

Bon, on recommence.

À peine ai-je découvert Sandbox et commencé à travailler dessus que je me rends compte que je suis en 2008. Et qu’en 2009, les theme framework ont beaucoup évolué.

J’ai donc beaucoup cherché et hésité. La liste ci-dessous est le résultat de mes recherches.

  1. Première génération : K2. Il introduit l’idée de « super-thème » (advanced template) et de thèmes enfant (styles). Il n’a pas été suivi (il continue à être développé, mais il n’attire pas les foules ou les inspirations).
  2. Deuxième génération : Sandbox. Il devient la base de nombreux développements et, en fait, est le père de (presque  ?) tous les frameworks de thème actuels. Peut-être doit-il son succès à son dépouillement, qui incite justement à regarder le framework comme un framework, et non comme un thème avec des fonctions en plus.
  3. Troisième génération : Carrington (le plus puissant apparemment, il lorgne clairement sur le CMS, Hybrid, Thematic, Vanilla (mon préféré sur le papier), WP Framework, et plein d’autres. Le terme styles de K2 est désormais appelé thèmes enfant (child themes)
  4. Quatrième génération : The Future of WordPress Themes 2009.

J’ai hésité à installer Vanilla, qui me semble le plus intéressant (tout comme le logiciel de forum éponyme), mais il n’est pas finalisé. Je souhaitai aussi utiliser Carrington/JAM (une version dépouillée et améliorée de Carrington/Blog), mais elle était vraiment trop barebones pour moi (même le PHP ne marche pas en l’état).

Donc, je pars de Carrington/Blog et je virerais la CSS.

flattr this!

Thème from scratch, partie 2

Après le choix du thème et la rinitialisation des CSS, passons à la traduction du thème. Fort heureusement, ce thème est par pour l’internationalisation (le dveloppeur a bien fait son travail).

Je suis donc les instructions de traduction et tlcharge poEdit (c’est très mal expliqu : on a l’impression qu’il faut installer gettext pour DarwinPort, alors que non).

  1. Tlchargement de poEdit
  2. Rapatriement en local du thème sandbox
  3. Fichier/Nouveau catalogue depuis un fichier POT (sandbox/translation/sandbox.pot). Ne vous inquitez pas pour le message d’erreur.
  4. Remplir les informations dans le premier onglet (sauf les formes plurielles, car je ne suis pas sûr de ce qu’il faut rentrer). Pour le second, il vous faut rentrer à la main le chemin, car le binaire n’a pas de bouton Parcourir (perso, je passe par un glisser-dposer sur le Terminal — /Users/david/Desktop/sandbox/). Dans le troisième, je mets comme mot cl ngettext.
  5. Traduisez-moi tout ç. Beaucoup de texte sera en doublon d’un WordPress de base, je trouve ç dommage.
  6. Enregistrez, copiez-coller fr_FR.mo et fr_FR.po dans /wp-content/themes/sandbox/translation/ (fr_FR.po est facultatif, surtout si vous utilisez poEdit — c’est la version lisible à la main du fichier .mo. Mais si un jour vous avez envie de traduire rapidement une nouvelle chaine, vous serez content de l’avoir sous la main)

Si vous avez des problèmes avec poEdit (ce fut mon cas), vous pouvez, une fois que vous avez pris le coup, ouvrir votre fichier .po, l’diter à la main (chercher msgstr "") et ensuite seulement l’ouvrir avec poEdit sans rien modifier juste pour qu’il gnère le .mo.

flattr this!

Thème du blog — valeurs générales

Initialement publié le 4 octobre 2006 à 10h44
 body { /* pour avoir un peu de marge dans le contraste, si nécessaire */
 background:rgb(250,250,250)
 color:rgb(5,5,5);
 /* Chiffres elzéviriens sur Lac et Windows. Chercher pour Linux */
 font-family:Hoefler Text, Georgia, serif; /* aérer le texte. OK avec Hoefler et Monaco, voir avec les autres (Georgia, Courier New, Linux) */;
 /* !!! vérifier ce que line-height à 1.5em donne avec Hoefler. En monaco, c’est mieux que 1.6em !!! */;
 line-height:1.6em max-width:49em /* « L’idal tourne entre 50 et 80 carac. par ligne » (50+80)2=65 65 carac. 98ex 49em http://david.latapie.name/blog/1146-l-illusion-de-la-taille-de-fenetre */ }

flattr this!

Thème from scratch (2)

J’ai décidé de faire les choses bien — ma tentative sur mon ancien Gandiblog étant trop extrême, j’ai cette fois fais autrement. D’abord, ce n’est plus sur Dotclear mais sur WordPress. Ceci ne devrait pas impacter cependant (en fait, Dotclear est meilleur que WordPress au niveau de la qualit sémantique des thèmes, me semble-t-il — ce n’est pas un problème lié au logiciel, mais à la qualité des produits conçus par les thémeurs) Ensuite, je ne suis pas parti de zéro, je suis parti d’un framework de thème (theme framework), c’est-à-dire un « pré-thème », un thème sans CSS (donc, le contraire d’une skin). J’avais initialement choisi Sandbox, mais j’ai appris qu’il était mort et qu’il a plusieurs successeurs. Et choisir la base n’est pas facile… Chacun des trois frameworks de thème utilisent une réinitialisation CSS, donc voici un problème d’évacué. Une fois que j’aurai choisi mon framework, je pourrai passer aux choses sérieuses.

flattr this!

Improving Leopress theme for WordPress

I love the Leopress-fr theme (adapted from Leopress 1.0), but it has several issues, some so fundamental I can neither use it nor bugfix it.
  • background is not fixed. It fixed it (pun intented): html {background:attachment:fixed}
  • I favour justify over left when it comes to text-align. I fixed this too: .post .entry {text-align:justify}
  • not widget-ready. Quite important for me and I don’t have the proficiency to fix it.
  • does not display tags in posts. Very important for me and I don’t have the proficiency to fix it.
  • ignore the a element in post! Fundamental and I don’t know how to fix this.
  • no bullet for bulleted lists. Strange, since the code is there. I have the intuition it comes from the same problem with the lack of anchors. Fundamental and I don’t know how to fix this.
The last twos problem may be related to this theme not being WordPress 2.8-ready. If, by any chance, you have some spare time…

flattr this!

Changement de thème, demande de retours d’expérience

Vous avez remarqué, si vous ne passez pas exclusivement par le fil de syndication, que le thème du blog a changé. J’ai installé Hermione de Kozlika, un thème deux colonnes[1] qui me plaisent bien, surtout pour son nuage de tag littéral (voir le thème pour comprendre). Il est certes un peu tristounet (hiver oblige), mais je vais pas mal le modifier (pour plusieurs raisons).

Ce n’est pas la raison principale de ce billet. La raison principale, c’est que je me suis entretenu il y a quelques jours avec un ami qui utilise le même navigateur que moi (et sur la même plate-forme) et pourtant trouvait mon site peu lisible, et ce, depuis longtemps[2]. Je sais que mon site n’est pas beau, mais j’espérais qu’il soit lisible. Apparemment, l’une des raisons de cette illisibilité serait les polices trop grosses (je considère une bonne chose que la police soit en taille 100%).

Ainsi donc, il semble que mon appréciation esthétique ne fasse pas l’unanimité. Et nous en venons enfin au fait :

J’ai besoin de retours (feedbacks) sur le thème du site. Qu’est-ce qui plait, qu’est-ce qui ne plait pas, que devrais-je ajouter, qu’est-ce que vous n’utilisez jamais ?

Ceci vaut aussi pour les navigateurs texte, les téléphones mobiles, les handicapés divers… En attendant mieux, laissez vos commentaires ici — j’essaierais de tenir la page à jour.

Mise à jour, par ordre chronologique (j’ignore pourquoi, mais custom.css est totalement ignoré). Si vous voulez voir le code correspondant à mes mises à jours, voir hermione/style.css. S’il y a de la demande, je ferais des billets sur le pourquoi du comment.

  1. Code pour le bloc AdSense en haut de page (écrit en dur sur presque toutes les pages, puisqu’on ne peut pas mettre de widget hors de la barre d’outils). C’est deux lignes, mais je vous assure que ça ne rend pas compte du travail effectué :-)
  2. Remis var, q, blockquote et les définitions en lignes (les deux derniers sont assez gros)
  3. J’avais oublié la clé à molette dans le moteur :embarassé:. Les commentaires  sont réactivés.

  1. Je ne veux pas de thème une colonne, même si FreshyOne est autrement tentant, et j’hésite sur un thème trois colonnes.
  2. Accessoirement, si vous connaissez un greffon Dotclear 2 pour afficher les derniers commentaires…Merci Arnaud de m’avoir rappelé le widget par défaut :embarassé:

flattr this!