Igor Kulman

je 26-ročný absolvent softvérového inžinierstva na MFF UK v Prahe, pracuje ako Windows Phone 7 vývojár v Inmite, tento blog píše len tak pre radosť, v nádeji, že jeho články budú pre niekoho užitočné. Čaká na vás 262 zaujímavých článkov doplnených o 546 komentárov.

Modular CMS využíva šablónovací systém Smarty Template Engine, zmena dizajnu pomocou vlastnej šablóny je teda veľmi jednoduchá a je záležitosťou pár minút.

Predpokladajme, že máte pripravenú XHTML + CSS šablónu s požadovaním vzhľadom, teda XHML súbor, napríklad index.html, súbor s kaskádovými štýlmi style.css a obrázky v adresári images.

Základná editácia súborov

Všetky potrebné súbory, ako sú obrázky a súbory s kaskádovými štýlmi (musí sa volať style.css) musíte nakopírovať do adresára gfx.

Ostáva nám ešte aplikácia súboru index.html. V adresári tpl otvorte súbory _top.tpl a _bottom.tpl v ľubovoľnom textovom editore.

V súbore _top.tpl nahraďte všetky riadky od až do konca súboru riadka z vášho index.html riadkami od až po začiatok skutočného textového obsahu.

V súbore _bottom.tpl nahraďte všetky riadky od začiatku súboru až d konca riadkami z vášho index.html zodpovedajúcim riadkom od konca skutočného textového obsahu až do konca súboru.

Nakoniec je ešte potrebné opraviť cesty k obrázkom. Všetky obrázky ste nahrali do adresára gfx, cesty všetkých použitých obrázkov teda zmeňte na {$gfx}obrázok.jpg namiesto pôvodného images/obrázok.jpg. Podobnú zmenu je potrebné vykonať aj v súbore gfx/style.css, cesty k všetkým použitým obrázkom však zmažte, teda cestu typu images/obrázok.jpg zmeňte na obrázok.jpg.

Vloženie prvok CMS

Úspešne ste do Modular CMS nasadil vlastnú grafickú šablónu, je však treba ešte pridať dôležité prvky, ako je užívateľské a administračné menu, prípadne novinky a bloky.

Užívateľské menu

Užívateľské menu pridáte vložením {$menu.side} na miesto, kde sa má menu nachádzať. Menu je tvorené nečíslovaným zoznamom, môžete ho ľubovoľne doštýlovať pomocou selektora #menu.

Administračné menu

Administračné menu pridáte vložením

{include file=admin-links.tpl}

na miesto, kde sa má administračné menu nachádzať. Administračné menu je tvorené nečíslovaným zoznamom, môžete ho ľubovoľne doštýlovať pomocou selektora .admin-menu.

Novinky

Prehľad posledných noviniek, ich počet je možné nastaviť v konfiguračnom súbore tpl/conf/setup.conf direktívou news_main, môžete v šablóne vygenerovať cez jednoduchý cyklus foreach :

{foreach from=$news item=i}
<p><b>{$i.title}</b> ({$i.d}) <br />{$i.text}</p>
{/foreach} 

V sekcii medzi foreach a /foreach môžete použiť ľubovoľné formátovanie noviniek.

Bloky

Na vloženie textových blokov použite nasledujúci cyklus:

{foreach from=$blocks item=i}
	<div class="box{$i.style}">
	<div class="box{$i.style}-top"><h5>{$i.title}</h5></div>
	<div class="box{$i.style}in">
	{$i.text|trim|indent:14}&nbsp;
	</div>
	<div class="box{$i.style}-bottom">&nbsp;</div>
	</div>
	{/foreach}

Formátovanie blokov opäť záleží len na vás.