Komplet guide til at forstå Joomla 3 skabelonpositioner

Nye brugere af Joomla har en tendens til at finde skabelonmodulpositioner forvirrende og muligvis frustrerende. Joomla 3 har forbedret den måde skabeloner fungerer på for at sikre dette less forvirrende, kan nogle brugere dog stadig have svært ved at tilføje skabelonpositioner til deres skabeloner. Denne artikel om CollectiveRay.com vil forsøge at rydde luften omkring skabelonmodulpositioner.

Indhold[show]
 

For det første kæmper de fleste med at forstå, hvilke skabelonpositioner der er tilgængelige til brug på deres Joomla-skabelon. Dette er meget let at opdage ved hjælp af følgende trin:

Hvordan vises moduler i Joomla?

Når du opretter et websted ved hjælp af en ny Joomla-skabelon, som du ikke har brugt før, skal du kende de Joomla-skabelonpositioner, der understøttes, og du kan bruge. Du kan gøre dette enten ved at tjekke modulhåndteringen i administratoren, dvs. se de positioner, som modulerne er tildelt, eller ellers bruge dette tip. For at se, hvilke moduler der er tilgængelige ved hjælp af Modulhåndtering, skal du gå til Udvidelser> Moduler og klikke på et eksisterende modul.

I positionsparameteren vil du se en hel liste over positioner, som du kan tildele modulet til. De tilgængelige i skabelonen vises i rullemenuen Positioner:

Vis tilgængelige Joomla-skabelonpositioner

Men selvom du ser listen over positioner, ved du stadig ikke, hvor og hvordan de bruges i skabelonen, så vi er nødt til at se, hvor de er placeret.

Følg disse trin for at forstå, hvordan du viser modulpositioner i Joomla:

  1. Gå til Template Manager (udvidelser> skabeloner> skabeloner)
    skabelonadministrator
  2. Klik på knappen Indstillinger øverst til højre
    skabelonindstillinger
  3. Aktivér Preview Module Positions
    aktivér preview-modulpositioner
  4. Gå til frontend og tilføj? Tp = 1 til slutningen af ​​din Joomla URL f.eks. Www.collectiveray.com? tp = 1
  5. Alle eksisterende skabelonpositioner vises nu med deres navn, fx position-1, position-7, banner, som det kan ses nedenfor:
    visningsmodulpositioner frontend
  6.  

Hvad er Joomla-modulpositioner?

Joomla-positioner er pladsholdere, som du indstiller moduler til, således at et modul vises i den position. For eksempel, hvis Joomla-skabelonen har en søgeposition, placerer du søgemodulet i den position.

Det samme gælder for andre modulpositioner som banner, sidebjælke, sidefod, brødkrummer, venstre, højre osv.

Bemærk, at du normalt kan tilføje mere end et modul til den samme position, dvs. du kan tilføje mere end et modul til din venstre og højre position, idet rækkefølgen, i hvilken de vises, bestemmes af rækkefølgen-parameteren i modulopsætningen.

Positionerne i Joomla 3 er defineret pr. Skabelon. Skabelonpositionsproblemerne er skabelonudviklerens ansvar. De skal sikre, at skabelonpositioner defineret i skabelondetaljerfilen faktisk findes i skabelonen.

Hvis du har brug for flere skabelonpositioner, skal du ændre din skabelon for at imødekomme de yderligere positioner, du har brug for. Dette kræver kendskab til PHP, HTML og XML for ikke at bryde din skabelon.

Dette er især vigtigt for dig at kende og forstå, især hvis du planlægger at bruge et antal Joomla-udvidelser som dem, der vi listede her.

Hvordan tildeles et modul til en position?

Når du designer dit websted med Joomla, vil du tildele et antal forskellige moduler til forskellige positioner. Dette kan gøres via modulets positioner. Nu hvor du kender de tilgængelige positioner, ændrer du blot parameteren Positioner til navnet på den position, hvor du vil have modulet til at blive vist.

Vis tilgængelige Joomla-skabelonpositionerHvis du tildeler mere end et modul til den samme position, for eksempel i sidebar position vises modulerne i den rækkefølge, de indstilles ved hjælp af Bestilling dropdown.

flere moduler i en position

For at ændre rækkefølgen skal du vælge en anden position i Bestilling parameter for hvert modul:

modulbestilling

Brug af JDOC-tagget

Så hvad bestemmer, hvor moduler gengives?

JDOC-tagget i filen index.php erstattes af de moduler, der er tildelt denne position (via udvidelser> modulhåndtering og tildeling af et modul til en bestemt position), når siden gengives. Så hvis vi har

i index.php-filen, og Main Menu-modulet er tildelt til til venstre position vises hovedmenuen i stedet for dette mærke i til venstre position.

Dette gælder for hvert jdoc-tag, der er defineret i filen index.php. Hvis jeg har en

dette vil blive erstattet af de moduler, der er tildelt til højre position.

Logiske positionsnavne

Navneattributten i jdoc-tagget er et logisk navn. Så hvis positionsnavnet er "rigtigt", forventer du, at modulets position er til højre for indholdet, "øverst" skal være øverst i indholdet, "sidebjælke" skal være til siden og "sidefod" til den nederste del af hjemmesiden.

Det er fuldt ud muligt at definere bundpositionen i den øverste del af modulet, selvom typiske skabelondesignere definerer tagnavne, der giver mening, dvs. at venstre position til sidst vil blive vist i venstre side af siden, og bannerpositionen vises lige over indholdet og så videre.

Hvordan ved jeg, hvilke positioner min skabelon understøtter?

De fleste velrenommerede skabelondesignere forklarer, hvilke modulpositioner der er tilgængelige i skabelonen.

I Joomla 3 er designeren ansvarlig for at definere de korrekte positioner i skabelondetaljerfilen. Men for gratis skabeloner ved man måske ikke, hvilke positioner der faktisk findes.

Så hvordan går du i gang med at opdage, hvilke positioner der understøttes af skabelonen?

Den nemmeste måde at gøre dette på er at følge vores instruktioner ovenfor i Sådan vises moduler i Joomla

Du kan også se direkte, hvilke positioner der er i skabelonfilerne direkte!

Du skal blot åbne skabelonens index.php-fil og søge efter jdoc-tagget. Bemærk navnet på de steder, hvor jdoc-koden vises. Dvs. hvis du finder følgende tags i filen index.php:

  

... 

  

  ...

   

.... 

  

Du kan med sikkerhed antage, at positionerne understøttet af din skabelon er:

  • top
  • til venstre
  • banner
  • højre 

Tilføjelse af Joomla-modulpositioner

I dette afsnit viser vi kort hvordan man opretter en ny modulposition i en hvilken som helst skabelon.

Du skal først beslutte, hvor du skal placere positionen i din skabelon (i form af skabelonens HTML).

Du skal forstå nøjagtigt, hvordan tempalaten fungerer. For eksempel vil vi tilføje en ledende sidebjælke position til vores skabelon. Vi finder placeringen (i index.php) -filen, hvor vi vil tilføje den førende sidebjælke og indsætte php / html-kode svarende til følgende:


  

   
   
      

 
   

 Vi skal derefter oprette modulplaceringen i skabelondetaljer-filen ved at oprette en ny ledende sidebjælke position. Find TemplateDetails.xml-filen, der er vedlagt skabelonen under / templates / /templateDetails.xml

Find tag i din XML-fil. Det ser sådan ud:


      venstre
      ret
      top
      banner
      header
      sidefod
      sti
      bruger1
      bruger2
      bruger3
      bruger4
      bruger5
      indsat
      fejlfinde
      Søg
      fejlfinde

For at tilføje din egen position skal du indsætte en ny position tag inden lukningspositionskoden, i vores tilfælde vil vi tilføje ledende sidebjælke position lige efter debug position. Slutresultatet bliver som følger:


      venstre
      ret
      top
      banner
      header
      sidefod
      sti
      bruger1
      bruger2
      bruger3
      bruger4
      bruger5
      indsat
      fejlfinde
      Søg
      fejlfinde
      ledende sidebjælke
 

Når dette er gjort, kan vi nu tildele et modul til ledende sidebjælke position i Udvidelser> Moduler .

ny stilling i moduler

 

Hvis du virkelig vil se professionel ud, skal du stoppe med at søge efter gratis skabeloner. De fleste af dem ser dårlige ud, er meget begrænsede i positioner og fleksibilitet, har bugs og indeholder typisk skjulte links til de originale designere.

Hvis du vil have dit websted til at se godt ud, skal du gå til profferne og skaffe dig en skabelon derfra. Du bliver ikke ked af det, og slutresultatet vil helt sikkert vise sig. Det første indtryk af et websted kommer naturligvis fra skabelonen, og du vil virkelig have det første indtryk rigtigt! 

Om forfatteren
David Attard
Forfatter: David AttardInternet side: https://www.linkedin.com/in/dattard/
David har arbejdet i eller omkring online / digital industri i de sidste 18 år. Han har stor erfaring inden for software- og webdesignindustrien ved hjælp af WordPress, Joomla og nicher, der omgiver dem. Som digital konsulent er hans fokus på at hjælpe virksomheder med at få en konkurrencemæssig fordel ved hjælp af en kombination af deres hjemmeside og digitale platforme, der er tilgængelige i dag.

En ting mere... Vidste du, at folk, der deler nyttige ting som dette indlæg, også ser FANTASTISKE ud? ;-)
Vær venlig forlade a nyttigt kommenter med dine tanker, så del dette på din Facebook-gruppe (r), der ville finde det nyttigt, og lad os høste fordelene sammen. Tak fordi du delte og var god!

Afsløring: Denne side kan indeholde links til eksterne websteder for produkter, som vi elsker og helhjertet anbefaler. Hvis du køber produkter, vi foreslår, tjener vi muligvis et henvisningsgebyr. Sådanne gebyrer påvirker ikke vores anbefalinger, og vi accepterer ikke betalinger for positive anmeldelser.
 

 

Bedst bedømte caching-plugin

Gør dit websted hurtigere 

Trin for trin-gratis e-mail-kursus, hvordan du får dit websted til at indlæse less end 1 sekund  

 

Hvem er vi?

CollectiveRay drives af David Attard - arbejder i og omkring webdesign -nichen i mere end 12 år, og vi giver tips til mennesker, der arbejder med og på websteder. Vi driver også DronesBuy.net - et websted for drone -amatører.

David attard

 

 

Forfatter (e) Fremhævet den:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot logo   WPMU DEV-logo   og mange flere ...