✅ Skapa en mall för Joomla

Innehållsförteckning

Innan vi utvecklar vår mall måste vi känna till några begrepp för Joomla -filen och katalogstrukturen. Några huvudkataloger, objekt och filer är:
MallDet är en grupp kataloger och filer som specificerar strukturen och designen som webbplatsen kommer att anta. Vi kan ha flera mallar installerade för att välja och därmed ändra designen efter den utveckling som vi utför.
En mallfil kombinerar vanligtvis HTML- och php -kod där blockens eller div -lager på webben definieras där webbinnehållet kommer att visas enligt sidan eller sektionen.
Dessutom kan andra block definieras i HTML -mallen för att infoga plugins eller funktionalitetskoder som vi behöver köra. I allmänhet är blocken som vi definierar block huvudet på webben, navigeringsfältet eller menyn, sidokolumnerna om det fanns, innehållsområdet, om vi behöver kan vi skapa alla block vi vill ha, allt beror på krav för att utvecklas. Dessa block eller områden kallas positioner.
ModulEn joomla -modul är ett objekt med HTML-, PHP-, CSS- eller JavaScript -kod som kan visas på vissa positioner eller markerade block i webbmallen. Till exempel kan vi sätta en användaråtkomst i rubriken, en språkväljare, ett kontaktformulär, etc.
PluginEtt Joomla -plugin är ett objekt med HTML-, PHP-, CSS- eller JavaScript -kod som kan vara inbäddat i innehållet på webben. Skillnaden från modulen är var pluginet visas på sidan. Insticksprogrammet kan generellt inte ange i vilken position det går eftersom de körs för att producera en händelse till exempel för att validera ett e -postmeddelande,
KomponentEn komponent är en samling moduler och plugins. Till exempel kan en komponent vara en virtuell butik som Virtuemart, alla komponentobjekt har sina egna inställningar och kan visas på en separat sida.
Struktur för en Joomla -mall
En mall är en uppsättning filer som definierar strukturen på webben och blocken eller positionerna där vi kan tilldela de olika elementen. En mall för Joomla består av följande filer:
index.php: är huvudfilen som beskriver webbsidans struktur och design
error.php: är filen som kommer att innehålla direktiven om sidan inte hittades fel, 404 -fel.
Förhandsgranska bilder: är de som heter template_preview.png.webp och template_thumbnail.png.webp, som låter dig se en förhandsvisning av mallen i miniatyrbild från administratören.
Components.php: Den här filen om vi behöver ha en utskrivbar version av webben då konfigurerar vi formatmallarna för att presentera artikeln som ska skrivas ut.
Bilder: är katalogen där vi kommer att spara alla bilder i designen för bilder.
js: i den här katalogen kommer vi att lägga till javascript- eller Jquery -skript eller vad vi än använder.
språk: i den här katalogen kan vi hitta de filer som behövs för översättningar till olika språk.
En viktig aspekt är att av säkerhetsskäl måste varje katalog ha en tom index.html -fil för att förhindra att de läses utifrån så att alla som vill komma åt katalogen bara ser ett tomt dokument.
Efter att ha installerat Joomla för vårt exempel kommer vi nu inte att ange hur man installerar det, det kan helt enkelt laddas ner från http://www.joomlaspanish.org/

Efter installationen av Joomla ska vi på en annan plats skapa en annan katalog än Joomla -katalogen och vi döper den Demo för att skapa vår mall. I den här katalogen skapar vi först filen templateDetails.xml, som är den som innehåller mallens konfiguration, inuti skriver vi följande xml -kod.

 Demomall 1.0 26/02/2015 Sergio [email protected] Copyright (C) 2015 Demomall-demo för Joomla 3.0 index.php css-bilder felsök position-0 position-1 position-2 position-3 position-4 position-5 position -6 position-7 position-8 position-9 position-10

Vi definierar namnet på den mall vi kallar det Mall demoNär vi installerar mallen i Joomla, kommer chefen att använda det namnet för att skapa en katalog och spara mallfilerna, det kommer också att vara namnet som kommer att visas på administratörspanelen, författaren, katalogerna som mallen innehåller och positioner som kommer att ha, kan vi definiera flera även om vi inte använder dem alla.
Då skapar vi filen index.php där vi kommer att definiera strukturen på webben och motsvarande positioner.

 
 .container {bredd: 980px; marginal-vänster: auto; / * vi centrerar webben * / margin-right: auto; kant: solid 1px svart; } .container {marginal: 20px 0px; / * vi tillämpar en marginal på 20 px på innehållet * / border: fast 1 px grönt; } .innehåll {float: left; bredd: 750px; kant: solid 1px röd; } .färg {float: right; bredd: 270px; } .kolder, .paj, .huvud {kant: 1px fast blå; }

CSS -klasserna är lätta att avgöra vilka block vi har och vilka positioner. Slutligen skapar vi en zip -fil med katalogen som innehåller mallen och installerar den från joomla -administratören. Vi kommer åt Joomla -administrationspanelen.

Därifrån går vi till menyn Tillägg> Tilläggshanterare och vi fortsätter att installera mallen som vi har i zip -format.
Kom ihågKom ihåg att varje mall skiljer sig beroende på versionen av Joomla i så fall är den kompatibel med 2,5 till 3.x. För att installera måste alla kataloger ha behörighet att ladda upp filer.

FÖRSTORA

Klicka på bilden för att förstora den

Mallen installerad och tar standardinformationen från Joomla i det här fallet version 2.5 på spanska, vi ser hur användaråtkomstmodulen placerades i position 3 automatiskt eftersom den är angiven på det sättet som standard, medan webbinnehållet placeras i position 1 som är den som vi har tilldelat i webbinnehåll. Från administratören kan vi ändra positionen för de olika elementen som vi hanterar.
När vi har installerat mallen, om vi vill uppdatera eller ändra den, kan vi agera på koden för mallen som är installerad i joomla i malletes -katalogen eller arbeta utanför Joomla i en annan katalog, återskapa zip -filen och sedan ta bort mallen från joomla och installera om det.