Komplett guide för att förstå Joomla 3-mallpositioner

Nya användare av Joomla tenderar att hitta mallmodulpositioner förvirrande och möjligen frustrerande. Joomla 3 har förbättrat hur mallar fungerar för att säkerställa detta less förvirrande, men vissa användare kan fortfarande ha svårt att lägga till mallpositioner till sina mallar. Denna artikel om CollectiveRay.com försöker rensa luften om mallmodulens positioner.

Innehåll[Show]
 

För det första kämpar de flesta för att förstå vilka mallpositioner som finns tillgängliga för sin Joomla-mall. Detta är väldigt enkelt att upptäcka med följande steg:

Hur visar jag moduler i Joomla?

När du skapar en webbplats med en ny Joomla-mall som du inte har använt tidigare måste du känna till Joomla-mallpositionerna som stöds och du kan använda. Du kan göra detta antingen genom att kolla in modulhanteraren i administratören, dvs visa de positioner som har moduler tilldelade, eller annars använda detta tips. För att se vilka moduler som är tillgängliga med hjälp av modulhanteraren måste du gå till tillägg> moduler och klicka på en befintlig modul.

I positionsparametern ser du en hel lista med positioner som du kan tilldela modulen till. De som finns i mallen kommer att listas i rullgardinsmenyn Positioner:

visa tillgängliga Joomla-mallpositioner

Men även om du ser listan över positioner vet du fortfarande inte var och hur de används i mallen, så vi måste se var de är placerade.

Följ dessa steg för att förstå hur du visar modulpositioner i Joomla:

  1. Gå till mallhanteraren (tillägg> mallar> mallar)
    mallansvarig
  2. Klicka på alternativknappen längst upp till höger
    mallalternativ
  3. Aktivera förhandsgranskningsmodulens positioner
    aktivera förhandsvisningsmodulpositioner
  4. Gå till frontend och lägg till? Tp = 1 i slutet av din Joomla URL t.ex. www.collectiveray.com? tp = 1
  5. Alla befintliga mallpositioner kommer nu att visas med deras namn t.ex. position-1, position-7, banner, som kan ses nedan:
    visningsmodulpositioner frontend
  6.  

Vad är Joomla-modulpositioner?

Joomla-positioner är platshållare som du ställer in moduler på, så att en modul visas i den positionen. Till exempel, om Joomla-mallen har en sökposition, skulle du placera sökmodulen i den positionen.

Detsamma gäller för andra modulpositioner som banner, sidofält, sidfot, brödsmulor, vänster, höger etc.

Observera att du vanligtvis kan lägga till mer än en modul till samma position, dvs att du kan lägga till mer än en modul till vänster och höger position, där ordningen i vilken de visas bestäms av Order-parametern i modulinställningen.

Positionerna i Joomla 3 definieras per mall. Mallpositionsproblemen är mallutvecklarens ansvar. De måste se till att mallpositioner som definieras i mallinformationsfilen faktiskt finns i mallen.

Om du behöver ytterligare mallpositioner måste du ändra din mall för att tillgodose de ytterligare positioner du behöver. Detta kräver kunskap om PHP, HTML och XML för att inte bryta din mall.

Detta är särskilt viktigt för dig att känna till och förstå, särskilt om du planerar att använda ett antal Joomla-tillägg som de som vi listade här.

Hur tilldelar jag en modul till en position?

När du utformar din webbplats med Joomla, vill du tilldela ett antal olika moduler till olika positioner. Detta kan göras via modulen Positions. Nu när du känner till tillgängliga positioner ändrar du helt enkelt Positionsparametern till namnet på den position där du vill att modulen ska visas.

visa tillgängliga Joomla-mallpositionerOm du tilldelar mer än en modul till samma position, till exempel i sidebar läge kommer modulerna att visas i den ordning de ställs in med hjälp av Beställning falla ner.

flera moduler i en position

För att ändra ordningen måste du välja en annan position i Beställning parameter för varje modul:

modulbeställning

Använd JDOC-taggen

Så vad avgör var moduler återges?

JDOC-taggen i index.php-filen ersätts av modulerna som tilldelats den positionen (via Extensions> Module Manager och tilldelning av en modul till en viss position) när sidan renderas. Så om vi har

i index.php-filen och Main Menu-modulen tilldelas vänster huvudmenyn visas istället för den här taggen i vänster position.

Detta gäller för varje jdoc-tagg som definieras i index.php-filen. Om jag har en

detta kommer att ersättas av de moduler som tilldelats till höger position.

Logiska positionsnamn

Namnattributet i jdoc-taggen är ett logiskt namn. Så om positionsnamnet är "rätt", förväntar du dig att modulpositionen ska vara till höger om innehållet, "överst" överst i innehållet, "sidofält" ska vara åt sidan och "sidfot" till den längst ner på webbplatsen.

Det är fullt möjligt att definiera den nedre positionen i modulens överdel, men vanligtvis definierar malldesigner taggnamn som är vettiga, dvs den vänstra positionen kommer så småningom att visas i vänstra området på sidan och bannerpositionen skulle vara visas precis ovanför innehållet och så vidare.

Hur vet jag vilka positioner min mall stöder?

De flesta ansedda malldesigners förklarar vilka modulpositioner som finns i mallen.

I Joomla 3 kvarstår ansvaret för designern att definiera rätt positioner i mallinformationsfilen. Men för gratis mallar kanske man inte vet vilka positioner som faktiskt finns.

Så hur ska du upptäcka vilka positioner som stöds av mallen?

Det enklaste sättet att göra detta är att följa våra instruktioner ovan Hur man visar moduler i Joomla

Du kan också se direkt vilka positioner i mallfilerna direkt!

Öppna helt enkelt mallens index.php-fil och sök efter jdoc-taggen. Notera namnet på platserna när jdoc-taggen visas. Det vill säga om du hittar följande taggar i index.php-filen:

  

... 

  

  ...

   

.... 

  

Du kan säkert anta att positionerna som stöds av din mall är:

  • topp
  • vänster
  • banderoll
  • höger 

Lägga till Joomla-modulpositioner

I det här avsnittet visar vi kort hur man skapar en ny modulposition i vilken mall som helst.

Du måste först bestämma var du ska placera positionen i din mall (i termer av mallens HTML).

Du måste förstå exakt hur tempalaten fungerar. Till exempel kommer vi att lägga till en ledande sidofält position till vår mall. Vi hittar positionen (i index.php) -filen där vi vill lägga till det främsta sidofältet och infoga php / html-kod som liknar följande:


  

   
   
   </div>   

 </div>
   

 Vi måste sedan skapa modulpositionen i filen Mallinformation genom att skapa en ny ledande sidofält placera. Hitta TemplateDetails.xml-filen som medföljer din mall under / mallar / /templateDetails.xml

Hitta tagg i din XML-fil. Det ser ut så här:


      vänster
      rätt
      topp
      baner
      rubrik
      sidfot
      väg
      användare1
      användare2
      användare3
      användare4
      användare5
      infälld
      felsöka
      Sök
      felsöka

För att lägga till din egen position måste du infoga en ny tagg före stängningspositionstaggen, i vårt fall lägger vi till ledande sidofält position direkt efter felsöka placera. Slutresultatet blir följande:


      vänster
      rätt
      topp
      baner
      rubrik
      sidfot
      väg
      användare1
      användare2
      användare3
      användare4
      användare5
      infälld
      felsöka
      Sök
      felsöka
      ledande sidofält
 

När detta är klart kan vi nu tilldela en modul till ledande sidofält position i Tillägg> Moduler sida.

ny position i moduler

 

Sluta söka efter om du verkligen vill se professionell ut gratis mallar. De flesta av dem ser dåliga ut, är mycket begränsade i positioner och flexibilitet, har buggar och innehåller vanligtvis dolda länkar till originaldesignerna.

Om du vill att din webbplats ska se bra ut, gå till proffsen och skaffa dig en mall därifrån. Du kommer inte att bli ledsen, och slutresultatet kommer definitivt att visas. Det första intrycket av en webbplats är uppenbarligen från mallen, och du vill verkligen få första intrycket rätt! 

Om författaren
David Attard
David har arbetat i eller runt online / digital industrin under de senaste 18 åren. Han har stor erfarenhet av mjukvaru- och webbdesignindustrin med WordPress, Joomla och nischer som omger dem. Som digital konsult fokuserar han på att hjälpa företag att få en konkurrensfördel med en kombination av deras webbplats och digitala plattformar som finns idag.

En sak till... Visste du att människor som delar användbara saker som det här inlägget ser fantastiska ut också? ;-)
Tveka inte, lämna en användbara kommentera med dina tankar, dela sedan detta på din Facebook-grupp (er) som skulle tycka att det var användbart och låt oss skörda fördelarna tillsammans. Tack för att du delade och var trevlig!

Upplysningar: Denna sida kan innehålla länkar till externa webbplatser för produkter som vi älskar och rekommenderar helhjärtat. Om du köper produkter vi föreslår kan vi tjäna en remissavgift. Sådana avgifter påverkar inte våra rekommendationer och vi accepterar inte betalningar för positiva recensioner.

 

vilka är vi?

CollectiveRay drivs av David Attard - arbetar i och runt webbdesignnischen i mer än 12 år, vi ger användbara tips för människor som arbetar med och på webbplatser. Vi driver också DronesBuy.net - en webbplats för drönare.

David attard

 

 

Författare Utvalda på:  Inc Magazine-logotyp   Sitepoint-logotyp   CSS Tricks-logotyp    webbdesignerdepot-logotyp   WPMU DEV-logotyp   och många fler ...