Après le site En Toutes Lettres, le site de démonstration Gantry 5, template Hydrogen, dédié principalement aux particules développées par En Toutes Lettres, mais aussi aux variations autour du template Hydrogen, a fait peau-neuve.
Pour des raisons de clarté et de maintenance, le site n'est maintenant géré qu'avec le template Hydrogen, les démonstrations des autres templates ont donc été supprimées.
Un soin particulier a été fait sur les démonstrations des particules En Toutes Lettres, chaque particule ayant subi un lifting et une mise à jour.
Couplé avec le nouveau site "En Toutes Lettres" multilingue lui aussi, ce nouvel outil de travail apportera à l'avenir plus de clarté et de comprehension dans l'utilisation de Gantry 5.
Chaque particule que je vous présente possède un version française et une version anglaise. Le moteur interne des particules (fichier Twig, SCSS et Javascript) est identique pour les deux langues. Seul l'interface (fichier Yalm) a été configurée pour chaque langue. Je vous présente les 4 particules pour lesquelles j'ai apporté un soin particulier et qui sont téléchargeables dans l'espace dédié.
Si vous travaillez avec le template Hydrogen, ces particules s'installent comme un composant classique Joomla! (type fichier). Si vous utilisez un autre template Gantry 5 Joomla! ou Gantry 5 sous Wordpress ou Grav utilisant les fichiers Twig, vous devez faire une installation manuelle de la particule après décompression du fichier initial.
Changelog - version 2.0
-
- Choix du système de popup "RokBox" ou "Lightcase"
- Ajout d'un nouveau style, Style 4 opacité
- Options, choix du Padding (espace entre chaque image)
- Options, choix du Border Radius (rayon de bordure)
- Images, Titre et Sous-titre
- Images, choix entre l'ouverture en Popup ou vers un lien
-
- Classes CSS responsive
- Classes imagegrid-firstlarge et imagegrid-lastlarge
Changelog - version 1.1
-
- Ajout de 2 nouveaux styles, Compact et Compact icône
- Modifier la couleur du texte dans le "Bloc de saisie" des formulaires (si nécessaire). Choix entre Défaut (definit par le template), Claire (léger noir pour template clair) ou Foncée (léger blanc pour template foncé) que j'utilise avec la mise en page Email compact icône
- Définir le rayon de bordure (Border Radius) des formulaire et du bouton. Choix entre Aucun (0px), defaut (défini par le template) ou 1 rem (option non utilisé pour Email compact)
Utilisez le forum pour toutes questions ou amélioration que vous voulez apporté sur mon travail.
D'autres particules sont en preparation comme une version avancée de Owl carousel, les galeries d'images ou des particules dédiées à la restauration (menu, reservation). Il faut rester zen à ce niveau. Il est plus souvent judicieux d'utiliser un composant dédié que de creer une usine à gaz au niveau des particules.