Kako izdelati Joomla predlogo - Design in zasnova

Preden začnemo z izdelavo predloge, se moramo odločiti za osnovni dizajn. V našem primeru gre za splošno tematiko in enostavno zasnovo. Kljub vsemu sem se odločil za uporabo Bootstrap 3, saj nam ta omogoča malce več možnosti.

Zasnova in dizajn

Predloga ima osnovne gradnike.

  • Glavo (header) v kateri je logotip in glavna navigacija.
  • Pozicijo fullwidth, primerno za slider v celotni širini strani
  • Pozicijo feature, primerno za veliki uvodni nagovor in CTA elemente
  • Vsebinski del s pozicijami levo in desno
  • Pozicijo bottom za module pod vsebino
  • Nogo footer

 V osnovi bom uporabil le nekaj sivin in privzeto Bootstrap modro. Barvno je mogoče predlogo zelo hitro prilagoditi vsaki barvni shemi. Končni izgled bi bil takšen.

sijoomla template design

Preden pa se lotimo dejanske izdelave, še nekaj teorije. 

Katera znanja potrebujem za izdelavo predloge?

Za izdelavo predloge za kateri koli CMS sistem potrebujete vsaj osnovno znanje html in css ter nekaj osnov php. Za napredne funkcije in dodelane končne izdelke pa bo potrebno kar dobro znanje že omenjenih in poznavanje Jquery JavaSkript knjižnic.

Katera orodja potrebujem?

Vse kar potrebujete je urejevalnik Notepad++ ali podoben in grafični program, kot je Gimp. Za lažje delo priporočam namestitev enega od lokalnih serverjev (XAMP, EasyPhp...).

Kako je Joomla predloga sestavljena?

Osnova je datoteka index.php. Potrebujemo še css datoteko za oblikovanje, xml za instalacijo in mapo za grafiko. Osnovna struktura je torej takšna:

css/style.css 
images/
index.php
templateDetails.xml

V našem primeru bo datotek nekaj več. Zaradi uporabe Bootstrap 3 pa bomo morali dodati tudi nekaj datotek za preglasitev privzetih Joomla pogledov.

V nadaljevanju kreiranje osnovnih datotek

 

© SiJoomla. Vse pravice pridržane.

Pridobi dodatna znanja!

Izobraževanja in delavnice, pomoč in inštrukcije za Joomlo, seminarji za podjetja.

 

Že imate spletno stran izdelano z Joomla CMS? Potrebujete več znanja pri administraciji spletnega mesta?

Ponujamo individualna izobraževanja za Joomlo.

Preverite

x