Guide complet pour comprendre les positions des modèles Joomla 3

Les nouveaux utilisateurs de Joomla ont tendance à trouver les positions des modules de modèles déroutantes et peut-être frustrantes. Joomla 3 a amélioré le fonctionnement des modèles pour s'assurer que cela est less déroutant, cependant, certains utilisateurs peuvent encore avoir du mal à ajouter des positions de modèle à leurs modèles. Cet article sur CollectiveRay.com tentera de clarifier les positions des modules de modèles.

Contenu[Afficher]
 

Premièrement, la plupart des gens ont du mal à comprendre quelles positions de modèle sont disponibles pour une utilisation sur leur modèle Joomla. Ceci est très facile à découvrir en suivant les étapes suivantes:

Comment afficher les modules dans Joomla?

Lorsque vous créez un site Web à l'aide d'un nouveau modèle Joomla que vous n'avez jamais utilisé auparavant, vous devez connaître les positions de modèle Joomla qui sont prises en charge et que vous pouvez utiliser. Vous pouvez le faire soit en vérifiant le Gestionnaire de modules dans l'administrateur, c'est-à-dire en visualisant les postes auxquels des modules leur sont assignés, soit en utilisant cette astuce. Pour voir les positions des modules disponibles à l'aide du gestionnaire de modules, vous devez aller dans Extensions> Modules et cliquer sur un module existant.

Dans le paramètre de position, vous verrez une liste complète des positions auxquelles vous pouvez affecter le module. Ceux disponibles dans le modèle seront répertoriés dans la liste déroulante Positions:

afficher les positions de modèle joomla disponibles

Cependant, même si vous voyez la liste des postes, vous ne savez toujours pas où et comment ils sont utilisés dans le modèle, nous devons donc voir où ils sont positionnés.

Pour comprendre comment afficher les positions des modules dans Joomla, procédez comme suit:

  1. Accédez au gestionnaire de modèles (Extensions> Modèles> Modèles)
    gestionnaire de modèles
  2. Cliquez sur le bouton Options en haut à droite
    options de modèle
  3. Activer les positions du module de prévisualisation
    activer les positions du module de prévisualisation
  4. Allez sur le frontend et ajoutez ?tp=1 à la fin de votre URL Joomla, par exemple www.collectiveray.com?tp=1
  5. Toutes les positions de modèle existantes seront maintenant affichées avec leur nom, par exemple position-1, position-7, bannière, comme on peut le voir ci-dessous:
    affichage des positions du module frontend
  6.  

Que sont les positions du module Joomla?

Les positions Joomla sont des espaces réservés sur lesquels vous définissez des modules, de sorte qu'un module est affiché dans cette position. Par exemple, si le modèle Joomla a une position de recherche, vous placez le module de recherche dans cette position.

Il en va de même pour d'autres positions de module telles que la bannière, la barre latérale, le pied de page, le fil d'Ariane, la gauche, la droite, etc.

Notez que vous pouvez généralement ajouter plus d'un module à la même position, c'est-à-dire que vous pouvez ajouter plus d'un module à vos positions gauche et droite, l'ordre dans lequel ils sont affichés étant déterminé par le paramètre Order dans la configuration du module.

Les positions dans Joomla 3 sont définis par modèle. Les problèmes de position du modèle sont de la responsabilité du développeur du modèle. Ils doivent s'assurer que les positions de modèle définies dans le fichier de détails du modèle existent réellement dans le modèle.

Si vous avez besoin de positions de modèle supplémentaires, vous devrez modifier votre modèle pour prendre en charge les positions supplémentaires dont vous avez besoin. Cela nécessite des connaissances en PHP, HTML et XML afin de ne pas casser votre modèle.

Ceci est particulièrement important pour que vous le sachiez et le compreniez, surtout si vous prévoyez d'utiliser un certain nombre d'extensions Joomla telles que celles qui nous avons listé ici.

Comment attribuer un module à un poste?

Lorsque vous concevez votre site Web avec Joomla, vous voudrez attribuer un certain nombre de modules différents à différentes positions. Cela peut être fait via le paramètre Positions du module. Maintenant que vous connaissez les positions disponibles, il vous suffit de changer le paramètre Positions par le nom de la position où vous voulez que le module affiche.

afficher les positions de modèle joomla disponiblesSi vous affectez plusieurs modules à la même position, par exemple dans le sidebar position, les modules seront affichés dans l'ordre dans lequel ils sont définis à l'aide du COMMANDE menu déroulant.

plusieurs modules en une seule position

Pour modifier l'ordre, vous devez sélectionner une position différente dans le COMMANDE paramètre de chaque module:

commande de modules

Utilisation de la balise JDOC

Alors, qu'est-ce qui détermine où les modules sont rendus?

La balise JDOC dans le fichier index.php est remplacée par les modules affectés à cette position (via Extensions> Module Manager et affectant un module à une position particulière) lors du rendu de la page. Donc si nous avons

dans le fichier index.php, et le module Menu principal est affecté au à gauche position, le menu principal sera affiché à la place de cette balise dans le à gauche position.

Cela s'applique à chaque balise jdoc définie dans le fichier index.php. Si j'ai un

celui-ci sera remplacé par les modules affectés au droite position.

Noms de position logiques

L'attribut name dans la balise jdoc est un nom logique. Donc, si le nom de la position est «droit», vous vous attendez à ce que la position du module soit à droite du contenu, «haut» en haut du contenu, «barre latérale» sur le côté et «pied de page» à la partie en pied de page du site Web.

Il est tout à fait possible de définir la position du bas dans la partie supérieure du module, bien que les concepteurs de modèles définissent généralement des noms de balises qui ont un sens, c'est-à-dire que la position de gauche serait éventuellement affichée dans la zone gauche de la page, et la position de la bannière serait affiché juste au-dessus du contenu et ainsi de suite.

Comment savoir quelles positions mon modèle prend en charge?

La plupart des concepteurs de modèles réputés expliquent les positions de module disponibles dans le modèle.

Dans Joomla 3, la responsabilité incombe au concepteur de définir les positions correctes dans le fichier de détails du modèle. Cependant, pour les modèles gratuits, il se peut que l'on ne sache pas quelles positions existent réellement.

Alors, comment allez-vous découvrir les positions prises en charge par le modèle?

Le moyen le plus simple de le faire est de suivre nos instructions ci-dessus dans Comment afficher des modules dans Joomla

Vous pouvez également voir directement quelles sont les positions dans les fichiers de modèle directement!

Ouvrez simplement le fichier index.php du modèle et recherchez la balise jdoc. Notez le nom des endroits où la balise jdoc apparaît. C'est-à-dire si vous trouvez les balises suivantes dans le fichier index.php:

  

... 

  

  ...

   

.... 

  

Vous pouvez supposer en toute sécurité que les positions prises en charge par votre modèle sont:

  • haut
  • à gauche
  • bannière
  • droite 

Ajout de positions de module Joomla

Dans cette section, nous montrerons brièvement comment créer une nouvelle position de module dans n'importe quel modèle.

Vous devez d'abord décider où vous allez placer la position dans votre modèle (en termes de HTML du modèle).

Vous devez comprendre exactement comment fonctionne le tempalate. Par exemple, nous ajouterons un barre latérale principale position à notre modèle. Nous trouvons la position (dans le fichier index.php) où nous voulons ajouter la barre latérale principale et insérer un code php / html similaire à ce qui suit:


  

   
   
      

 
   

 Nous devons ensuite créer la position du module dans le fichier de détails du modèle en créant un nouveau barre latérale principale positionner. Recherchez le fichier TemplateDetails.xml joint à votre modèle sous / templates / /templateDetails.xml

Trouvez le balise dans votre fichier XML. Cela ressemble à quelque chose comme ceci:


      gauche
      droit
      Haut
      bannière
      entête
      bas de page
      sentier
      utilisateur1
      utilisateur2
      utilisateur3
      utilisateur4
      utilisateur5
      encart
      déboguer
      chercher
      déboguer

Pour ajouter votre propre position, vous devez insérer un nouveau balise avant la balise des positions de fermeture, dans notre cas, nous ajouterons la balise barre latérale principale position juste après le déboguer positionner. Le résultat final sera le suivant:


      gauche
      droit
      Haut
      bannière
      entête
      bas de page
      sentier
      utilisateur1
      utilisateur2
      utilisateur3
      utilisateur4
      utilisateur5
      encart
      déboguer
      chercher
      déboguer
      barre latérale principale
 

Une fois cela fait, nous pouvons maintenant attribuer un module au barre latérale principale position dans le Extensions> Modules Venez regardez des photos heureuses et inspirantes.

nouvelle position dans les modules

 

Si vous voulez vraiment avoir l'air professionnel, arrêtez de chercher modèles gratuits. La plupart d'entre eux semblent médiocres, sont très limités en termes de positions et de flexibilité, ont des bogues et contiennent généralement des liens cachés vers les concepteurs d'origine.

Si vous voulez que votre site soit beau, consultez les pros et procurez-vous un modèle à partir de là. Vous ne serez pas désolé, et le résultat final montrera certainement. La première impression d'un site Web provient évidemment du modèle, et vous voulez vraiment avoir la bonne première impression! 

A propos de l'auteur
David Attard
Auteur: David AttardSite Web : https://www.linkedin.com/in/dattard/
David travaille dans ou autour de l'industrie en ligne / numérique depuis 18 ans. Il possède une vaste expérience dans les industries du logiciel et de la conception Web utilisant WordPress, Joomla et les niches qui les entourent. En tant que consultant numérique, son objectif est d'aider les entreprises à obtenir un avantage concurrentiel en utilisant une combinaison de leur site Web et des plates-formes numériques disponibles aujourd'hui.

Encore une chose ... Saviez-vous que les personnes qui partagent des informations utiles comme cet article ont l'air géniales aussi? ;-)
Si vous voulez, vous pouvez laisser un incontournable commentez vos pensées, puis partagez-les sur votre ou vos groupes Facebook qui trouveraient cela utile et récoltons ensemble les avantages. Merci d'avoir partagé et d'être gentil!

Divulgation: Cette page peut contenir des liens vers des sites externes pour des produits que nous aimons et que nous recommandons sans réserve. Si vous achetez des produits que nous suggérons, nous pouvons percevoir des frais de parrainage. Ces frais n'influencent pas nos recommandations et nous n'acceptons pas les paiements pour les avis positifs.
 

 

Plugin de mise en cache le mieux noté

Rendez votre site Web plus rapide 

Étape par étape - cours gratuit par e-mail, comment charger votre site Web less plus de 1 seconde  

 

qui sommes nous?

CollectiveRay est dirigé par David Attard - travaillant dans et autour du créneau de la conception de sites Web depuis plus de 12 ans, nous fournissons des conseils pratiques aux personnes qui travaillent avec et sur des sites Web. Nous gérons également DronesBuy.net - un site Web pour les amateurs de drones.

David Attard

 

 

Auteur (s) présenté sur:  Logo du magazine Inc   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   et beaucoup plus ...