03 83 56 65 20 06 87 42 95 30

blog / tutoriels

Nous proposons à la communauté des tutoriels au gré de nos humeurs, de l'actualité et des besoins.
( n'hésitez pas, par ailleurs à nous en demander)

Une particule Module Position joue un rôle important dans la mise en page d'une page. Chaque particule de position représente une position où les modules peuvent être affectés.

Au lieu de sortir votre éditeur de texte pour renommer et/ou créer des positions de modules, vous pouvez le faire en quelques clics de souris. Ceci est également plus facile que de passer par les modules et les réaffecter au nouveau nom de position un par un.

En outre, vous pouvez facilement créer des configurations de positions très différentes entre les outlines, ce qui vous permet d’avoir des jeux de positions totalement différents d’une page à l’autre.

Création, suppression et déplacement de Positions

positions 6

Si vous souhaitez ajouter une nouvelle position de module dans une page, il vous suffit de glisser-déposer la particule Module Position (Joomla) et la déplacer où vous voulez la nouvelle position à apparaître. À ce stade, vous devez renommer la clé de la position (KEY) qui est le texte de référence que vous affecterez dans les modules afin de leur demander de comparaître dans la position.

key

Si vous effectuez une migration à partir d'un template existant, et que vous avez des modules qui ont déjà été affectés à des positions qui utilisent la convention de dénomination du template précédent, vous pouvez simplement renommer le champ KEY pour faire correspondre vos positions. De cette façon, vous pouvez garder vos modules existants sans avoir à les réaffecter un par un.

Par exemple, si vous configurez un template Gantry 5 sur un site qui avait un lot de modules assignés à la position header-a, vous pouvez les inclure dans votre nouveau site très facilement en plaçant une particule Module Position dans l'espace où vous souhaitez pouvoir le charger dans le gestionnaire de mise en page et définir le champ Key à header-a.

Supprimer une position est tout aussi facile que d'en créer une. Il suffit de glisser-déposer la position au sommet du Gestionnaire de mise en page dans une section qui apparaît avec l'appellation Drop Here to Delete. Cela supprimera la position. Si vous changez d'avis, cliquez sur la flèche Retour dans l'outil Historique pour la ramener.

Si vous souhaitez désactiver une position temporairement (qui cache ses modules assignés), vous pouvez le faire en cliquant sur la roue de réglages dentée sur le côté droit de la position dans le gestionnaire de mise en page et de basculer l’interrupteur d’activation rouge/vert dans la zone supérieure droite de l’onglet Paramètres de particules. La position sera toujours dans le frontend mais elle ne sera pas générée, donc si vous souhaitez le réactiver plus tard, vous pourrez le faire.

Déplacer des positions situées dans la mise en page est aussi simplement une question de glisser-déposer là où vous voulez qu'ils aillent. Si vous souhaitez que votre showcase principal de modules apparaisse dans les modules Fonctionnalités, Vous pouvez les déplacer sans avoir à modifier un seul fichier.

Positions pratiquement illimitées par rangée

positions 4

Si vous vouliez, vous pourriez avoir 0, 1, 5, 10 ou même 20 positions individuelles de module dans la section Header. Cela vous permet d'avoir une ou deux positions où vous en avez besoin, sans la nécessité d'avoir des positions dans des endroits que vous ne voulez pas.

Nommage rapide et facile

positions 2

Comme nous l'avons mentionné précédemment, vous pouvez nommer et renommer des positions à la volée, ce qui le rend facile la migration de modules existants sans avoir à individuellement les réaffecter à des positions précises.

Vous pouvez également les nommer librement comme vous avez besoin, en leur donnant des balises spécifiques qui sont faciles à retenir et référencer ce qui est et n'est pas affecté à cet endroit.

Par exemple, vous pouvez nommer et saisir une key à une position en tant que branding à l'endroit où vous avez vos modules branding et copyright. Le nom de référence et la clé ne sont pas reliés les uns aux autres, de sorte que vous pouvez utiliser n'importe quoi comme nom de référence, aussi longtemps que vous attribuez vos modules à la clé appropriée. Nommer une position YOUPI et faire une clé top-a serait absolument parfait. À partir du moment où cela fonctionne pour vous.

Cela vous libère des conventions de nommage standardisées qui peuvent être inutilement complexes et déroutantes.

Les Spacers

positions 5

Nous avons créé une nouvelle particule Spacer qui vous permet de créer un espace vide entre deux positions, une particule et une position, ou deux particules.

Gantry 5 introduit de nombreuses nouvelles fonctionnalités qui sont créées pour faciliter la vie des développeurs, de leurs clients, et, finalement, des visiteurs du site. Avec son nouveau gestionnaire de configuration et ce système pour le traitement des positions de module, ce sera sans aucun doute non seulement la version la plus puissante de Gantry, mais aussi la plus simple à utiliser.

Paramètres

Les paramètres pour une particule position peuvent varier entre les systèmes de gestion de contenu (CMS). Pour Joomla, nous avons décomposé les options disponibles ci-dessous.

positions settings j

Paramètre

Description

Particle Name Le nom de la position du module.
 
Key Définit la clé de référence par Joomla pour identifier la position du module.
Chrome Définit le module chrome.

 

Il existe trois réglages différents pour une Position. Le nom de la position, qui est réglé dans la partie supérieure du pop-up de la position, détermine le nom affiché pour la position dans le gestionnaire de modules.

Le deuxième paramètre que vous remarquerez est Key. C’est important, car c’est la façon dont la position est identifiée par Joomla. Si vous avez deux positions de module sur outlines différentes avec la même clé, ils apparaîtront comme la position d’un module dans le gestionnaire de module. Ceci est utile dans les cas où vous voulez les mêmes modules apparaissent sur plusieurs pages différentes.

Ainsi, par exemple, vous pouvez donner à une position de module le nom de Header A et la clé de référence header-a. Lorsque vous affectez un module à cette position, vous devez entrer header-a comme c’est la clé de que Joomla utilise pour faire référence à la position.

La troisième option est Chrome. Ceci définit le chrome de la position du module. Cela profite de tout le style Chrome HTML que vous avez mis en place et dont vous souhaitez envelopper chaque module placé dans cette position.

Utilisation de particules dans Module Positions (Joomla)

Si vous préférez utiliser une méthode plus traditionnelle d'attribution de contenu aux zones de votre site, vous pouvez bien sûr utiliser des particules comme si elles étaient des modules en les assignant à des positions de module comme vous le feriez pour tout autre module.

La première étape pour faire cela, bien sûr, est de créer une position de module dans votre mise en page. Vous pouvez le faire en sélectionnant et en faisant glisser la particule Module Position de la barre latérale vers l’endroit souhaité dans le gestionnaire de layout. Une fois que vous avez fait cela, vous aurez envie de lui donner une valeur KEY (et / ou un nom de particules) que vous pouvez facilement associer à cet espace.

 

Dans notre exemple ci-dessus (vidéo), nous avons utilisé navigation-a pour représenter la première position du module assignable dans la section Navigation.

Une fois que vous avez fait ceci, vous avez besoin d'accéder au Gestionnaire de modules dans Joomla et créer un nouveau module Gantry 5 Particle.

Ici, vous pouvez attribuer la position du module, comme vous le feriez pour tout autre module, et Choisir une particule pour sélectionner la particule que vous souhaitez voir apparaître dans cette position. Votre particule s'affichera ensuite comme n’importe quel autre module le ferait en frontal.

 

mobile menu1

La particule Mobile Menu est prévue pour la Section Offcanvas dans le Gestionnaire de mise en page. Elle a un objectif principal: afficher une version mobile du menu principal pour les visiteurs affichant votre site à partir d'un appareil mobile. Pour cette raison, la particule de Menu Mobile n’apparaît pas sur les ordinateurs de bureau et d’autres écrans larges. Au lieu de cela, la particule de Menu standard se trouvant ailleurs sur la page est utilisée.

Veuillez noter que cette particule doit être unique dans la mise en page et placé dans la section Offcanvas. Vous aurez également besoin d’un Menu présent dans la mise en page.

Paramètres

mobile menu2

Parce que le Menu Mobile agit comme un conteneur pour le menu, il n’a pas tous les paramètres spécifiques à une particule. Vous pouvez, toutefois, utiliser les paramètres Bloc de niveau standard pour ajouter des CSS personnalisés, Variations, etc.

Ciblage Mobile Menu

mobile menu3

Disons que vous avez plusieurs menus affectés à la mise en page, mais vous avez un en particulier que vous souhaitez mettre en avant comme menu mobile.. C'est là où le ciblage menu est très pratique, et c'est très simple à faire.

Tout ce que vous avez à faire est d'ouvrir les paramètres de la particule de menu que vous voulez cibler pour l'utiliser en tant que menu mobile, et cochez l'option Mobile Target. Cela dit à Gantry que ce menu est celui que vous voulez voir lié avec le menu mobile.

 

instance1

La particule Module Instance permet d’injecter directement un module unique n’importe où dans votre mise en page ou dans le menu. Au lieu d'insérer une position de module complète pour un seul module, vous pouvez utiliser une particule instance de module pour obtenir le même effet sans avoir à revenir en arrière et attribuer le module manuellement.

Paramètres

instance2

Paramètre

Description

Module ID Entrez l'ID de module associé avec le module que vous voulez injecter, ou sélectionnez le module à l'aide de la fonction popup Pick a Module.
Chrome Définit le module chrome.

La particule Module Instance vous permet de sélectionner un module à l'aide de l'ID du module, ou de la fonction Pick a Module Qui est disponible en cliquant sur le bouton gris situé à droite du champ Module ID. Vous pouvez également configurer le Chrome du module ici, tout aussi bien. D’autres paramètres spécifiques au module devront être réglés dans le gestionnaire de modules de Joomla. En effet, Gantry ne changera pas un module en lui-même. Il prend ce que Joomla possède, et détermine comment et où il est affiché.

instance3

L'utilisation du popup Pick a Module est très facile. Vous êtes présenté une liste des modules qui sont actuellement présents dans votre site Joomla parmi lesquelles vous pouvez choisir. Modules n’ont pas à être affecté à une position particuliere. La particule Module Instance agit comme une position virtuelle qui injecte directement le module, peu importe où le module est effectivement affecté. Tant que le module est actif, il doit être restitué sur le frontal comme il le serait si vous l'aviez assigné à une position de module standard.

 

custom 1

La particule Custom HTML agit comme un simple substitut du module Custom HTML dans Joomla, ou le widget Text dans WordPress. C'est un moyen rapide de créer du contenu HTML personnalisé et de l'ajouter à votre page via leGestionnaire de layout Ou l'Éditeur de menu.

Paramètres

custom 2

Les paramètres de la particule sont assez simples. Il y a un grand champ, où vous pouvez insérer du code HTML. Vous pouvez également modifier les paramètres de niveau bloc pour affiner les variations de particules, les attributs de balises, des classes CSS, etc.

 

page content1

La particule Page Content affiche le contenu attribué à une page donnée. Par exemple, si vous avez des articles que vous aimeriez voir apparaître sur votre page d'accueil parmi vos autres particules et modules, vous pouvez le faire en incluant la particule Page Content dans votre mise en page.

Paramètres

page content2

La particule Page Content n'a pas de paramètres spécifiques de particule. C'est tout simplement un portail par lequel tout contenu que vous avez attribué à cette page (ou type de page) est affiché. Vous pouvez toujours, bien sûr, utiliser l'onglet Paramètres Block pour affiner l'apparence et la présentation du bloc de contenu comme vous le feriez pour tout autre particule.

 

Sous-catégories

Quelques articles sur l'actualité de Web54 et de ce qu'il se passe au niveau internet en Lorraine

Tutoriels sur Gantry, Vertex, Helix ... etc ...

(documentation personnelle ou traduction de la documentation originale)

La création de site internet, necessite des logiciels.
En lorraine, certains créateurs de sites utilisent des logiciels libres et en font la promotion.

Serge Billon en fait partie, et vous fait partager ici, en tant que webmaster reconnu sur Nancy et sa région, sa passion pour les logiciels libres.

Référencer un site n'est souvent pas une partie de plaisir, ni une formalité.

C'est pourquoi nous proposons des prestations en référencement, sur forfait ou sur devis personnalisé.

Toutefois, nous tenons à proposer une méthodologie aux clients qui voudraient tenter l'aventure et procéder eux-même à leur référencement.

Suivez les étapes pas à pas, et faites progresser votre site dans les méandres des moteurs de recherche.

Tutoriels en français des composants RS

Contact
Parlons social
Recevoir des nouvelles du site
Sauvegarder
Choix utilisateur pour les Cookies
Nous utilisons des cookies afin de vous proposer les meilleurs services possibles. Si vous déclinez l'utilisation de ces cookies, le site web pourrait ne pas fonctionner correctement.
Tout accepter
Tout décliner
Fonctionnels