✅ Vytvořte šablonu pro Joomla

Obsah

Před vývojem naší šablony musíme znát některé koncepty struktury souborů a adresářů Joomla. Některé hlavní adresáře, položky a soubory jsou:
ŠablonaJe to skupina adresářů a souborů, které určují strukturu a design, který web přijme. Můžeme mít nainstalováno několik šablon k výběru a tím ke změně designu podle vývoje, který provádíme.
Soubor šablony obecně kombinuje kód HTML a php, kde jsou definovány bloky nebo vrstvy div webu, ve kterých se obsah webu zobrazí podle stránky nebo sekce.
Kromě toho lze v šabloně HTML definovat další bloky pro vkládání doplňků nebo kódu funkcí, které potřebujeme provést. Obecně platí, že bloky, které definujeme, jsou záhlaví webu, navigační lišta nebo nabídka, postranní sloupce, pokud existují, oblast obsahu, pokud potřebujeme, můžeme vytvořit všechny požadované bloky, vše závisí na požadavky na vývoj. Tyto bloky nebo oblasti se nazývají pozice.
ModulModul joomla je objekt s kódem HTML, PHP, CSS nebo JavaScript, který lze zobrazit na určitých pozicích nebo určených blocích ve webové šabloně. Můžeme například vložit přístup uživatele do záhlaví, selektoru jazyka, kontaktního formuláře atd.
ZapojitPlugin Joomla je objekt s kódem HTML, PHP, CSS nebo JavaScript, který lze vložit do obsahu webu. Rozdíl oproti modulu je v tom, kde se plugin na stránce objeví. Plugin obecně nemůže indikovat, v jaké pozici se nachází, protože jsou spuštěny k vytvoření události, například k ověření e -mailu,
KomponentKomponenta je sbírka modulů a doplňků. Komponentou může být například virtuální úložiště, jako je Virtuemart, všechny objekty komponenty mají svá vlastní nastavení a lze je zobrazit na samostatné stránce.
Struktura šablony Joomla
Šablona je sada souborů, které definují strukturu webu a bloky nebo pozice, kam můžeme přiřadit různé prvky. Šablona pro Joomla se skládá z následujících souborů:
index.php: je hlavní soubor, který popisuje strukturu a vzhled webové stránky
error.php: je soubor, který bude obsahovat směrnice v případě chyby stránky nenalezeno, chyba 404.
Náhled obrázků: jsou pojmenovány template_preview.png.webp a template_thumbnail.png.webp, což vám umožní zobrazit náhled šablony jako miniaturu od správce.
Components.php: Tento soubor, pokud potřebujeme mít tisknutelnou verzi webu, pak nakonfigurujeme šablony stylů tak, aby představovaly článek k tisku.
Snímky: je adresář, kam budeme ukládat všechny obrázky návrhu pro obrázky.
js: do tohoto adresáře vložíme skripty javascript nebo Jquery nebo cokoli, co používáme.
Jazyk: v tomto adresáři najdeme soubory nezbytné pro překlady do různých jazyků.
Důležitým aspektem je, že z bezpečnostních důvodů musí mít každý adresář prázdný soubor index.html, aby se zabránilo jejich čtení zvenčí, takže každý, kdo chce do adresáře přistupovat, uvidí pouze prázdný dokument.
Po instalaci Joomly pro náš příklad nyní nebudeme uvádět, jak ji nainstalovat, lze ji jednoduše stáhnout z http://www.joomlaspanish.org/

Po instalaci Joomly vytvoříme na jiném místě jiný adresář než adresář Joomla a pojmenujeme jej Demo k vytvoření naší šablony. V tomto adresáři nejprve vytvoříme soubor templateDetails.xml, což je ta, která obsahuje konfiguraci šablony, uvnitř napíšeme následující xml kód.

 Demo Template 1.0 26. 2. 2015 Sergio [email protected] Copyright (C) 2015 Demo Template demo for Joomla 3.0 index.php css images debug position-0 position-1 position-2 position-3 position-4 position-5 position -6 pozice-7 pozice-8 pozice-9 pozice-10

Definujeme název šablony, kterou nazýváme Ukázka šablonyKdyž nainstalujeme šablonu do Joomly, manažer použije toto jméno k vytvoření adresáře a uložení souborů šablon, bude to také jméno, které bude viděno na administrátorském panelu, autor, adresáře, které šablona obsahuje a pozice, které budou mít, můžeme nadefinovat několik, i když je nepoužíváme všechny.
Poté soubor vytvoříme index.php kde budeme definovat strukturu webu a odpovídající pozice.

 
 .container {šířka: 980px; margin-left: auto; / * vycentrujeme web * / margin-right: auto; ohraničení: plná 1px černá; } .container {margin: 20px 0px; / * na obsah aplikujeme okraj 20 pixelů * / border: pevný 1px zelený; } .content {float: left; šířka: 750px; ohraničení: plná 1px červená; } .colder {float: right; šířka: 270px; } .colder, .pie, .head {border: 1px plná modrá; }

Třídy css lze snadno určit, jaké bloky máme a jaké pozice. Nakonec vytvoříme zip soubor s adresářem, který obsahuje šablonu, a nainstalujeme jej od správce joomla. Vstupujeme do administračního panelu Joomla.

Odtud jdeme do nabídky Rozšíření> Správce rozšíření a pokračujeme v instalaci šablony, kterou máme, ve formátu zip.
Zapamatovat siPamatujte, že každá šablona se liší podle verze Joomla, v tom případě je kompatibilní s 2.5 až 3.x. Také k instalaci všech adresářů musí mít oprávnění k nahrávání souborů.

ZVĚTŠIT

Kliknutím na obrázek jej zvětšíte

Šablona nainstalovaná a převzetí výchozích informací z Joomly v tomto případě verze 2.5 ve španělštině, vidíme, jak byl modul pro přístup uživatelů umístěn automaticky na pozici 3, protože je ve výchozím nastavení takto označen, zatímco webový obsah je umístěn na pozici 1, která je ten, který jsme přiřadili webovému obsahu. Od správce můžeme změnit pozici různých prvků, které spravujeme.
Jakmile šablonu nainstalujeme, pokud ji chceme aktualizovat nebo upravit, můžeme jednat podle kódu šablony nainstalované v joomla v adresáři templetes nebo pracovat mimo Joomla v jiném adresáři, znovu vytvořit soubor zip a poté šablonu odstranit z joomla a přeinstalujte jej.