Преглед садржаја
Пре него што развијемо наш шаблон морамо знати неке концепте Јоомла структуре датотека и директоријума. Неки главни директоријуми, ставке и датотеке су:ТемплатеТо је група директоријума и датотека који одређују структуру и дизајн који ће веб локација усвојити. Можемо имати неколико предложака за избор и на тај начин променити дизајн у складу са развојем који спроводимо.
Датотека предлошка обично комбинује ХТМЛ и пхп код где су дефинисани блокови или див слојеви веба у којима ће се веб садржај приказивати према страници или одељку.
Осим тога, други блокови се могу дефинисати у ХТМЛ шаблону за уметање додатака или кода функционалности које морамо да извршимо. Уопштено, блокови које дефинишемо блокови су заглавље веба, трака за навигацију или мени, бочне колоне ако постоје, област садржаја, ако нам је потребно можемо створити све блокове које желимо, све зависи од захтеви за развој. Ови блокови или области називају се положаји.
МодулЈоомла модул је објекат са ХТМЛ, ПХП, ЦСС или ЈаваСцрипт кодом који се може приказати на одређеним позицијама или означеним блоковима у веб шаблону. На пример, кориснички приступ можемо ставити у заглавље, бирач језика, образац за контакт итд.
ПовезатиЈоомла додатак је објекат са ХТМЛ, ПХП, ЦСС или ЈаваСцрипт кодом који се може уградити у садржај веба. Разлика од модула је у томе што се додатак појављује на страници. Додатак опћенито не може назначити на којој се позицији налази будући да се извршава за стварање догађаја, на примјер за провјеру е -поште,
Саставни деоКомпонента је збирка модула и додатака. На пример, компонента може бити виртуелна продавница попут Виртуемарт -а, сви објекти компоненте имају своја подешавања и могу се приказати на засебној страници.
Структура Јоомла шаблона
Шаблон је скуп датотека које дефинишу структуру веба и блокове или позиције којима можемо доделити различите елементе. Шаблон за Јоомла састоји се од следећих датотека:
индек.пхп: је главна датотека која описује структуру и дизајн веб странице
еррор.пхп: је датотека која ће садржати директиве у случају грешке странице није пронађена, грешка 404.
Прегледајте слике: су они који се зову темплате_превиев.пнг и темплате_тхумбнаил.пнг, што ће вам омогућити да видите преглед предлошка у сличици од администратора.
Цомпонентс.пхп: Ова датотека ако нам је потребна верзија веба за штампање, тада конфигуришемо стилске листове да представе чланак за штампање.
Слике: је директоријум у који ћемо сачувати све слике дизајна за слике.
јс: у овај директоријум ћемо ставити јавасцрипт или Јкуери скрипте или шта год да користимо.
Језик: у овом директоријуму можемо пронаћи датотеке потребне за преводе на различите језике.
Важан аспект је да из безбедносних разлога сваки директоријум мора имати празну датотеку индек.хтмл како би се спречило њихово читање споља, тако да ће свако ко жели да приступи директоријуму видети само празан документ.
Након инсталирања Јоомле за наш пример, сада нећемо навести како да га инсталирамо, једноставно га можете преузети са хттп://ввв.јоомласпанисх.орг/
Након инсталирања Јоомле, креираћемо на другом месту директоријум који није Јоомла директоријум и дати му име Демо за креирање нашег шаблона. У овом директоријуму ћемо прво креирати датотеку темплатеДетаилс.кмл, који садржи конфигурацију предлошка, унутра уписујемо следећи кмл код.
Демо Темплате 1.0 02/26/2015 Сергио демо@гмаил.цом Цопиригхт (Ц) 2015 Демо Темплате демо за Јоомла 3.0 индек.пхп цсс слике отклањање грешака позиција-0 позиција-1 позиција-2 позиција-3 позиција-4 позиција-5 позиција -6 позиција-7 позиција-8 позиција-9 позиција-10Дефинишемо име шаблона који га зовемо Темплате демоКада инсталирамо шаблон у Јоомлу, менаџер ће користити то име за креирање директоријума и чување датотека шаблона, то ће бити и име које ће се видети на администраторској табли, аутор, директоријуми које шаблон садржи и позиције које ће имати, можемо дефинисати неколико чак и ако их не користимо све.
Затим ћемо креирати датотеку индек.пхп где ћемо дефинисати структуру веба и одговарајуће позиције.
.контејнер {ширина: 980пк; маргин-лефт: ауто; / * центрирамо веб * / маргин-ригхт: ауто; ивица: чврста 1пк црна; } .цонтаинер {маргин: 20пк 0пк; / * примењујемо маргину од 20пк на садржај * / ивица: пуна 1пк зелена; } .цонтент {флоат: лефт; ширина: 750пк; ивица: чврста 1пк црвена; } .цолдер {флоат: ригхт; ширина: 270пк; } .хладнији, .пиец, .хеад {бордура: 1пк пуна плава; }Цсс класе је лако одредити које блокове имамо и које позиције. На крају креирамо зип датотеку са директоријумом који садржи предложак и инсталирамо је од јоомла администратора. Приступамо Јоомла административној плочи.
Одатле идемо на мени Проширења> Менаџер проширења и настављамо са инсталирањем шаблона који имамо у зип формату.
ЗапамтитиУпамтите да се сваки шаблон разликује у зависности од верзије Јоомле у том случају да је компатибилан са 2.5 до 3.к. Такође, за инсталирање свих директоријума морају бити дозволе за отпремање датотека.
ЕНЛАРГЕ
Кликните на слику да бисте је увећали
Шаблон је инсталиран и узима подразумеване информације од Јоомле у овом случају верзија 2.5 на шпанском, видимо како се модул за кориснички приступ аутоматски налазио на позицији 3 јер је тако подразумевано означен, док је веб садржај постављен на позицију 1 која је онај који смо доделили у веб садржају. Од администратора можемо променити положај различитих елемената којима управљамо.Након што смо инсталирали предложак, ако га желимо ажурирати или изменити, можемо деловати према коду предлошка инсталираног у јоомли у директорију темптес или радити изван Јоомле у другом директорију, поново креирати зип датотеку, а затим избрисати предложак из јоомле и поново га инсталирајте.
Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен