Arhitektura

Čist HTML nad Joomla podacima: anatomija održivog Foundation override-a.

Kako povezati Joomla CMS model podataka sa modernim HTML/CSS komponentama bez zagađivanja šablona nepotrebnim omotačima i klasama.

01 / Ugovor preko data-* atributa

Da bi frontend prototip bio potpuno nezavisan od CMS-a, komunikacija između PHP sloja (Joomla com_content) i klijentskog JavaScripta svodi se na četiri čista atributa na .post-slot kontejneru:[01]

<div class="post-slot"
     data-topic="<?= $this->escape($item->category_title) ?>"
     data-date="<?= HTMLHelper::_('date', $item->publish_up, 'Y-m-d') ?>"
     data-reads="<?= (int) $item->hits ?>"
     data-keywords="<?= $this->escape($keywords) ?>">

02 / Mapiranje Joomla polja

Broj pregleda ($item->hits) prosleđuje se isključivo u data-reads. Na taj način čitalac može da sortira arhivu po čitanosti („Najčitanije“), a da dizajn ostane oslobođen javnih brojača pregleda.

03 / WebAssetManager integracija

U okviru lokalne WAMP instalacije i tvog Foundation šablona, kompletan CSS i JS mogu se registrovati kroz joomla.asset.json ili direktno u templates/foundation/index.php. Kompletne primere fajlova pronaći ćeš u direktorijumu joomla-integration/ ovog projekta.