✅ Lag en mal for Joomla | Utvikling 2024

Innholdsfortegnelse

Før vi utvikler malen vår, må vi kjenne noen begreper i Joomla -filen og katalogstrukturen. Noen hovedkataloger, elementer og filer er:
MalDet er en gruppe kataloger og filer som spesifiserer strukturen og designet som nettstedet vil vedta. Vi kan ha flere maler installert for å velge og dermed endre designet i henhold til utviklingen vi utfører.
En malfil kombinerer vanligvis HTML- og php -kode der blokkene eller div -lagene på nettet er definert der webinnholdet skal vises i henhold til siden eller delen.
I tillegg kan andre blokker defineres i HTML -malen for å sette inn plugins eller funksjonskoder som vi må utføre. Generelt er blokkene vi definerer blokker overskriften på nettet, navigasjonslinjen eller menyen, sidekolonnene hvis det var, innholdsområdet, hvis vi trenger kan vi lage alle blokkene vi ønsker, alt avhenger av krav til utvikling. Disse blokkene eller områdene kalles posisjoner.
ModulEn joomla -modul er et objekt med HTML, PHP, CSS eller JavaScript -kode som kan vises i bestemte posisjoner eller angitte blokker i webmalen. For eksempel kan vi sette en brukertilgang i overskriften, en språkvelger, et kontaktskjema, etc.
Plugg innEn Joomla -plugin er et objekt med HTML, PHP, CSS eller JavaScript -kode som kan være innebygd i innholdet på nettet. Forskjellen fra modulen er hvor pluginet vises på siden. Programtillegget kan vanligvis ikke indikere i hvilken posisjon det går siden de kjøres for å lage en hendelse, for eksempel for å validere en e -post,
KomponentEn komponent er en samling moduler og plugins. For eksempel kan en komponent være en virtuell butikk som Virtuemart, alle komponentobjektene har sine egne innstillinger og kan vises på en egen side.
Strukturen til en Joomla -mal
En mal er et sett med filer som definerer strukturen på nettet og blokkene eller posisjonene der vi kan tilordne de forskjellige elementene. En mal for Joomla består av følgende filer:
index.php: er hovedfilen som beskriver strukturen og utformingen av nettsiden
error.php: er filen som vil inneholde direktivene hvis siden ikke ble funnet feil, 404 feil.
Forhåndsvis bilder: er de som heter template_preview.png.webp og template_thumbnail.png.webp, som lar deg se en forhåndsvisning av malen i miniatyrbilde fra administratoren.
Components.php: Denne filen hvis vi må ha en utskrivbar versjon av nettet, så konfigurerer vi stilarkene til å presentere artikkelen som skal skrives ut.
Bilder: er katalogen der vi vil lagre alle bildene av designet for bilder.
js: i denne katalogen vil vi legge til javascript- eller Jquery -skriptene eller hva vi bruker.
Språk: i denne katalogen kan vi finne filene som er nødvendige for oversettelser til forskjellige språk.
Et viktig aspekt er at hver katalog må ha en tom index.html -fil av sikkerhetsmessige årsaker for å forhindre at de leses utenfra, slik at alle som ønsker å få tilgang til katalogen bare vil se et tomt dokument.
Etter å ha installert Joomla for vårt eksempel, vil vi ikke nå indikere hvordan du installerer det, det kan ganske enkelt lastes ned fra http://www.joomlaspanish.org/

Etter at du har installert Joomla, skal vi lage et annet katalog enn Joomla -katalogen på et annet sted, og vi gir det navnet Demo for å lage malen vår. I denne katalogen vil vi først opprette filen templateDetails.xml, som er den som inneholder konfigurasjonen av malen, inne skriver vi følgende xml -kode.

 Demomall 1.0 26.02.2015 Sergio [email protected] Copyright (C) 2015 Demomal demo for Joomla 3.0 index.php css-bilder feilsøkingsposisjon-0 posisjon-1 posisjon-2 posisjon-3 posisjon-4 posisjon-5 posisjon -6 posisjon-7 posisjon-8 posisjon-9 posisjon-10

Vi definerer navnet på malen vi kaller den MaldemoNår vi installerer malen i Joomla, vil lederen bruke det navnet til å opprette en katalog og lagre malfilene, det vil også være navnet som vil bli sett i administratorpanelet, forfatteren, katalogene som malen inneholder og posisjoner som vil ha, kan vi definere flere selv om vi ikke bruker dem alle.
Deretter lager vi filen index.php hvor vi vil definere strukturen på nettet og de tilsvarende posisjonene.

 
 .container {bredde: 980px; margin-venstre: auto; / * vi sentrerer nettet * / margin-høyre: auto; kant: solid 1px svart; } .container {margin: 20px 0px; / * vi bruker en margin på 20 piksler på innholdet * / kantlinje: solid 1 px grønt; } .innhold {float: left; bredde: 750px; kant: solid 1px rød; } .kolder {float: right; bredde: 270px; } .kolder, .kake, .hode {kant: 1px helt blå; }

CSS -klassene er enkle å bestemme hvilke blokker vi har og hvilke posisjoner. Til slutt lager vi en zip -fil med katalogen som inneholder malen og installerer den fra joomla -administratoren. Vi får tilgang til Joomla -administrasjonspanelet.

Derfra går vi til menyen Utvidelser> Utvidelsesbehandling og vi fortsetter å installere malen vi har i zip -format.
HuskeHusk at hver mal er forskjellig i henhold til Joomla -versjonen, i så fall er den kompatibel med 2,5 til 3.x. Også for å installere må alle kataloger ha tillatelser til å laste opp filer.

FORSTØRRE

Klikk på bildet for å forstørre det

Malen installert og tar standardinformasjonen fra Joomla i denne saken versjon 2.5 på spansk, vi ser hvordan brukeradgangsmodulen ble plassert i posisjon 3 automatisk fordi den er angitt slik som standard, mens webinnholdet er plassert i posisjon 1 som er den vi har tilordnet i webinnhold. Fra administratoren kan vi endre posisjonen til de forskjellige elementene vi administrerer.
Når vi har installert malen, hvis vi ønsker å oppdatere eller endre den, kan vi handle på koden til malen installert i joomla i templetes -katalogen eller jobbe utenfor Joomla i en annen katalog, gjenskape zip -filen og deretter slette malen fra joomla og installer det på nytt.