Development #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>
Historique
Mis à jour par Thomas Noël il y a plus de 9 ans
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.
Mis à jour par Frédéric Péters il y a plus de 9 ans
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.
Mis à jour par Frédéric Péters il y a presque 9 ans
Le dispositif marcherait aussi pour les classes "de base" ajoutées dans #7355 (fullwidth, halfwidth, halfwidth right).