Archives du mot-clef thème

Frameworks de thèmes pour WordPress

Bon, on recommence.

À peine ai-je décou­vert Sand­box et com­mencé à tra­vailler des­sus que je me rends compte que je suis en 2008. Et qu’en 2009, les theme fra­me­work ont beau­coup évolué.

J’ai donc beau­coup cher­ché et hésité. La liste ci-dessous est le résul­tat de mes recherches.

  1. Pre­mière géné­ra­tion : K2. Il intro­duit l’idée de « super-thème » (advan­ced tem­plate) et de thèmes enfant (styles). Il n’a pas été suivi (il conti­nue à être déve­loppé, mais il n’attire pas les foules ou les inspirations).
  2. Deuxième géné­ra­tion : Sand­box. Il devient la base de nom­breux déve­lop­pe­ments et, en fait, est le père de (presque  ?) tous les fra­me­works de thème actuels. Peut-être doit-il son suc­cès à son dépouille­ment, qui incite jus­te­ment à regar­der le fra­me­work comme un fra­me­work, et non comme un thème avec des fonc­tions en plus.
  3. Troi­sième géné­ra­tion : Car­ring­ton (le plus puis­sant appa­rem­ment, il lorgne clai­re­ment sur le CMS, Hybrid, The­ma­tic, Vanilla (mon pré­féré sur le papier), WP Fra­me­work, et plein d’autres. Le terme styles de K2 est désor­mais appelé thèmes enfant (child themes)
  4. Qua­trième géné­ra­tion : The Future of Word­Press Themes 2009.

J’ai hésité à ins­tal­ler Vanilla, qui me semble le plus inté­res­sant (tout comme le logi­ciel de forum épo­nyme), mais il n’est pas fina­lisé. Je sou­hai­tai aussi uti­li­ser Carrington/JAM (une ver­sion dépouillée et amé­lio­rée de Carrington/Blog), mais elle était vrai­ment trop bare­bones pour moi (même le PHP ne marche pas en l’état).

Donc, je pars de Carrington/Blog et je vire­rais la CSS.

Thème from scratch, partie 2

Après le choix du thème et la rini­tia­li­sa­tion des CSS, pas­sons à la tra­duc­tion du thème. Fort heu­reu­se­ment, ce thème est par pour l’internationalisation (le dve­lop­peur a bien fait son tra­vail).

Je suis donc les ins­truc­tions de tra­duc­tion et tlcharge poE­dit (c’est très mal expliqu : on a l’impression qu’il faut ins­tal­ler get­text pour Dar­win­Port, alors que non).

  1. Tlchar­ge­ment de poEdit
  2. Rapa­trie­ment en local du thème sandbox
  3. Fichier/Nouveau catalogue depuis un fichier POT (sandbox/translation/sandbox.pot). Ne vous inqui­tez pas pour le mes­sage d’erreur.
  4. Rem­plir les infor­ma­tions dans le pre­mier onglet (sauf les formes plu­rielles, car je ne suis pas sûr de ce qu’il faut ren­trer). Pour le second, il vous faut ren­trer à la main le che­min, car le binaire n’a pas de bou­ton Parcourir (perso, je passe par un glisser-dposer sur le Ter­mi­nal — /Users/david/Desktop/sandbox/). Dans le troi­sième, je mets comme mot cl ngettext.
  5. Traduisez-moi tout ç. Beau­coup de texte sera en dou­blon d’un Word­Press de base, je trouve ç dommage.
  6. Enre­gis­trez, copiez-coller fr_FR.mo et fr_FR.po dans /wp-content/themes/sandbox/translation/ (fr_FR.po est facul­ta­tif, sur­tout si vous uti­li­sez poE­dit — c’est la ver­sion lisible à la main du fichier .mo. Mais si un jour vous avez envie de tra­duire rapi­de­ment une nou­velle chaine, vous serez content de l’avoir sous la main)

Si vous avez des pro­blèmes avec poE­dit (ce fut mon cas), vous pou­vez, une fois que vous avez pris le coup, ouvrir votre fichier .po, l’diter à la main (cher­cher msgstr ""») et ensuite seule­ment l’ouvrir avec poE­dit sans rien modi­fier juste pour qu’il gnère le .mo.

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

Ini­tia­le­ment 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 */ }

Thème from scratch (2)

J’ai décidé de faire les choses bien — ma ten­ta­tive sur mon ancien Gan­di­blog étant trop extrême, j’ai cette fois fais autre­ment. D’abord, ce n’est plus sur Dot­clear mais sur Word­Press. Ceci ne devrait pas impac­ter cepen­dant (en fait, Dot­clear est meilleur que Word­Press au niveau de la qua­lit séman­tique des thèmes, me semble-t-il — ce n’est pas un pro­blème lié au logi­ciel, mais à la qua­lité des pro­duits conçus par les thé­meurs) Ensuite, je ne suis pas parti de zéro, je suis parti d’un fra­me­work de thème (theme fra­me­work), c’est-à-dire un « pré-thème », un thème sans CSS (donc, le contraire d’une skin). J’avais ini­tia­le­ment choisi Sand­box, mais j’ai appris qu’il était mort et qu’il a plu­sieurs suc­ces­seurs. Et choi­sir la base n’est pas facile… Cha­cun des trois fra­me­works de thème uti­lisent une réini­tia­li­sa­tion CSS, donc voici un pro­blème d’évacué. Une fois que j’aurai choisi mon fra­me­work, je pour­rai pas­ser aux choses sérieuses.

Improving Leopress theme for WordPress

I love the Leopress-fr theme (adap­ted from Leo­press 1.0), but it has seve­ral issues, some so fun­da­men­tal I can nei­ther use it nor bug­fix it.
  • back­ground is not fixed. It fixed it (pun inten­ted): 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 impor­tant for me and I don’t have the pro­fi­ciency to fix it.
  • does not dis­play tags in posts. Very impor­tant for me and I don’t have the pro­fi­ciency to fix it.
  • ignore the a ele­ment in post! Fun­da­men­tal and I don’t know how to fix this.
  • no bul­let for bul­le­ted lists. Strange, since the code is there. I have the intui­tion it comes from the same pro­blem with the lack of anchors. Fun­da­men­tal and I don’t know how to fix this.
The last twos pro­blem may be rela­ted to this theme not being Word­Press 2.8-ready. If, by any chance, you have some spare time…

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

Vous avez remar­qué, si vous ne pas­sez pas exclu­si­ve­ment par le fil de syn­di­ca­tion, que le thème du blog a changé. J’ai ins­tallé Her­mione de Koz­lika, un thème deux colonnes[1] qui me plaisent bien, sur­tout pour son nuage de tag lit­té­ral (voir le thème pour com­prendre). Il est certes un peu tris­tou­net (hiver oblige), mais je vais pas mal le modi­fier (pour plu­sieurs raisons).

Ce n’est pas la rai­son prin­ci­pale de ce billet. La rai­son prin­ci­pale, c’est que je me suis entre­tenu il y a quelques jours avec un ami qui uti­lise le même navi­ga­teur que moi (et sur la même plate-forme) et pour­tant trou­vait mon site peu lisible, et ce, depuis long­temps[2]. Je sais que mon site n’est pas beau, mais j’espérais qu’il soit lisible. Appa­rem­ment, l’une des rai­sons de cette illi­si­bi­lité serait les polices trop grosses (je consi­dère une bonne chose que la police soit en taille 100%).

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

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

Ceci vaut aussi pour les navi­ga­teurs texte, les télé­phones mobiles, les han­di­ca­pés divers… En atten­dant mieux, lais­sez vos com­men­taires ici — j’essaierais de tenir la page à jour.

Mise à jour, par ordre chro­no­lo­gique (j’ignore pour­quoi, mais custom.css est tota­le­ment ignoré). Si vous vou­lez voir le code cor­res­pon­dant à mes mises à jours, voir hermione/style.css. S’il y a de la demande, je ferais des billets sur le pour­quoi 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 wid­get hors de la barre d’outils). C’est deux lignes, mais je vous assure que ça ne rend pas compte du tra­vail effec­tué :-)
  2. Remis var, q, blockquote et les défi­ni­tions en lignes (les deux der­niers sont assez gros)
  3. J’avais oublié la clé à molette dans le moteur :emba­rassé:. Les com­men­taires  sont réactivés.

  1. Je ne veux pas de thème une colonne, même si Fre­shyOne est autre­ment ten­tant, et j’hésite sur un thème trois colonnes.
  2. Acces­soi­re­ment, si vous connais­sez un gref­fon Dot­clear 2 pour affi­cher les der­niers com­men­taires…Merci Arnaud de m’avoir rap­pelé le wid­get par défaut :embarassé: