+33 03 83 56 65 20 +33 06 87 42 95 30

Gantry pour les nuls

Index de l'article

3-Utilisation

La page qui s'affiche présente les onglets Overview, Style, Features, Menu, Layouts, Advenced et Assignments.

3.1-Positionner les blocs

Pour positionner vos modules dans la page de votre site, activez l'onglet Layouts.

Les différentes positions modulables en nombres et largeur sont visualisées dans le schéma ci-dessous :position blocs

Vous n'êtes pas obligé d'utiliser toutes les lignes, et vous pouvez choisir horizontalement le nombre et la taille relative des blocs de chacune. Pour cela :

  • Sélectionnez à droite (Position Count) et en haut de chaque ligne (Positions) le nombre désiré.

  • Avec le curseur, choisissez la taille relative des blocs sachant que chaque ligne est constituée de 12 lots égaux. Vous noterez que le Main Body peut être complété horizontalement par des colonnes qui se placent à sa gauche ou à sa droite selon la position du curseur.

  • Si vous désirez laisser un espace blanc entre deux blocs recevant un module, il vous faut lui attribuer une place dans la ligne et activer le bouton Force Positions.

  • Terminez par la sauvegarde de vos choix (bouton Save)

  • Quittez le Template manager (bouton Close).

Nota : Outre les lignes qui sont visualisée ci-dessus le framework en a trois autres de programmées : en dessous de la ligne Header, vous pouvez positionner un module sur une ligne dénommée Drawer et entre les lignes Utility et et MainTop, il en existe deux autres nommées Breadcrumb et FullWidth.

3.2-Assigner des pages

Il vous faut maintenant indiquer à Gantry quelles sont les pages de votre site que vous voulez voir publiées selon cette structure. Pour cela, après avoir défini classiquement dans Joomla, vos menus avec leurs éléments et décidé des modules qui les publieront :

  • Ouvrez l'onglet Assignments. Vos menus apparaissent avec leurs éléments/liens.

  • Cliquez ceux que vous voulez voir présentés selon cette mise en forme.

  • Sauvegardez (bouton Save).

3.3-Attribuer les modules

Vous avez défini par ailleurs les liens qui afficheront la structure ci-dessus, il vous faut maintenant définir dans quel bloc chaque module sera publié.

  • Ouvrez Gestion des modules dans l'onglet Extension de Joomla.

  • Affichez successivement chacun des modules que vous voulez attribuer à cette mise en page Gantry et choisissez lui une des positions Gantry que vous avez définies ci-dessus.

3.4-Constater le résultat

Il vous reste à afficher votre site qui aura la disposition que vous avez choisie et la coloration générale du template modèle de Gantry (nous verrons plus loin comment changer cela).

3.5-Définir une autre mise en page

Avec Joomla vous pouvez utiliser plusieurs template pour varier la présentation de votre site selon la page appelée. Pour cela vous pouvez décider d'utiliser (ou non) une nouvelle présentation sélectionnée avec Gantry. Vous pouvez recommencer la procédure ci-dessus en télé-chargeant un nouveau template modèle, mais la fonction Override de Gantry vous permet plus simplement de créer un clone du template modèle.

  • Ouvrez de nouveau le Template Manager puis Gantry * Master (dont vous aurez, si le cœur vous en dit, changé le nom dans la case Nom du style).

  • Choisissez une nouvelle disposition de blocs dans le signet Layouts.

  • Assignez les liens que vous voulez, mais pas ceux déjà attribués : Gantry y perdrait son latin!).

  • Puisque vous savez que c'est possible, vous pouvez donner un nom de style de votre cru à cette disposition.

  • Attention, il faut maintenant cliquer sur le petit triangle qui est à droite du bouton Save afin de faire apparaître un menu déroulant dans lequel vous actionnerez Save as copy

  • Après avoir fermé cette page (bouton Close), vous constaterez qu'un nouveau template est apparu dans la liste et dont l'intitulé contient le mot Override.

  • Attribuez à cette disposition les modules que vous lui destinez (pas ceux déjà affectés à Gantry *Master!)

  • En affichant votre site vous aurez pour les liens de menu, l'une ou l'autre disposition, mais dans les tonalités du template modèle.

A noter que vous pouvez aussi utiliser un autre template, par exemple Beez, pour certaines pages.

3.6-Autres fonctions de Gantry

Lorsque vous ouvrez le template Gantry, vous pouvez accéder à d'autres onglets que Layouts ou Assignments. Leur intérêt ne m'apparaît pas primordial pour un débutant comme moi. Il y a :

  • Overview : mini description de Gantry.

  • Style : permet de positionner votre logo et de modifier quelques éléments de présentation (aspect foncée ou claire du bandeau situé dans Header, couleur, taille et police de certains liens).

  • Features : autorise l'insertion de la date, d'un contrôle de la taille des polices lors de la lecture, d'un renvoi en haut de page, d'un copyright, …

  • Menu : vous pouvez y assigner un menu (déroulant ou non), mais qui disparaît lorsque la largeur de l'écran est réduite : je vous suggère d'utiliser plutôt de mettre en place un menu RockNavMenu qui est inclus dans le bundle que vous avez télé-chargé en sélectionnant le thème “Default Fusion“.

  • Advanced :

    • Le Layout Mode, en position Responsive, ajustera la mise en page de votre site à l'appareil utilisé (PC ou tablette ou smart-phone) pour le visualiser : intéressant !.

    • Pour les autres … je ne sais pas trop à quoi ils servent … ni dans quelle position il faut les placer.

A côté du bouton Save, il y a aussi un bouton Presets dont je n'ai pas saisi l'intérêt dans le cadre du template modèle. Pour en savoir plus, je vous renvoi au site de Gantry.

Contact

Parlons social

Recevoir des nouvelles du site

 

patenaire paypal