Opret en skabelon til Joomla

Inden vi udvikler vores skabelon, skal vi kende nogle begreber i Joomla -filen og bibliotekstrukturen. Nogle hovedmapper, elementer og filer er:
SkabelonDet er en gruppe af mapper og filer, der angiver strukturen og designet, som webstedet vil vedtage. Vi kan få flere skabeloner installeret til at vælge og dermed ændre designet i henhold til den udvikling, vi udfører.
En skabelonfil kombinerer generelt HTML- og php -kode, hvor webstedets blokke eller div -lag er defineret, hvor webindholdet vil blive vist i henhold til siden eller sektionen.
Derudover kan andre blokke defineres i HTML -skabelonen for at indsætte plugins eller kode for funktioner, som vi skal udføre. Generelt er de blokke, vi definerer blokke, overskriften på internettet, navigationslinjen eller menuen, hvis der var sidekolonner, indholdsområdet, hvis vi har brug for det, kan vi oprette alle de blokke, vi ønsker, alt afhænger af krav til udvikling. Disse blokke eller områder kaldes positioner.
ModulEt joomla -modul er et objekt med HTML, PHP, CSS eller JavaScript -kode, der kan vises på bestemte positioner eller udpegede blokke i webskabelonen. For eksempel kan vi sætte en brugeradgang i overskriften, en sprogvælger, en kontaktformular osv.
PluginEt Joomla -plugin er et objekt med HTML, PHP, CSS eller JavaScript -kode, der kan integreres i webens indhold. Forskellen fra modulet er, hvor pluginet vises på siden. Pluginet kan generelt ikke angive i hvilken position det går, da de udføres for at producere en hændelse for eksempel for at validere en e -mail,
KomponentEn komponent er en samling af moduler og plugins. For eksempel kan en komponent være en virtuel butik som Virtuemart, alle komponentobjekterne har deres egne indstillinger og kan vises på en separat side.
Opbygning af en Joomla -skabelon
En skabelon er et sæt filer, der definerer webens struktur og de blokke eller positioner, hvor vi kan tildele de forskellige elementer. En skabelon til Joomla består af følgende filer:
index.php: er hovedfilen, der beskriver strukturen og designet af websiden
error.php: er den fil, der vil indeholde direktiverne i tilfælde af siden ikke fundet fejl, 404 fejl.
Forhåndsvis billeder: er dem, der hedder template_preview.png.webp og template_thumbnail.png.webp, som giver dig mulighed for at se en forhåndsvisning af skabelonen i miniaturebillede fra administratoren.
Components.php: Denne fil, hvis vi skal have en udskrivbar version af internettet, så konfigurerer vi typografiarkene til at præsentere den artikel, der skal udskrives.
Billeder: er biblioteket, hvor vi vil gemme alle billederne af designet til billeder.
js: i dette bibliotek vil vi lægge javascript- eller Jquery -scripts eller hvad vi end bruger.
Sprog: i dette bibliotek kan vi finde de filer, der er nødvendige for oversættelser til forskellige sprog.
Et vigtigt aspekt er, at hvert bibliotek af sikkerhedsmæssige årsager skal have en tom index.html -fil for at forhindre dem i at blive læst udefra, så alle, der ønsker at få adgang til biblioteket, kun vil se et tomt dokument.
Efter installation af Joomla til vores eksempel, vil vi nu ikke angive, hvordan du installerer det, det kan ganske enkelt downloades fra http://www.joomlaspanish.org/

Efter installation af Joomla vil vi på et andet sted oprette et andet bibliotek end Joomla -biblioteket, og vi navngiver det Demo for at oprette vores skabelon. I denne mappe vil vi først oprette filen templateDetails.xml, som er den, der indeholder konfigurationen af ​​skabelonen, indeni skriver vi følgende xml -kode.

 Demoskabelon 1.0 02/26/2015 Sergio [email protected] Copyright (C) 2015 Demoskabelon demo til Joomla 3.0 index.php css billeder debug position-0 position-1 position-2 position-3 position-4 position-5 position -6 position-7 position-8 position-9 position-10 

Vi definerer navnet på den skabelon, vi kalder den Skabelon demoNår vi installerer skabelonen i Joomla, vil manageren bruge dette navn til at oprette et bibliotek og gemme skabelonfilerne, det vil også være det navn, der vil blive vist i administratorpanelet, forfatteren, de mapper, som skabelonen indeholder, og positioner, der vil have, kan vi definere flere, selvom vi ikke bruger dem alle.
Derefter opretter vi filen index.php hvor vi vil definere webens struktur og de tilsvarende positioner.

 
 .container {bredde: 980px; margin-venstre: auto; / * vi centrerer nettet * / margin-højre: auto; kant: solid 1px sort; } .container {margin: 20px 0px; / * vi anvender en margen på 20px til indholdet * / kant: solid 1px grøn; } .indhold {float: left; bredde: 750px; kant: solid 1px rød; } .kolder {float: right; bredde: 270px; } .kolder, .kage, .hoved {kant: 1px fast blå; } 

CSS -klasserne er lette at bestemme, hvilke blokke vi har, og hvilke positioner. Endelig opretter vi en zip -fil med biblioteket, der indeholder skabelonen, og installerer den fra joomla -administratoren. Vi får adgang til Joomla -administrationspanelet.

Derfra går vi til menuen Udvidelser> Extensions Manager og vi fortsætter med at installere den skabelon, vi har i zip -format.
HuskHusk, at hver skabelon adskiller sig efter versionen af ​​Joomla, i så fald er den kompatibel med 2,5 til 3.x. Også for at installere alle mapper skal have tilladelser til at uploade filer.

FORSTØRRE

Klik på billedet for at forstørre det

Skabelonen installeret og tager standardoplysninger fra Joomla i denne sag version 2.5 på spansk, vi ser, hvordan brugeradgangsmodulet blev placeret i position 3 automatisk, fordi det er betegnet på den måde som standard, mens webindholdet placeres i position 1, som er den, vi har tildelt i webindhold. Fra administratoren kan vi ændre placeringen af ​​de forskellige elementer, som vi administrerer.
Når vi har installeret skabelonen, hvis vi ønsker at opdatere eller ændre den, kan vi handle på koden til skabelonen installeret i joomla i templetes -biblioteket eller arbejde uden for Joomla i en anden mappe, genskabe zip -filen og derefter slette skabelonen fra joomla og geninstaller det.

Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt