Très cher Franck,
Nous voici tous les deux bientôt arrivés au bout de ce projet commun. J’ai vu toutes les merveilles que tu avais mises en place pour faciliter la vie des utilisateurs, qui en seront, j’en suis sûre, aussi ravis que moi.
Quant à moi, j’ai fini de traiter tous les contextes, il ne restera plus qu’à m’occuper de la compatibilité avec Internet Explorer (j’avoue envisager cette étape comme un pensum) et de débusquer les bugs que j’ai pu laisser passer.
Un logo
J’hésite à rendre ce point configurable. J’ai ajouté un logo (fichier top.html
). Pour peu que la hauteur de l’image soit inférieure à 70px, l’utilisateur peut tout simplement remplacer logo.png (dans le répertoire img du thème) par l’image de leur choix en la nommant de la même façon. Si l’image est plus haute, ça fera plus moche mais ça marchera aussi ;-)
J’ai utilisé ici la petite feuille fétiche du logo de Dotclear à laquelle j’ai ajouté une ombre.
Fin des templates
Il me restait à reprendre les templates présentant le billet ou page seul(e), celui des tags, d’un tag, de la page 404… Au bout du compte, la liste des fichiers présents dans le répertoire tpl
s’est allongée par rapport au nombre de templates de l’actuel thème par défaut mais je pense néanmoins que leur manipulation a été simplifiée et que si ce thème devient un jour celui par défaut cela facilitera le travail des thémeux et plugineurs.
Contextes « billet seul »
Pour les contextes en solo, sur le même principe que les billets en liste j’ai créé un gabarit (_simple-entry.html
) que je place en include dans post.html
et page.html
.
Je souhaite attirer ton attention sur trois nouveautés :
- Contrairement à l’actuel thème par défaut, je ne procède à aucune distinction entre billet et page quant à la présentation (notamment le placement des informations de date, auteur…).
- Les commentaires et les trackbacks ne sont plus séparés et ceci pour deux raisons : d’une part le trackback ne se pratique plus guère et ça encombrait inutilement à mon sens, d’autre part je trouve plus cohérent de pouvoir voir les trackbacks effectués dans le fil chronologique de toutes les réactions. Dans Ductile, ils restent distingués visuellement par une icône différente (et la class css est maintenue dans les templates).
- Au sujet des commentaires et trackbacks, le thème par défaut les organise via une liste de définition, ce qui n’est pas très heureux sur le plan sémantique. J’ai donc modifié la structure pour les placer dans une liste non ordonnée.
404, tag, tags…
Rien de bouleversant pour ces pages si ce n’est que j’ai un peu complété la 404 qui me semblait bien nue.
La suite ?
La suite c’est que notre chef vénéré a proposé d’inclure Ductile dans la livraison de la future 2.4 de Dotclear qui sortira dans l’été s’il est prêt à ce moment-là. Il va donc falloir le tester à fond : manquerait plus que Dotclear faillisse à sa réputation de robustesse et de fiabilité !!!
Je lance donc un appel à tous pour que vous installiez le thème (en pièce jointe) sur votre blog ou un blog de test et que vous fassiez remonter ici dans les commentaires toutes les anomalies que vous rencontrez et toutes vos suggestions d’amélioration. Ne tenez pas compte d’Internet Explorer pour le moment, je ne m’en suis pas encore occupée, c’est la dernière étape de mon planning type.
Nous n’en sommes pas encore à la conclusion finale mais je voudrais te remercier pour cette très agréable collaboration, je me demande si nous ne pourrions pas envisager d’autres projets communs ?
En attendant tes remarques et celles d nos visiteurs, je t’envoie de bons baisers pluvieux de Paris !
38 réactions
1 De brol - 22/07/2011, 11:54
Me semble que le style #sidebar .category-current n’est pas renseigné et il y a aussi ceci : http://validator.w3.org/check?verbo…
J’observe un léger décalage dans le textarea de commentaire : le premier mot semble décalé à gauche d’un ou deux pixels.
2 De brol - 22/07/2011, 11:55
Re… La localisation n’est pas faite ? “From brol” ?
3 De annso - 22/07/2011, 12:37
C’est super chouette tout ça, surtout la partie admin !
La seule remarque que j’ai pour le moment, c’est que sur mobile, il faudrait réduire le padding des listes : 20 (ou 40, je ne sais plus) px, c’est énorme sur un petit écran !
4 De Kozlika - 22/07/2011, 13:05
Brol > pour l’erreur de validation c’est la même origine que celle signalée dans un billet précédent : j’ai oublié de réadapter les balises templates dans le footer, ça va être fait à la prochaine livraison.
Pour les pixels de décalage, j’ai vu ça et oublié de m’en occuper, merci de me l’avoir rappelé !
Je vais styler category-current.
annso > OK, je note ça aussi dans mes devoirs du soir :-)
5 De Kozlika - 22/07/2011, 13:05
Ah et pour la localisation, c’est fait… mais çuilà m’a échappé !
6 De lipki - 22/07/2011, 15:33
Ah, si vous pouviez communiquer autant pour les futurs évolution de Dotclear, ce serais vraiment excellent.
Parce-que c’est une super façon de partager nos connaissance mutuel :)
7 De Kozlika - 22/07/2011, 16:22
Il y a une liste dev publique d’inscription libre, lipki, qui peut même être lue sur l’interweb par tous, tu n’es pas abonné ? Il me semble qu’on avait fait passer l’info sur la liste lab.
8 De lipki - 22/07/2011, 16:58
Je suis abonné, mais ça ma l’air plus obscure.
9 De Kozlika - 23/07/2011, 15:04
Thème corrigé en pièce jointe. Vous nous dites ?
10 De Jean-Michel - 23/07/2011, 18:14
Je viens de le mettre à jour sur mon blog demo (http://www.atelierdethemes.com/demo…).
Voici mon retour en tant que testeur essayant de se mettre à la place d’un utilisateur novice. Donc à vous de juger si mes remarques sont pertinentes. Les - sont des bugs et les + sont des questionnements (et ++ signifie que ça mérite une attention)
# tous modes confondus :
+ Il serait bon de prévoir des règles CSS spécifiques pour les margin appliqués à des élements comme h3/h4/h5/ol/li suivi d’autres. (j’ai personnellement pas encore calé ma formule sur le sujet)
+ Il n’y a pas vraiment de différence entre les h3/h4/h5. C’est assez subtil.
# tous modes “list”
+ Pourquoi l’image contenu dans le billet apparait de façon aléatoire ? (les images sont bien dans le champ “Contenu”) Je trouve cela très désagréable.
# mode/url ARCHIVE :
- “By date” au lieu de “Par date”
- “De” est bien traduit mais “to” est toujours présent au lieu de “à” ou “jusqu’à”
+ Est-ce normal d’avoir une colonne vide (Par catégorie ? par tag ? … ?)
# mode/url POST :
- “Réactions” reste avec un S même quand il y en a qu’une seule.
+ Je trouve déroutant de mettre en doublon les liens “billets suivants” + “billets précédents”.
+ Est-ce mes yeux ou y’a un “méchant” dégradé pour la prévisualisation des commentaires ?
# sidebar + widget categories
+ Quand je sélectionne une catégorie mère, le .current (style bold) s’applique aussi aux enfants. Alors que si je clique sur l’enfant, ses frères & sœurs et ses parents ne sont pas impactés.
# configurateur
++ Pardon d’avance mais j’ai un soucis de compréhension avec vos intitulés d’onglets et de certains items. Pour moi le premier onglet, ce sont des réglages de présentation du blog puis en second, celui du contenu.
# configurateur // onglet “Contenu”
+ N’y a-t-il pas des résidus Étiquettes (pied de page) et Listes de billets
+ étiquettes // comment puis je faire si j’ai envie de mettre une image différente ? pour mon compte Twitter, Facebook, Flirck,…
+ étiquettes // Utiliser le mot Intitulé serait sans doute + pertinent que Label réservé à un vocable d’utilisateurs expérimentés.
# configurateur // onglet “Présentation”
+ Ne serait-ce pas + pertinent de faire une colonne “Paramètres généraux” et “Paramètres pour les mobiles” ? (ce dernier se trouve bien caché)
+ Liens dans les billets // Liens dans les billets veut sans doute dire Liens dans le contenu du billet ?
+ Liens dans les billets // Je trouve que le vocabulaire utilisé est trop technique pour un novice pour les intitulés des items Couleur des liens normaux et visités et Couleur des liens actifs, survolés et ayant le focus :
11 De Kozlika - 23/07/2011, 18:51
Merci pour ce retour très complet, Jean-Michel ! (Tu n’as pas joué avec ta démo, je vois, ni menu ni autres stickers ?).
Je réponds point par point :
Merci encore tout plein d’avoir pris la peine d’aller examiner les recoins de Ductile :-)
12 De Jean-Michel - 23/07/2011, 19:21
Merci d’avoir pris le temps de me répondre. Concernant nos gentilles divergences sur certains vocables (à noter que la question n’est jamais évidente), laissons les premiers retours d’utilisateurs décidaient ;-)
13 De Kozlika - 23/07/2011, 19:41
Ah ok pour les margin. Lesquelles te gênent ? Je l’ai fait pour les listes imbriquées, mais là rien ne me dérange pour l’instant en tout cas. Tu as un exemple dans ce blog à m’indiquer ?
Pour le résidu il s’agit donc bien des titres de tableau, ça sera géré quand Ductile sera mergé dans la branche 2.4 de Dotclear en principe.
Pour la catégorie courante, ce qui se passe c’est que category-current est appliqué à l’item (donc à sa sous-liste). Honnêtement, même dans le cas où les billets des sous-catégories eux mêmes ne sont pas affichés, ça me semble justifié puisque ça correspond bien à ce qu’est la page affichée. Non ?
Aide contextuelle > à voir dans la prochaine version, plus la css pour ie, plus quelques modifs sur les titres pour tenir compte de tes remarques, plus les trad manquantes.
14 De Franck - 23/07/2011, 19:43
En ce qui concerne l’aide contextuelle ça ne sera visible qu’avec la future version 2.4 de Dotclear, j’ai fait le nécessaire pour faire en sorte qu’elle soit affichée si elle a été prévue par le thème.
Pour les détails techniques se référer au ticket #1261 du développement.
15 De Jean-Michel - 23/07/2011, 20:14
Kozlika > Pour les margin, je compte dès que j’arrive à me poser vraiment, à écrire et faire un billet sur un réglage commun.
Franck > Okay, si vous me dites que c’est normal ;-)
Je me suis questionné sur certaines choses mais cela n’enlève en rien à tout le travail que vous avez fait ;-) Félicitations !
16 De Kozlika - 24/07/2011, 10:59
Jean-Michel, pour contourner le cut_string des formats “short” des billets en liste, j’ai utilisé la balise entryfirstimage en icône des billets. Tu me diras si ça te plaît mieux ? (version 0.9 à télécharger dans le billet d’aujourd’hui)
17 De Jean-Michel - 24/07/2011, 11:15
Je viens de faire la MAJ sur mon blog démo.
Hier, j’ai rien configuré côté admin. Mais je pense que tant qu’on a pas toucher “Titre - Complet - Court” une première fois, cela garde le comportement de base des thèmes par défault. C’est ce que je commence à comprendre aujourd’hui.
Je retourne sur mon projet perso ;)
18 De brol - 24/07/2011, 12:01
Bonjour,
D’après ce que me crache ietester (peut-être à prendre avec des pincettes), IE7 :
Petites bizarreries :
Bon, si tu veux un screen d’ie7 (par ietester je précise bien), tu dis par mel.
Merci.
19 De Kozlika - 24/07/2011, 12:31
Brol > pour ietester, le truc c’est que Browsershot me renvoie un screenshot impec. Du coup je vais attendre d’avoir des retours de personnes naviguant rééllement avec.
Je regarde pour le reste. Merci pour tes tests !
20 De brol - 24/07/2011, 14:19
C’est bien pour ça que j’avais précisé “avec des pincettes” ;-)
21 De Kozlika - 24/07/2011, 14:49
Je l’avais bien compris ainsi !
Pour la deuxième partie de ton commentaire, on vient de regarder Franck et moi et c’est donc des soucis de la distrib de Dotclear non spécifiques à Ductile. On va voir si on peut prendre en compte ces remarques pour la version 2.4 Dotclear qui sortira dans l’été.
22 De brol - 24/07/2011, 16:43
Tu veux que je crée les tickets correspondants ? Comme je viens de rapporter un truc particulièrement trivial, je peux continuer sur ma lancée…
23 De Kozlika - 24/07/2011, 19:22
Wé, go, go!
24 De brol - 25/07/2011, 01:03
La version de dotclear utilisée sur le présent blog est la ???
J’en ai besoin pour la création des tickets (à faire sur dev.dotclear.org ?).
Merci.
25 De Kozlika - 25/07/2011, 08:56
Tu peux indiquer 2.3 (en réalité c’est comme ça depuis un bon bail, mais 2.3 sera très bien). Et oui, sur dev.dc.org Merci !
26 De brol - 25/07/2011, 13:32
Pour le libellé “Mots clés”, ça ne le fait pas chez moi avec le thème par défaut (dc 2.3.1). Je n’ai rien vu dans la localisation de ductile à ce propos, du coup, ça ne viendrait pas d’un plugin que vous avez sur cette install ? C’est une version de dev ?
27 De brol - 25/07/2011, 17:46
Me semble que le code de l’admin du thème n’est pas valide, mais comme j’ai enquiquiné Franck aujourd’hui on va faire comme si je n’avais rien dit ;-)
C’est pas un peu étrange de proposer du gras/non gras pour les titres des blog/billets et que dans le même temps l’italique soit en dur dans la css ?
Sinon, je rajouterai bien ceci dans la css :
#sidebar .text img {max-width:224px;margin-top:3px;}
Pb de traduction dans la page archive.html :
-> De 21 mars 2006 à 08 juin 2011 ?
Pas plutôt :
-> Du 21 mars 2006 au 08 juin 2011 ?
Sinon, j’ai peut-être trouvé un utilisateur sous ie7…
28 De brol - 25/07/2011, 18:27
Tiens, les styles de la sidebar de la page archive ne correspondent pas à ceux des autres pages et la boîte de recherche est scotchée obligatoirement en haut de liste…
La piste de ie7 s’effondre.
29 De Kozlika - 25/07/2011, 18:56
Salut Brol !
On va regarder pour la validité du thème de l’admin quand on aura fini les ajustements. Je t’explique : on bosse les uns et les autres avec des 2.3 mais ce thème sera proposé avec la 2.4 et j’ai apporté pas mal de modifs dessus. Je préfère donc attendre que la « branche » Ductile soit fondue avec la 2.4 pour revenir sur le code et/ou les css de cette page d’admin.
Gras/non gras versus pas d’ital/romain, tu as sûrement raison, je reconnais ma subjectivité ! :-P Je note ta proposition toutefois, des fois que je perdrais de ma rigidité sur ce point ;-)
Pour ta proposition d’ajout dans la css pour restreindre la largeur de l’image, la piste est bonne mais la proposition pas tout à fait exacte : le sidebar a une largeur en em. Je vais adapter cette très bonne suggestion.
Pour la traduc de la page d’archive, tu n’as pas tort, faut que je trouve une solution (“From” est employé aussi dans les infos de commentaire et là il faut bien “De”).
Pour ie7 tant pis. Parmi les bêta testeurs quand la 2.4 sera mise à l’essai il y en aura bien un (?). Espérons.
Pour l’aspect différent du “sidebar” sur la page d’archive c’est tout à fait délibéré : on n’a justement pas un vrai sidebar à cet endroit, seulement la recherche et le bandeau d’extra. Une présentation différente permet de se dire qu’on ne doit pas s’attendre au sidebar “courant” – lequel comporte des infos déjà présentes dans la page comme la liste des catégories et des tags. Tu vois l’idée ?
Quant au placement de la boîte de recherche c’est son placement à chaque fois que ce widget figure en premier lieu de la blognav.
30 De Kozlika - 25/07/2011, 21:58
Kozlika au rapport !
images dans le sidebar :
Dates début/fin des archives :
Tour de passe-passe avec une fausse chaîne
{{tpl:lang FromDate}}
31 De brol - 26/07/2011, 01:49
Concernant la validité du thème, tu sais que c’est ma rigidité… Je le signalais juste parce que ça me saute au pif ;-)
Italique, mon “idée” était de le proposer dans l’admin au même titre que le gras.
Dans le même genre que pour #sidebar img, ça pourrait valoir le coup de faire la même chose pour une image se trouvant dans le champ description de la catégorie ainsi que pour .post-content img, .post-excerpt img. Un avis ?
Sinon, en testant sous Chrome, m’est arrivé un drôle de truc que je ne parviens pas à reproduire : devant les h2 de chaque widget, il y avait un “+” afin de déplier le contenu du widget…
J’ai rêvé ?
Un internement en HP s’impose ?
Je dois m’inquiéter ?
++
32 De Kozlika - 26/07/2011, 14:35
J’ai bien compris ton idée de proposer l’ital ou non dans le configurateur, mais je l’aime vraiment bien en ital et j’ai pas encore assez lâché prise :-)
J’avais pensé aussi limiter à 100% les images partout mais mon voisin de canapé m’a dit qu’il postait parfois des photos panoramiques et qu’il tenait à conserver le scroll… Faut voir.
Pour le comportement dont tu parles sur les h2 du sidebar, il n’est pas spécifique à Chrome et tu peux le reproduire : il te suffit de réduire ta fenêtre, de recharger la page, puis de l’agrandir à nouveau : tant que tu n’auras pas rechargé la page, le js de masquage sera encore actif :)
33 De brol - 26/07/2011, 14:55
Pas compris ton histoire de scroll sur les images.
34 De Pierre - 28/07/2011, 08:59
Une petite remarque sur la mise en page des commentaires tel qu’ils apparaissent sur iPhone.
Le texte ne prend que la moitié droite de l’ecran car les éléments de titre (nom de celui qui commente et date) sont coincé en haut à gauche.
Il faudrait peut être les superposer afin que le texte du commentaire puisse prendre toute la largeur de l’écran.
En tout cas super initiative et bonne continuation !
Pierre
P.S.: lorsque que le commentaire dépasse la taille par défaut du textarea il n’est pas possible de faire défiler le texte (lors de la saisie sur iPhone) est-ce un bug ?
35 De Kozlika - 28/07/2011, 12:27
Yep Pierre, tu as raison, je vais annuler le float sur écran < 480px.
Pour le textarea toussa, joker ! faut que je regarde de plus près. Merci pour le signalement - et merci pour les tests !
36 De Kozlika - 28/07/2011, 19:44
Affichage des commentaires sur mobile : done. A voir ici même dans pas longtemps quand on aura fait la synchro.
Scrolling : problème apparemment connu. C’est bien ça ?
37 De brol - 31/07/2011, 15:28
Coucou,
Un petit pb d’affichage dans la liste des billets lorsque le texte est plus court que la hauteur d’une image flottante, exemple ici avec le billet “Cuisine américaine” (http://on.bricole.avec.deuxmainsgau…).
Décidément, j’ai de bien saines lectures…
38 De Kozlika - 31/07/2011, 17:30
Yep, il faut ajouter ce groupe de lignes dans la section 12 de la CSS :
C’est commité mais pas encore dans l’archive.