Intuitif, puissant et évolutif le framework GANTRY se présente comme un outil incontournable de la conception et de la personnalisation de template pour le gestion de contenu opensource JOOMLA.
Découvrons dans cette formation comment créer une page de type ONEPAGE (page unique) avec effet parallaxe sur les images d'arrière-plan et navigation dans la page.
Au programme de ce tuto Gantry site One Page avec Joomla
Ajoutons dans un nouveau gabarit de Gantry 5, les sections supplémentaires dont nous avons besoin et affectons cette structure comme page d'accueil du site. Créons des positions pour y publier des modules Joomla, et des particules Gantry 5 de type "Custom HTML" pour y déclarer les ancres HTML utilisées pour la navigation dans la page.
Saisissons du code SCSS dans la feuille de styles personnalisée "Custom.scss" afin d'intégrer dans chacune des sections du Layout une image d'arrière-plan, fixe et couvrant toute la surface. Ajoutons enfin les liens de menu de type "Url externe" dans le gestionnaire de menu Joomla qui auront pour cible les ancres précédemment créées.
Dernière étape : intégrons une nouvelle particule pour rendre plus fluide le déplacement vertical de la page.
Ce tuto est accompagné de fichiers sources. Le formateur reste à votre disposition dans le salon d'entraide.
Table des matières de cette formation Joomla (durée : 43m03s)
-
- Présentation de la formation gratuit 00:02:24
- Comment ajouter des sections supplémentaires dans un gabarit de template Hydrogen de Gantry 5 00:09:19
- Comment ajouter des positions de publication des modules et des particules de type 00:07:58
- Intégration du code SCSS (CSS compilé) nécessaire pour l'insertion des images fixes d'arrière-plan des sections du layout 00:09:04
- Ajout des liens hypertextes pour la navigation verticale et de la particule permettant un déplacement fluide souple de la page. 00:14:18
- Fichiers sourcestélécharger
- Certificat
Formateur : Laurent Briere
-
Très bien expliqué et pragmatique.
-
Très clair et très instructif
-
Bon tutoriel qui permet de progresser dans ses compétences.
-
Avec quelle version de logiciel ce tuto est-il compatible ?Joomla 3
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés