Volledige gids om Joomla 3-sjabloonposities te begrijpen

Nieuwe gebruikers van Joomla hebben de neiging om posities van sjabloonmodules verwarrend en mogelijk frustrerend te vinden. Joomla 3 heeft de manier waarop sjablonen werken verbeterd om ervoor te zorgen dat dit zo is less verwarrend, maar sommige gebruikers vinden het misschien nog steeds moeilijk om sjabloonposities aan hun sjablonen toe te voegen. Dit artikel over CollectiveRay.com zal proberen de lucht te klaren over de posities van sjabloonmodules.

Inhoud[Producten per pagina]
 

Ten eerste hebben de meeste mensen moeite om te begrijpen welke sjabloonposities beschikbaar zijn voor gebruik op hun Joomla-sjabloon. Dit is heel eenvoudig te ontdekken met behulp van de volgende stappen:

Hoe modules in Joomla weer te geven?

Wanneer u een website maakt met een nieuwe Joomla-sjabloon die u nog niet eerder hebt gebruikt, moet u de Joomla-sjabloonposities kennen die worden ondersteund en die u kunt gebruiken. U kunt dit doen door de Module Manager in de beheerder te bekijken, dwz de posities te bekijken waaraan modules zijn toegewezen, of gebruik deze tip. Om te zien welke modules beschikbaar zijn met behulp van de Modulemanager, moet u naar Extensies > Modules gaan en op een bestaande module klikken.

In de positieparameter ziet u een hele lijst met Posities waaraan u de module kunt toewijzen. De beschikbare in de sjabloon worden weergegeven in de vervolgkeuzelijst Posities:

toon beschikbare joomla-sjabloonposities

Maar zelfs als u de lijst met posities ziet, weet u nog steeds niet waar en hoe ze in de sjabloon worden gebruikt, dus we moeten zien waar ze zich bevinden.

Volg deze stappen om te begrijpen hoe moduleposities in Joomla worden weergegeven:

  1. Ga naar de Sjabloonmanager (Extensies > Sjablonen > Sjablonen)
    sjabloon manager
  2. Klik rechtsboven op de knop Opties
    sjabloon opties
  3. Schakel de voorbeeldmoduleposities in
    voorvertoningsmoduleposities inschakelen
  4. Ga naar de frontend en voeg ?tp=1 toe aan het einde van uw Joomla-URL, bijvoorbeeld www.collectiveray.com?tp=1
  5. Alle bestaande sjabloonposities worden nu weergegeven met hun naam, bijvoorbeeld positie-1, positie-7, banner, zoals hieronder te zien is:
    weergave module posities frontend
  6.  

Wat zijn Joomla-moduleposities?

Joomla-posities zijn tijdelijke aanduidingen waarop u modules instelt, zodat een module op die positie wordt weergegeven. Als de Joomla-sjabloon bijvoorbeeld een zoekpositie heeft, plaatst u de zoekmodule op die positie.

Hetzelfde geldt voor andere moduleposities zoals banner, zijbalk, voettekst, broodkruimels, links, rechts enz.

Merk op dat u gewoonlijk meer dan één module aan dezelfde positie kunt toevoegen, dwz u kunt meer dan één module aan uw linker- en rechterpositie toevoegen, waarbij de volgorde waarin ze worden weergegeven wordt bepaald door de parameter Order in de Module-instellingen.

de posities in Joomla 3 wordt per sjabloon gedefinieerd. De problemen met de sjabloonposities zijn de verantwoordelijkheid van de sjabloonontwikkelaar. Ze moeten ervoor zorgen dat de sjabloonposities die zijn gedefinieerd in het sjabloondetailsbestand, daadwerkelijk in de sjabloon bestaan.

Als u extra sjabloonposities nodig hebt, moet u uw sjabloon wijzigen om te voorzien in de extra posities die u nodig hebt. Dit vereist kennis van PHP, HTML en XML om uw sjabloon niet te breken.

Dit is vooral belangrijk voor u om te weten en te begrijpen, vooral als u van plan bent een aantal Joomla-extensies te gebruiken, zoals die welke we hebben hier vermeld:.

Hoe wijs ik een module aan een functie toe?

Wanneer u uw website met Joomla ontwerpt, wilt u een aantal verschillende modules aan verschillende posities toewijzen. Dit kan via de parameter Posities van de module. Nu u de beschikbare posities weet, wijzigt u eenvoudig de parameter Posities in de naam van de positie waar u de module wilt weergeven.

toon beschikbare joomla-sjabloonpositiesAls u meer dan één module aan dezelfde positie toewijst, bijvoorbeeld in de sidebar positie, worden de modules weergegeven in de volgorde waarin ze zijn ingesteld met de Bestellen dropdown.

meerdere modules in één positie

Om de volgorde te wijzigen, moet u een andere positie selecteren in de Bestellen parameter van elke module:

module bestellen

De JDOC-tag gebruiken

Dus wat bepaalt waar modules worden weergegeven?

De JDOC-tag in het index.php-bestand wordt vervangen door de modules die aan die positie zijn toegewezen (via Extensies > Modulebeheer en een module toewijzen aan een bepaalde positie) wanneer de pagina wordt weergegeven. Dus als we hebben

in het bestand index.php, en de module Hoofdmenu is toegewezen aan de links positie, wordt het hoofdmenu weergegeven in plaats van deze tag in de links positie.

Dit is van toepassing op elke jdoc-tag die is gedefinieerd in het bestand index.php. Als ik een

dit wordt vervangen door de modules die zijn toegewezen aan de rechts positie.

Logische positienamen

Het name-attribuut in de jdoc-tag is een logische naam. Dus als de positienaam "rechts" is, zou je verwachten dat de modulepositie rechts van de inhoud staat, "boven" bovenaan de inhoud, "zijbalk" aan de zijkant en "voettekst" aan het aan de voettekst deel van de website.

Het is heel goed mogelijk om de onderste positie in het bovenste deel van de module te definiëren, hoewel sjabloonontwerpers doorgaans tagnamen definiëren die logisch zijn, dwz de linkerpositie zou uiteindelijk in het linkergedeelte van de pagina worden weergegeven en de bannerpositie zou weergegeven net boven de inhoud enzovoort.

Hoe weet ik welke posities mijn sjabloon ondersteunt?

De meeste gerenommeerde sjabloonontwerpers leggen uit welke moduleposities beschikbaar zijn in de sjabloon.

In Joomla 3 blijft de verantwoordelijkheid bij de ontwerper om de juiste posities in het sjabloondetailsbestand te definiëren. Voor gratis sjablonen weet u misschien niet welke functies er daadwerkelijk bestaan.

Dus hoe ga je te werk om te ontdekken welke posities door de sjabloon worden ondersteund?

De eenvoudigste manier om dit te doen, is door onze instructies hierboven te volgen in: Modules weergeven in Joomla

U kunt ook direct zien wat de posities in de sjabloonbestanden zijn!

Open eenvoudig het index.php-bestand van de sjabloon en zoek naar de jdoc-tag. Noteer de naam van de plaatsen wanneer de jdoc-tag verschijnt. Dwz als u de volgende tags in het index.php-bestand vindt:

  

... 

  

  ...

   

.... 

  

U kunt er gerust van uitgaan dat de posities die door uw sjabloon worden ondersteund zijn:

  • top
  • links
  • banner
  • rechts 

Joomla-moduleposities toevoegen

In deze sectie laten we kort zien hoe u een nieuwe modulepositie in een sjabloon kunt maken.

U moet eerst beslissen waar u de positie in uw sjabloon gaat plaatsen (in termen van de HTML van de sjabloon).

U moet precies begrijpen hoe de sjabloon werkt. We zullen bijvoorbeeld een toevoegen leidende zijbalk positie in onze sjabloon. We vinden de positie (in het index.php) -bestand waar we de leidende zijbalk willen toevoegen en php / html-code willen invoegen, vergelijkbaar met het volgende:


  

   
   
      

 
   

 We moeten dan de modulepositie in het sjabloondetailsbestand maken door een nieuwe . te maken leidende zijbalk positie. Zoek het bestand TemplateDetails.xml bij uw sjabloon onder /templates/ /templateDetails.xml

Vind de tag in uw XML-bestand. Het ziet er ongeveer zo uit:


      links
      Rechtsaf
      top
      banier
      koptekst
      voettekst
      pad
      gebruiker1
      gebruiker2
      gebruiker3
      gebruiker4
      gebruiker5
      inzet
      debuggen
      zoeken
      debuggen

Om uw eigen positie toe te voegen, moet u een nieuwe tag vóór de tag voor de sluitingsposities, in ons geval zullen we de . toevoegen leidende zijbalk positie direct na de debug positie. Het eindresultaat zal als volgt zijn:


      links
      Rechtsaf
      top
      banier
      koptekst
      voettekst
      pad
      gebruiker1
      gebruiker2
      gebruiker3
      gebruiker4
      gebruiker5
      inzet
      debuggen
      zoeken
      debuggen
      leidende zijbalk
 

Zodra dit is gebeurd, kunnen we nu een module toewijzen aan de leidende zijbalk positie in de Uitbreidingen > Modules pagina.

nieuwe functie in modules

 

Als je er echt professioneel uit wilt zien, stop dan met zoeken naar gratis sjablonen. De meeste zien er slecht uit, zijn zeer beperkt in posities en flexibiliteit, hebben bugs en bevatten meestal verborgen links naar de oorspronkelijke ontwerpers.

Als je wilt dat je site er geweldig uitziet, ga dan naar de profs en haal daar een sjabloon voor jezelf. U zult er geen spijt van krijgen, en het eindresultaat zal zeker te zien zijn. De eerste indruk van een website komt natuurlijk voort uit de template, en u wilt natuurlijk een goede eerste indruk! 

Over de auteur
David Attard
Auteur: David AttardWebsite: https://www.linkedin.com/in/dattard/
David heeft de afgelopen 18 jaar in of rond de online / digitale industrie gewerkt. Hij heeft uitgebreide ervaring in de software- en webdesign-industrie met WordPress, Joomla en niches eromheen. Als digitale consultant richt hij zich op het helpen van bedrijven om een ​​concurrentievoordeel te behalen door een combinatie van hun website en digitale platforms die vandaag beschikbaar zijn.

Nog een ding... Wist je dat mensen die nuttige dingen zoals dit bericht delen er ook GEWELDIG uitzien? ​
Alstublieft laat een nuttig geef commentaar met je mening, deel dit dan op je Facebook-groep (en) die dit nuttig zouden vinden en laten we samen de vruchten plukken. Bedankt voor het delen en aardig zijn!

Disclosure: Deze pagina kan links bevatten naar externe sites voor producten die we geweldig vinden en die we van harte aanbevelen. Als u producten koopt die we aanbevelen, kunnen we een verwijzingsvergoeding verdienen. Dergelijke vergoedingen hebben geen invloed op onze aanbevelingen en we accepteren geen betalingen voor positieve beoordelingen.
 

 

Best beoordeelde caching-plug-in

Maak uw website sneller 

Stap-voor-stap - gratis e-mailcursus, hoe u uw website kunt laten laden less dan 1 seconde  

 

wie zijn we?

CollectiveRay wordt gerund door David Attard - we werken al meer dan 12 jaar in en rond de niche van webdesign en bieden bruikbare tips voor mensen die met en op websites werken. We hebben ook DronesBuy.net - een website voor drone-hobbyisten.

David Attard

 

 

Auteur (s) Uitgelicht op:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   en nog veel meer ...