Très chère équipière,
Plus la construction avance plus je suis impatient d’en voir la version finale, bien que je sache qu’il y a encore un peu de chemin à faire. Cela dit, j’ai un peu avancé de mon côté et ma « tout doux » liste se réduit peu à peu. Cependant j’ai sur mon chemin rencontré quelques écueils dont je voulais t’entretenir.
Mais avant d’en parler laisse-moi te dire où j’en suis à ce jour.
Premièrement j’ai, je pense, terminé la partie purement décorative du configurateur. Nous pouvons désormais changer les deux polices de caractères utilisées, les attributs (taille, couleur et graisse) du titre du blog et des titres des billets, ainsi que les attributs particuliers des liens présents dans les billets.
De plus, nous avons maintenant la possibilité de faire des choix différents en ce qui concerne les titres (blog et billet) pour la version mobile, je fais bien évidemment référence à l’un des seuils que tu as utilisés pour les media-queries de tes CSS, celui utilisé pour déterminer un affichage sur un mobile (ou très petit écran). À ce sujet j’ai découvert qu’avec Firefox — mais probablement aussi avec les autres navigateurs — il suffisait de zoomer plusieurs fois pour se retrouver dans ce contexte, ce qui est très pratique pour tester.
Je te propose d’observer un extrait de cette page de configuration :
Vois-tu comme moi ce que je vois ? Eh bien oui, il y a un léger problème et c’est le premier écueil que je rencontre. C’est assez subtil parce cette position malencontreuse des pipettes qui permettent d’afficher le sélecteur de couleur n’est pas du tout judicieuse, et que ce problème n’est apparu que très récemment alors que je me lançais dans la seconde partie prévue, la configuration du contenu.
J’en viens donc à mon deuxièmement pour t’annoncer que j’ai fait le nécessaire pour la première option, somme toute assez sommaire, qui permet de préciser si l’on veut masquer la description du blog. Or, pour séparer cette nouvelle série de paramètres — viendront ici la gestion des stickers et du menu — j’ai mis en place deux onglets :
Et c’est là que les problèmes ont commencé !
Tout d’abord cette pipette mal placée mais pas seulement. Il s’avère que la gestion des onglets n’est pas expressément prévue lorsqu’on passe par une page de configuration intégrée au thème, solution que nous avons choisie il y a quelque temps. Par conséquent, le seul bouton « Enregistrer » en bas des onglets vaut pour les deux. Je ne sais pas si d’un point de vue de l’accessibilité et de l’ergonomie c’est judicieux, et je trouve cela assez inélégant je dois dire.
De plus il n’est pour l’instant pas possible de rester sur l’onglet actif au moment de la validation, ce qui est aussi un défaut je pense.
Je crois que tu sauras faire le nécessaire pour les pipettes, par contre je pense qu’il va falloir que je mette un peu les mains dans le cambouis pour cette histoire d’onglets.
Je vais donc explorer un peu plus les possibilités et les limites de Dotclear et voir s’il y a moyen d’obtenir quelque chose de plus souple. Je ne manquerai pas, il va de soi, de te tenir informée de mes explorations et découvertes à venir.
Pour en revenir à la carrosserie, je suis assez espanté par ta dextérité à obliger certains éléments à se placer là où tu le souhaites et pas là où ils devraient aller naturellement. Je crois que le savant mélange de position: relative
et position: absolute
doit y être pour quelque chose, si j’ai bien compris tes explications.
Je te souhaite une douce nuit à venir et vais probablement faire dormir les yeux, un peu !
PS : J’ai mis le thème en pièce-jointe de ce billet, alors n’oublie-pas d’incrémenter le numéro de version pour la prochaine livraison.
6 réactions
1 De Franck - 19/06/2011, 13:26
J’ai fait quelques recherches cette nuit et j’en suis arrivé à
pour obtenir ce que je souhaitais. Nous avons désormais deux formulaires séparés, un sur chacun des onglets, ce qui est très exactement ce que je voulais.Seulement, le hic, parce qu’il y a un hic, est qu’il y a dans le code de cette page deux formulaires fantômes, qui ne servent à rien et qui ne contiennent pas grand chose. Ça ne gêne en rien le fonctionnement de la page de configuration du thème, par contre, je me demande si d’un point de vue accessibilité ça ne pose pas problème ? Je songe entre autres aux lecteurs d’écran. Que lisent-ils pour ces deux formulaires ?
Tu me diras que le premier ne contient rien du tout, pas de bouton ni de champs, et donc pas visible et le second est masqué par un
display:none
.Quelqu’un a-t-il quelques réponses à m’apporter ?
PS : Le thème disponible en pièce jointe de ce billet sur lequel je commente intègre les modifications dont je parle ici.
2 De annso - 19/06/2011, 17:48
Bizarre, cette histoire de pipette ! Je n’ai pas rencontré ce problème dans mon thème Palette qui permet de choisir 5 couleurs (par contre, j’avais remarqué que le selected=”selected” sur les radiobutton ne sélectionnais pas l’élément)
3 De Kozlika - 19/06/2011, 18:32
Annso > ce bug n’apparaît que lors de la présence d’onglets dans le panel. Je pense que c’est pour ça que tu ne l’as pas rencontré. Quoi qu’il en soit j’ai commité un correctif (sur la branche themes de Mercurial) dans le script du colorpicker (mais n’ai pas pu le tester sur IE).
4 De JcDenis - 20/06/2011, 00:41
Bonjour aux thèmeurs,
J’ai rencontré exactement les mêmes problèmes que Franck sur mon dernier essai de création de thème configurable et idem sur des plugins.
Les pipettes sont mal placées lorsqu’elle sont dans des onglets,
La gestions des formulaires par onglets est une torture (du coup je suis passé par un seul formulaire et donc bouton pour tous les onglets. Effectivement le rendu est déconcertant au début.
N’étant vraiment pas doué pour l’aspect design/présentation je pensais que ces “bugs” venaient de mon incompétence! Voila qui me rassure un peu.
Heu en passant petit remarque perso sur l’érgonomie/accessibilité, à mon avis comme les onglets sont générés à partir de javascript et qu’a l’origine c’est une seule page, je pense qu’il n’y a pas de souci d’accéssibilité à ne mettre qu’un bouton pour les deux onglets.
5 De Osku - 20/06/2011, 13:15
Dîtes-donc, c’est mon bug #413 cette histoire de pipette :)
Sinon, super boulôt, vous pouvez continuer.
6 De Franck - 20/06/2011, 14:03
Tout à fait Osku et je viens de le rouvrir ;-)