Създайте шаблон за Joomla

Съдържание
Преди да разработим нашия шаблон, трябва да знаем някои концепции за структурата на файловете и директориите на Joomla. Някои основни директории, елементи и файлове са:
ШаблонТова е група от директории и файлове, които определят структурата и дизайна, които уебсайтът ще възприеме. Можем да имаме инсталирани няколко шаблона за избор и по този начин да променим дизайна според развитието, което извършваме.
Файлът с шаблони обикновено комбинира HTML и php код, където са дефинирани блоковете или div слоевете в мрежата, в които уеб съдържанието ще се показва според страницата или раздела.
В допълнение, други блокове могат да бъдат дефинирани в HTML шаблона за вмъкване на плъгини или код на функционалности, които трябва да изпълним. По принцип блоковете, които дефинираме, са заглавката на мрежата, лентата за навигация или менюто, страничните колони, ако има такива, областта със съдържанието, ако имаме нужда можем да създадем всички блокове, които искаме, всичко зависи от изисквания за развитие. Тези блокове или области се наричат ​​позиции.
МодулМодулът joomla е обект с HTML, PHP, CSS или JavaScript код, който може да бъде показан на определени позиции или обозначени блокове в уеб шаблона. Например, можем да поставим потребителски достъп в заглавката, селектор на език, формуляр за контакт и т.н.
ПриставкаПлъгинът Joomla е обект с HTML, PHP, CSS или JavaScript код, който може да бъде вграден в съдържанието на мрежата. Разликата от модула е мястото, където плъгинът се появява на страницата. Приставката обикновено не може да посочи на каква позиция се намира, тъй като те се изпълняват, за да произведат събитие, например за валидиране на имейл,
КомпонентКомпонент е колекция от модули и плъгини. Например, компонент може да бъде виртуален магазин като Virtuemart, всички обекти на компоненти имат свои собствени настройки и могат да бъдат показани на отделна страница.
Структура на шаблон на Joomla
Шаблонът е набор от файлове, които определят структурата на мрежата и блоковете или позициите, където можем да присвоим различните елементи. Шаблон за Joomla се състои от следните файлове:
index.php: е основният файл, който описва структурата и дизайна на уеб страницата
error.php: е файлът, който ще съдържа директивите в случай на грешка на страницата не е намерена, грешка 404.
Визуализация на изображения: са тези, наречени template_preview.png.webp и template_thumbnail.png.webp, които ще ви позволят да видите визуализация на шаблона в миниатюра от администратора.
Components.php: Този файл, ако трябва да имаме версия за печат в мрежата, ние конфигурираме стиловите таблици, за да представим статията за печат.
Изображения: е директорията, в която ще запазим всички изображения на дизайна за изображения.
js: в тази директория ще поставим javascript или Jquery скриптове или каквото използваме.
език: в тази директория можем да намерим файловете, необходими за преводи на различни езици.
Важен аспект е, че от съображения за сигурност всяка директория трябва да има празен файл index.html, за да се предотврати четенето им отвън, така че всеки, който иска достъп до директорията, ще вижда само празен документ.
След като инсталираме Joomla за нашия пример, сега няма да посочваме как да го инсталираме, той може просто да бъде изтеглен от http://www.joomlaspanish.org/

След инсталирането на Joomla ще създадем директория, различна от директорията на Joomla, и ще я кръстим Демонстрация за създаване на нашия шаблон. В тази директория първо ще създадем файла templateDetails.xml, който е този, който съдържа конфигурацията на шаблона, вътре пишем следния xml код.
 Демонстрационен шаблон 1.0 02/26/2015 Sergio [email protected] Copyright (C) 2015 Демонстрационен шаблон за Joomla 3.0 index.php css изображения отстраняване на грешки позиция-0 позиция-1 позиция-2 позиция-3 позиция-4 позиция-5 позиция -6 позиция-7 позиция-8 позиция-9 позиция-10 
Определяме името на шаблона, който го наричаме Демонстрация на шаблонКогато инсталираме шаблона в Joomla, мениджърът ще използва това име за създаване на директория и запазване на файловете с шаблони, това ще бъде и името, което ще се вижда в административния панел, автора, директориите, които шаблонът съдържа, и позиции, които ще имат, можем да дефинираме няколко, дори ако не ги използваме всички.
След това ще създадем файла index.php където ще дефинираме структурата на мрежата и съответните позиции.
 
 .контейнер {ширина: 980px; margin-left: auto; / * центрираме мрежата * / margin-right: auto; рамка: плътна 1px черна; }. контейнер {марж: 20px 0px; / * прилагаме марж от 20px към съдържанието * / рамка: плътно 1px зелено; } .content {float: left; ширина: 750px; рамка: плътна 1px червена; } .colder {float: right; ширина: 270px; }. по -хладен, .piece, .head {граница: 1px плътно синьо; } 
Класовете css са лесни за определяне какви блокове имаме и какви позиции. Накрая създаваме zip файл с директорията, която съдържа шаблона и го инсталираме от администратора на joomla. Имаме достъп до административния панел на Joomla.

Оттам отиваме към менюто Разширения> Мениджър на разширения и продължаваме да инсталираме шаблона, който имаме в zip формат.
ПомняНе забравяйте, че всеки шаблон се различава според версията на Joomla в този случай е съвместим с 2.5 до 3.x. Също така, за да инсталирате всички директории, трябва да имате разрешения за качване на файлове.

Увеличете

Щракнете върху изображението, за да го увеличите

Шаблонът е инсталиран и взема информацията по подразбиране от Joomla в този случай версия 2.5 на испански, виждаме как модулът за потребителски достъп се намира автоматично в позиция 3, тъй като по подразбиране е определен по този начин, докато уеб съдържанието е поставено на позиция 1, която е този, който сме задали в уеб съдържанието. От администратора можем да променим позицията на различните елементи, които управляваме.
След като инсталираме шаблона, ако искаме да го актуализираме или модифицираме, можем да действаме според кода на шаблона, инсталиран в joomla в директорията temptes или да работим извън Joomla в друга директория, да пресъздадем zip файла, след което да изтрием шаблона от joomla и го инсталирайте отново.

Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка

Така ще помогнете за развитието на сайта, сподели с приятелите си

wave wave wave wave wave