✅ Napravite predložak za Joomlu

Sadržaj

Prije razvoja našeg predloška moramo znati neke koncepte Joomla strukture datoteka i direktorija. Neki glavni direktoriji, stavke i datoteke su:
PredložakTo je skupina direktorija i datoteka koji određuju strukturu i dizajn koji će web stranica usvojiti. Možemo imati nekoliko predložaka za odabir i na taj način promijeniti dizajn u skladu s razvojem koji provodimo.
Datoteka predloška općenito kombinira HTML i php kôd gdje su definirani blokovi ili div slojevi weba u kojima će se web sadržaj prikazivati prema stranici ili odjeljku.
Osim toga, u HTML predlošku mogu se definirati drugi blokovi za umetanje dodataka ili koda funkcionalnosti koje moramo izvršiti. Općenito, blokovi koje definiramo blokovi su zaglavlje weba, navigacijska traka ili izbornik, bočni stupci ako postoje, područje sadržaja, ako nam je potrebno možemo stvoriti sve blokove koje želimo, sve ovisi o zahtjevi za razvoj. Ti se blokovi ili područja nazivaju položajima.
ModulJoomla modul je objekt s HTML, PHP, CSS ili JavaScript kodom koji se može prikazati na određenim pozicijama ili označenim blokovima u web predlošku. Na primjer, korisnički pristup možemo staviti u zaglavlje, birač jezika, obrazac za kontakt itd.
UključitiJoomla dodatak je objekt s HTML, PHP, CSS ili JavaScript kodom koji se može ugraditi u sadržaj weba. Razlika od modula je u tome što se dodatak pojavljuje na stranici. Dodatak općenito ne može naznačiti na kojoj se poziciji nalazi budući da se izvršava za stvaranje događaja, na primjer za provjeru e -pošte,
KomponentaKomponenta je zbirka modula i dodataka. Na primjer, komponenta može biti virtualna trgovina poput Virtuemart, svi objekti komponente imaju svoje postavke i mogu se prikazati na zasebnoj stranici.
Struktura Joomla predloška
Predložak je skup datoteka koje definiraju strukturu weba i blokove ili položaje kojima možemo dodijeliti različite elemente. Predložak za Joomlu sastoji se od sljedećih datoteka:
index.php: je glavna datoteka koja opisuje strukturu i dizajn web stranice
pogreška.php: je datoteka koja će sadržavati direktive u slučaju pogreške stranice nije pronađena, pogreška 404.
Pregledajte slike: jesu oni koji se zovu template_preview.png.webp i template_thumbnail.png.webp, što će vam omogućiti da vidite pregled predloška u minijaturi od administratora.
Components.php: Ovu datoteku, ako moramo imati verziju weba za ispis, tada konfiguriramo stilske tablice za predstavljanje članka za ispis.
Slike: je direktorij u koji ćemo spremiti sve slike dizajna za slike.
js: u ovaj direktorij stavit ćemo javascript ili Jquery skripte ili sve što koristimo.
Jezik: u ovom direktoriju možemo pronaći datoteke potrebne za prijevode na različite jezike.
Važan aspekt je da iz sigurnosnih razloga svaki direktorij mora imati praznu datoteku index.html kako bi se spriječilo njihovo čitanje izvana, tako da će svatko tko želi pristupiti imeniku vidjeti samo prazan dokument.
Nakon instaliranja Joomle za naš primjer, sada nećemo navesti kako ga instalirati, jednostavno se može preuzeti s http://www.joomlaspanish.org/

Nakon instaliranja Joomle stvorit ćemo direktorij koji nije Joomla direktorij i nazvat ćemo ga Demo za izradu našeg predloška. U ovom direktoriju prvo ćemo stvoriti datoteku templateDetails.xml, koja sadrži konfiguraciju predloška, unutra upisujemo sljedeći xml kod.

 Demo Template 1.0 02/26/2015 Sergio [email protected] Copyright (C) 2015 Demo Template demo za Joomla 3.0 index.php css slike otklanjanje pogrešaka pozicija-0 pozicija-1 pozicija-2 pozicija-3 pozicija-4 pozicija-5 pozicija -6 pozicija-7 pozicija-8 pozicija-9 pozicija-10

Definiramo naziv predloška koji ga zovemo Predložak demoKad predložak instaliramo u Joomlu, upravitelj će koristiti taj naziv za stvaranje direktorija i spremanje datoteka predložaka, to će biti i naziv koji će se vidjeti na administratorskoj ploči, autor, direktoriji koje predložak sadrži i pozicije koje će imati, možemo definirati nekoliko čak i ako ih ne koristimo sve.
Zatim ćemo stvoriti datoteku index.php gdje ćemo definirati strukturu weba i odgovarajuće pozicije.

 
 .kontejner {širina: 980px; margin-left: auto; / * centriramo web * / margin-right: auto; obrub: čvrsta 1px crna; } .kontejner {margina: 20px 0px; / * na sadržaj primjenjujemo marginu od 20px * / obrub: puna 1px zelena; } .content {float: left; širina: 750px; obrub: puna 1px crvena; } .hladnjak {float: desno; širina: 270px; } .hladnije, .dijelo, .glavo {obrub: 1px puna plava; }

Css klase lako je odrediti koje blokove imamo i koje pozicije. Na kraju stvaramo zip datoteku s direktorijem koji sadrži predložak i instaliramo je od joomla administratora. Pristupamo administrativnoj ploči Joomle.

Odatle idemo na jelovnik Proširenja> Upravitelj proširenja i nastavljamo s instaliranjem predloška koji imamo u zip formatu.
ZapamtitiUpamtite da se svaki predložak razlikuje ovisno o verziji Joomle u tom slučaju kompatibilan je s 2.5 do 3.x. Također za instalaciju svi direktoriji moraju imati dopuštenja za prijenos datoteka.

POVEĆAJTE

Kliknite na sliku da biste je povećali

Predložak je instaliran i uzima zadane podatke iz Joomle u ovom slučaju verzija 2.5 na španjolskom, vidimo kako se modul za korisnički pristup automatski nalazio na poziciji 3 jer je tako zadano označen, dok je web sadržaj postavljen na poziciju 1 koja je onaj koji smo dodijelili web sadržaju. Od administratora možemo promijeniti položaj različitih elemenata kojima upravljamo.
Nakon što smo instalirali predložak, ako ga želimo ažurirati ili izmijeniti, možemo djelovati prema kodu predloška instaliranog u joomli u direktoriju temptes ili raditi izvan Joomle u drugom direktoriju, ponovno stvoriti zip datoteku, a zatim izbrisati predložak iz joomle i ponovno ga instalirajte.