Pense-bête
Styles CSS
Ce site repose sur le framework KNACSS. Le positionnement des éléments est géré par l’adjonction de classes utilitaires, éventuellement précédées de préfixes (approche mobile-first).
Palette de couleurs
On peut ensuite avoir recours aux classes suivantes (theme pouvant être remplacé par le label d’une des couleurs de la palette) :
theme |
assigne la couleur de fond |
text-theme |
assigne la couleur au texte |
border-theme |
assigne la couleur aux contours (bordures) |
hover-theme |
assigne la couleur de fond lors du survol de la souris |
hover-text-theme |
assigne la couleur au texte lors du survol de la souris |
Modèles
Les modèles sont à insérer dans le corps de texte. Ils servent généralement à choisir un mode de présentation particulier pour un document de la médiathèque. On peut passer des paramètres supplémentaires au modèle. <docXX|foo=bar|center>
modèle image
Insertion d’image. Pour inclure la légende renseignée sur la fiche du document, un parametre legende=oui est nécessaire. On peut même surcharger la légende au cas par cas.
modèle bouton
Il reprend les mêmes options que le composant bouton :
Blocks et composants
- bouton
- galerie
- slider
- texte
- texte-image
- vignette
Formulaire devis
Les formulaires publics utilisent le plugin Formidable, qui offre une interface conviviale à l’API Saisies.
Le calcul du devis croise les valeurs renseignées avec celles issues d’un tableau (fichier YAML) lié au formulaire. En mettant à jour le fichier en question, on peut mettre à jour la grille des tarifs. Attention toutefois à respecter la syntaxe pointilleuse du fichier YAML (un éditeur de texte avec coloration syntaxique est vivement recommandé).
De même, il est possible de dupliquer le formulaire et lier une autre grille de prix.
Les traitements du formulaire (envoi de mail + enregistrement en base de données) ne sont effectués que si l’internaute clique sur le bouton Envoyer le devis.
