Développement #5343
Tirer des jeux de classe depuis le thème
0%
Description
Dans la définition d'un champ de formulaire, mais ça pourrait marcher aussi pour les catégories, le champ "classe CSS" est une simple chaine de caractères que l'utilisateur doit tirer d'il ne sait où. Ça pourrait être bien qu'à la place il y ait affichage d'une liste avec des libellés explicites.
Le thème exposerait une liste de classes pertinentes, avec libellé associé; dans son desc.xml, ça pourrait donner quelque chose comme :
<css>
<class name="icon-sickle" usage="category">Icône Faucille</class>
<class name="icon-hammer" usage="category">Icône Marteau</class>
</css>
History
Updated by Thomas Noël over 10 years ago
Ou, à la place d'une liste, une vue sous forme de "tags" (genre https://ivaynberg.github.io/select2/#tags). Enfin bon, c'est juste un détail d'ergonomie.
Updated by Frédéric Péters over 10 years ago
Concrètement, du début à la fin :
1) le créateur du thème.
Il inclut dans son fichier CSS la mise en forme d'une catégorie surplombée d'un bandeau "banc public" :
/* pour la page d'accueil, une petite icône à gauche du titre */
li.category.banc-public {
padding-left: 20px;
background-image: url(icone-banc-public.jpeg) top-repeat top left;
color: white;
}
/* pour la page d'une catégorie, un bandeau au-dessus du titre */
div.category.banc-public {
padding-top: 50px;
background-image: url(banc-public.jpeg) no-repeat top left;
}
Ensuite il définit dans la description du thème (desc.xml) qu'il y a désormais un style "banc public".
<css>
<class name="banc-public" usage="category">Banc public</class>
</css>
2) l'agent en charge du contenu.
Il crée une nouvelle catégorie, "Environnement", et dans la liste des champs (titre, description, etc.) il y a un champ "Style", dans lequel il peut choisir dans la liste des styles définis par le créateur du thème (éventuellement plusieurs ?), dans une bête liste ou un truc plus évolué comme le sélecteur de tags pointé par Thomas.
Updated by Frédéric Péters almost 10 years ago
Le dispositif marcherait aussi pour les classes "de base" ajoutées dans #7355 (fullwidth, halfwidth, halfwidth right).