- Vous êtes ici :
-
Accueil
-
blog / tutoriels
- Tutoriels Gantry5
Configuration Gantry5
Configuration Gantry5
Découvrez comment configurer votre site propulsé par Gantry avec facilité.
Le panneau Settings permets de basculer les particules (particles) entre on or off selon votre volonté. Cela désactivera la particule pour toutes les pages assignées, même si vous l'avez déjà défini dans le Gestionnaire de Layout (mise en page).
Pensez ce panneau comme LE tableau d'interrupteurs de Gantry. Cela sert de guichet unique pour l'activation et la désactivation des particules telles que Logo, la Date, et Google Analytics.
Nous proposerons une présentation complète et détaillée des particules incluses dans gantry dans le chapitre dédié.
Contrôles
Le bouton Save Settings applique toutes les modifications que vous avez apportées au panneau Settings pour son outline associé. Ces modifications s'appliquent comme nouvelle valeur par défaut du paramètre pour ce profil seulement, et ne deviendra une valeur par défaut globale uniquement si vous utilisez le profil de base du thème.
Si vous utilisez un outline de surcharge, vous remarquerez des cases à cocher en regard de différents champs de paramètres. Lorsque cette option n'est pas cochée, ces champs peuvent apparaître en grisé jusqu'à ce que vous cliquiez sur le paramètre ou dans la case à cocher pour indiquer que vous souhaitez apporter une modification. Une fois que vous avez effectué un changement et cliqué sur le bouton Save Settings, vos modifications seront enregistrées pour l'outline (schéma) associé. Pour ramener ce changement à sa valeur par défaut, il suffit de décocher la case.
Vous pouvez également profiter du champ de recherche pour filtrer les particules, positions, et les atomes afin qu'il soit plus facile de trouver l'élément que vous souhaitez configurer. Pour rendre les choses encore plus faciles à parcourir, vous pouvez utiliser les boutons Collapse All et Expand All pour replier tous les éléments de sorte de juste voir le nom et s'il est activé ou pas, ou de tous les deplier. Lors de la sélection de la flèche d'expansion à gauche de chaque élément, vous pouvez les développer ou les réduire, chacun individuellement.
Paramètres des particules
Les particules sont des blocs de rendus visibles là où ils sont assignés dans le panneau Layout. Cette section du panneau Settings vous permet de définir les paramètres par défaut qui s'appliquent à l'outline actuellement sélectionné. Si vous utilisez l'Outline Base, ces réglages deviennent la valeur par défaut globale pour ces particules.
Ces particules peuvent varier selon le thème, mais comportent généralement des choses telles que le logo, les droits d'auteur, Menu et l'entretoise.
Paramètres des atomes
Les atomes ressemblent beaucoup aux particules dans le sens qu'il s'agit généralement de fonctionnalités modulaires de petite taille que vous pouvez appliquer à un profil via le panneau d'administration Layout. La différence est que les atomes, contrairement aux particules, n'apparaissent pas sur le frontend d'une manière visible pour le visiteur. Cela fait des atomes un endroit parfait pour du CSS ou du JavaScript telles que l'ajout de Google Analytics ou l'application de CSS et de JavaScript personnalisé.
La zone Atom Settings du panneau Settings vous donne la possibilité de rapidement et facilement gérer et configurer ces atomes pour répondre à vos besoins individuels. Par exemple, vous pouvez ajouter votre Code UA à l'atome Google Analytics qui sera ensuite appliquée par défaut aux profils où vous avez placé l'atome Google Analytics dans le panneau Layout dédié,
Paramètres des positions
Spacer (séparateur)
Le réglage du Spacer vous offre la possibilité de désactiver (ou d'activer) globalement les particules séparatrices pour le profil. Le faire quand des particules séparatrices existent déjà, n'aura aucun effet sur elles dans le frontend,
Page Content (contenu de la page)
La zone de réglage Page Content vous permet de basculer le Mainbody sur on ou off pour le schéma. Si vous avez le module Page Content déjà en place dans le Gestionnaire de Layout le passer sur off dans le panneau Settings le désactivera et il ne sera donc plus visible dans le frontend,
System Messages (Messages Système)
La zone de réglage de System Messages permet d'afficher des messages système dans votre mise en page. Il n'y a pas de paramètres à configurer ici, autrement que l'activation / désactivation.
Positions spécifiques à la plateforme Joomla
Module Position (Position de module)
Le réglage de la Position du Module permet de désactiver globalement (ou activer) positions de module dans l'outline. Faire cela lorsque les particules Position de Module sont en place feront que les modules attribués ne seront pas affichés en frontend.
Module Instance
La position Module Instance permet d’injecter une instance unique d’un module Joomla directement dans votre mise en page ou votre menu. Vous pouvez définir une...
Le panneau Page Settings dans l'administration vous permet d'améliorer le rendu de la page en vous permettant d'inclure d'autres éléments. Cela comprend des éléments tels que la favicon, meta tags Facebook et Twitter, et même des fichiers JavaScript et / ou CSS. Tous ces éléments sont destinés à être partagés sur l'ensemble du site et les Paramètres de la page (page settings) est ce que vous permettra de le faire.
Dans l'approche traditionnelle des templates, afin d'ajouter l'un de ces éléments, vous devez modifier manuellement le fichier qui comprend la structure de la page.Ce qui est généralement un fichier index.php. Page Settings simplifie ce processus de façon exponentielle en faisant abstraction de l'action manuelle d’édition par un formulaire simple et puissant directement dans l’admin.
Grâce au concept fondamental de gantry et la mise en œuvre des surcharges, les Paramètres de la page peut être globales, ainsi que indépendante par Outline, si c'est nécessaire. Vous pouvez l'utiliser pour ajouter un script analytics pour l'ensemble du site, ou un autre apparaissant en fonction du profil auquel une page est assignée.
Contrôles
Tout comme dans le Panneau de réglages, les surcharges, filtrage et les glissements fonctionnent de la même façon.
Propriétés d'entête (head properties)
Le bloc Head Properties permet de personnaliser tout ce qui vient entre les balises <head>et </head>. Souvent, vous voulez ajouter des balises meta pour Facebook ou Twitter, ou peut-être voulez vous simplement ajouter quelque chose de personnalisé.
La capture d'écran ci-dessus illustre l'une des nombreuses manières possibles dont vous pouvez compiler les Propriétés de l'entête.
Meta Tags
Meta Tags est un champ de collecte que prend une liste de clés et des valeurs, les combine, et les restituent dans <head></head> dans une sorte de propriété <meta>. Les formes d'utilisations de balises meta sont innombrables. Habituellement les meta tags sont utilisés pour mieux définir un site aux moteurs de recherche ainsi que choisir comment le site s'affiche lors de l'intégration dans Facebook ou Twitter.
Plus de détails sur les meta tags Facebook's Open Graph et Twitter's Cards peuvent être trouvés aux emplacements suivants :
Contenu personnalisé (Custom Content)
Le champ de contenu personnalisé est dédié à quelque chose de spécifique que l'on veut ajouter à la balise <head>. N'importe quelle metadata qui est autorisé d'être insérée par les spécifications peut être écrite ici, de la même manière que vous feriez si vous éditiez un fichier index.html.
Les balises de métadonnées courantes sont <title>, <style>, <meta>, <link>, <script>, et <base>.
Il est vivement conseillé de gérer les Scripts et les Styles via la la Section Assets ou via les Atoms. Bien qu’il peut être tentant d’écrire du code de script et les balises directement dans ce champs, il ne devrait être utilisé qu'en dernier recours. Évaluez donc correctement si les scripts et les styles devraient aller ici.
Attribut du Body (Body Attributes)
Body Attributes permet aux utilisateurs de personnaliser les attributs de la balise <body> comme si vous injectiez du contenu juste après l'ouverture de <body> ou juste avant que </body> ne ferme.
Body Id et Classes Body
Le champ Body Id permet aux utilisateurs de spécifier un identifiant pour la balise <body>, tandis que Body Classes permettent aux utilisateurs d'ajouter des noms de classe personnalisées supplémentaires. Selon l’exemple dans la capture d’écran ci-dessus, le résultat sera rendu ainsi:
<body id="my-site" class="... gantry body-class ...">Gantry ajoute déjà ses propres classes à body, selon divers facteurs tels que l’élément de menu en cours de visualisation, quel outline est utilisé, etc..
La plupart du temps, vous n’aurez besoin d’ajouter aucune classe personnalisée, mais dans le cas où vous en aurez besoin, c'est ici l'endroit pour cela.
Attributs de balises (Tag Attributes)
Tag Attributes est un champ de clé/valeur qui permet d'injecter des attributs personnalisés supplémentaires à <body>. Compte tenu de l'exemple ci-dessus en capture d'écran, imaginez vous avoir chargé un script qui permet aux utilisateurs de personnaliser la vitesse de défilement et l’actualisation automatique de page via les attibuts data-scroll et data-refresh.
Le résultat sera rendu ainsi:
<body id="my-site" class="... gantry body-class ..." data-scroll="500ms" data-refresh="3mins">Mise en page des Sections (Sections Layout)
Depuis la version Gantry 5.2.0, par défaut, toutes les sections dans le Layout Manager se référent à ce paramètrage pour leur propres styles. Sections Layout propose trois types de styles:
-
Fullwidth (Boxed Content) [Défaut - précédemment "Fullwidth"]
-
Fullwidth (Flushed Content) [nouveau dans 5.2.0]
-
Boxed
Et voici une représentation visuelle de ces trois cas
|
Fullwidth (Boxed Content) [Default] |
Fullwidth (Flushed Content) |
Boxed |
|---|---|---|
 |
 |
 |
Ces styles permettent aux utilisateurs de...
Plus d'articles...
L'agence Web54 est spécialisée dans la création de sites internet, le référencement naturel (SEO), le développement web sur mesure, et propose des solutions utilisant Joomla pour les entreprises.
Interactions
A propos
S'inscrire à la newsletter
