Для того чтобы изменить внешний вид сайта и привести его в соответствие с вашими требованиями, необходимо создать новый шаблон или изменить уже имеющийся. В этой статье вы узнаете об основах создания шаблонов в Joomla.
Шаблоны Joomla. Часть 1.Создание шаблона Joomla.

Для того чтобы изменить внешний вид сайта и привести его в соответствие с вашими требованиями, необходимо создать новый шаблон или изменить уже имеющийся. В этой статье вы узнаете об основах создания шаблонов в Joomla.

Вступление

Данный пост начинает новую серию статей, посвященную работе с шаблонами Joomla. Изучив ее, ты научишься создавать собственные шаблоны Joomla, редактировать существующие, а также переделывать шаблоны, не предназначенные для Joomla, под нее.

Все материалы будут подразумевать работу с Joomla 1.5.

В ближайшее время на сайте откроется раздел, в котором будут публиковаться качественные бесплатные шаблоны для Joomla 1.5, собранные, созданные, переделанные и переведенные мною.

Создание шаблона Joomla.

Важной составляющей создания сайта является его внешний вид. Разработка дизайна сайта и последующая верстка являются не простыми и весьма дорогостоящими задачами. Для того чтобы сайт мог создать даже человек, не владеющий навыками дизайнера и верстальщика, в Joomla предусмотрена возможность использования шаблонов.

Шаблонов для Joomla довольно много в Сети, но красивые и качественные продаются за деньги. А большинство бесплатных не подходят для создания нормального сайта, по крайней мере, без доработки. Можно, конечно, найти взломанные платные шаблоны, но это означает возможные проблемы с правообладателями в будущем. Думаю, будет не очень приятно, когда для раскрученного сайта, в который вложено большое количество сил и средств,  придется в срочном порядке менять дизайн, или выплачивать штрафы за незаконное использование шаблона. Да и вообще, не хорошо воровать. По этому, умение создавать собственные уникальные шаблоны ни для кого не будет лишним. К тому же некоторые заказчики требуют уникальный дизайн или дают уже нарисованный, из которого нужно сделать шаблон.

В Интернете можно найти много руководств по созданию шаблонов Joomla и писать еще одно подобное не имеет смысла. Но чтобы избавить тебя от поисков, я выкладываю руководство, взятое с joomlaua.com (ссылка на скачивание находится в конце статьи). В нем достаточно подробно описаны основы создания шаблона для Joomla 1.5 как вручную, так и с использованием программы Dreamweaver. Хочу напомнить, что для того чтобы сделать нормальный шаблон, нужно обладать некоторыми знаниями HTML и CSS. Если же таковых не имеется, то потребуется терпение и упорство. Не нужно бояться ошибок и непонятных фраз. Постепенно все встанет на свои места. Данное руководство будет являться базисом для дальнейших статей этой серии, поэтому ты должен понимать все, что в нем написано. Если что-то не понятно, спроси у меня или у Гугла. Информации по данной тематике много.

Базовое руководство по созданию шаблонов Joomla 1.5

Об авторе
Об авторе
Wedal (Виталий). Веб-разработчик полного цикла (Full Stack). Создатель и автор сайта Wedal.ru.
Основной профиль – создание сайтов и расширений на CMS Joomla.

Добавить комментарий

Для отправки комментария введите код с картинки:
Защитный код
Обновить

Комментарии  

+4 # Саша Туманов 02.10.2009 15:33
Начало хорошее ))
А где остальное?!!!
Ответить | Ответить с цитатой | Цитировать
+3 # Wedal 02.10.2009 15:37
Саша, остальное пока у меня в голове. Со временем будут и подробные описания и сделанные шаблоны.
Ответить | Ответить с цитатой | Цитировать
+1 # Андрей 07.10.2009 05:18
ДА былоб хорошо найти нормальное описание как сделать шаблон, уже 3й день ищу толком ничего нету, в руководстве на мой взгляд поверхностно.
Ответить | Ответить с цитатой | Цитировать
+6 # Wedal 07.10.2009 09:50
Андрей, в следующих статьях я на конкретных примерах буду рассказывать о том, как переделать шаблон из обычного в шаблон Joomla. Делать с нуля довольно тяжело, если нет опыта. Переделывать немного проще.
Ответить | Ответить с цитатой | Цитировать
-5 # валера 14.10.2009 14:58
Никого не интересует программирование (остальные и так знают). Возьми шаблон и покажи как изменить для своих целей. Почему то ни кто этого не пишит или как я начинаю ошущать это очень просто и ничего там не надо делать (не считаю делание своей структуры)
Ответить | Ответить с цитатой | Цитировать
+2 # artbolnix 15.04.2013 20:25
Просто? О_о, чтобы отредактировать шаблон, нужно знать html, css, php, с данными знаниями проще написать свой шаблон, а не рыться в чужом гавнокоде...
Ответить | Ответить с цитатой | Цитировать
+3 # Wedal 14.10.2009 22:44
Валера, это совсем не просто.
Ответить | Ответить с цитатой | Цитировать
-3 # Владимир 23.11.2009 07:44
Здравствуйте, есть проблема!
Есть шаблон джумла, который должен позиционироваться по горизонтали в центре страницы. В браузерах опера и фф отображается нормально, в ие прилипает к левому краю. Помогите, чем можете!!!

ссылка на сайт с шаблоном:
скрыто
Ответить | Ответить с цитатой | Цитировать
+1 # artbolnix 15.04.2013 20:26
Забудьте про ie, особенно 5-7, самый маразматичный браузер.
Ответить | Ответить с цитатой | Цитировать
+2 # Wedal 23.11.2009 10:27
Владимир, вы дали ссылку на исходники всего вашего сайта. Вас не волнует то, что скачать его может любой желающий? Будьте осторожнее. К тому же по ссылке сайт без базы данных. Без нее ничего не запустится. Чтобы помочь вам, мне нужна только html-страница сайта. Загрузите его у себя и сохраните через браузер (Файл -> Сохранить как), желательно с картинками.
Ответить | Ответить с цитатой | Цитировать
-2 # Владимир 24.11.2009 01:35
Ну да, не подумал что-то... высылаю вам как вы сказали. вот ссылка:
http://narod.ru/disk/15329663000/%D0%9C%D0%BE%D0%B8%20%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B.rar.html
Ответить | Ответить с цитатой | Цитировать
+1 # Wedal 24.11.2009 02:05
Владимир, дело в строчке margin: 0 auto; (#main). В данном случае IE не понимает "auto". Для выравнивания добавьте в "html, body" свойство "text-align: center;"
Ответить | Ответить с цитатой | Цитировать
-2 # trump 27.11.2009 08:26
Привет! подскажите пожалуйста, в шаблоне джумла проблемы. во всех браузерах отображается нормально, в ФФ не отображается ничего, кроме неотформатированного текста. Что такое может быть?
Ответить | Ответить с цитатой | Цитировать
+3 # Wedal 27.11.2009 10:39
trump, если отображается неотформатированный текст, то проблема в подключении файла стилей (.css). Почему он не работает только в FF не знаю, ищите ошибку.
Ответить | Ответить с цитатой | Цитировать
-4 # Александр 06.02.2010 06:58
Wedal,а что знаете про программу Artisteer ? Говорят,что шаблоны сделанные в ней плохо индексируются яшей. А гошей значит норамально?
Ответить | Ответить с цитатой | Цитировать
+1 # Wedal 09.02.2010 02:03
Александр, знаю, пробовал, не понравилось. Из всех подобных программ лидер, несомненно Dreamweaver. Про индексацию не знаю, но она не должна быть связана с шаблоном.
Ответить | Ответить с цитатой | Цитировать
-3 # Максим 01.04.2010 06:13
Извините, не знал где сприсить пришлось здесь...
Не встречали ли вы простой шаблон 3 колонки(слева и справа модули посередине контент)
Хотелось бы чтобы он был попроще и не слишком темный.
Может что-нить посоветуете.?
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 01.04.2010 10:58
Максим, простейший из шаблонов first-template - тот который создан в уроках серии "Работа с шаблонами Joomla". Он доступен для загрузки. Можно скачать последнюю версию из последней статьи серии. Также могу посоветовать предустановленный шаблон Joomla rhuk_milkyway. Он посложнее, но очень легко редактируется. Также мне нравится шаблон ColorSOFT он имеет очень много позиций для модулей и простой внешний вид, которым легко управлять.
Ответить | Ответить с цитатой | Цитировать
-3 # style.ilya 26.04.2010 15:16
wedal, подскажи пожалуйста, что у тебя за компонент комментариев. Уж оч.красивый)
Ответить | Ответить с цитатой | Цитировать
-4 # style.ilya 26.04.2010 15:25
А все..понял ) Jcomments
Ответить | Ответить с цитатой | Цитировать
-3 # Nastya 20.05.2010 09:08
Что нужно добавить в CSS, чтобы список отображался корректно, а не просто как новая строчка?

А в ИЕ-6 не отображаются отступы, как это исправить?
Ответить | Ответить с цитатой | Цитировать
-3 # Wedal 21.05.2010 04:46
Nastya, читайте следующие статьи серии. В этой лишь базовая версия шаблона.
Ответить | Ответить с цитатой | Цитировать
-3 # Антон 19.08.2010 00:44
Закачал шаблон, установил, но не всё корректно отображается. Есть сообщение об ошибке - самой первой строкой:

Deprecated: Assigning the return value of new by reference is deprecated in Z:\home\joomla\www\jv_bihari_quickstart\templates\jv_bihari\jv_menus\jv.common.php on line 61

Есть ли варианты с чем такое связано?
Качал с бесплатного сайта - было вааще ужасно, потом нашел его на официальном у разработчика. Называется JV Bihari 1.5.1. Там кстати подробно описывают такую деталь что надо ОБНОВЛЯТЬ ДЕМО ДАННЫЕ (какбы заново устанавливаем джумлу). После этого осталась только одна эта ошибка.

Подскажите на что браузер жалуется и как это излечить?
Ответить | Ответить с цитатой | Цитировать
-1 # Антон 19.08.2010 07:51
Даже уже сам всё решил. Проблема оказалась в DENWER. Либо предлагаемая вами на сайте версия устарела, либо она не работает с какой-либо технологией, используемой в шаблоне (рекомендую разроботчикам дэнвера обратить внимание).
Разработчики шаблона рекомендовали XAMPP. Качественных инструкций по шагам не было, пришлось долго ломать голову... но в итоге всё работает и корректно отображается.
Такчто, уважаемые любители джумлы, обратите внимание на выбор программы локал-хоста.
Ответить | Ответить с цитатой | Цитировать
+1 # Wedal 19.08.2010 16:10
Антон, я бы сказал так: шаблоны хороших разработчиков работают и на XAMPP и на Denwer.
Ответить | Ответить с цитатой | Цитировать
+1 # Елена 04.10.2010 06:15
А ссылка на базовое руководство не работает.
Ответить | Ответить с цитатой | Цитировать
+1 # Wedal 04.10.2010 07:13
Елена, все работает. Не работает ссылка на сайт. Ссылка же в конце статьи позволяет скачать руководство.
Ответить | Ответить с цитатой | Цитировать
+1 # Александр 26.10.2010 20:20
У меня вопрос возможно не по теме, скачал шаблон (ecommerce_plazza), установил сделал кое-как под себя, но вот надпись на главной странице "Welcome to Online Store" внизу убрать не могу, никак не могу найти в каком файле она находится, Firebug-ом смотрел бесполезно.
Ответить | Ответить с цитатой | Цитировать
-1 # Wedal 27.10.2010 04:19
Александр, на этот вопрос вам не ответит никто, разве что обладатель такого шаблона,т.к. для ответа шаблон нужно скачать, установить и посмотреть.
Ответить | Ответить с цитатой | Цитировать
+2 # RichardLH 26.11.2010 07:22
Не совсем понятно где именно находиться "Welcome to Online Store", необходимо посмотреть как минимум на скрин.
Ответить | Ответить с цитатой | Цитировать
+1 # Владимир 03.04.2011 14:49
Создал по Вашему руководству файлы index.php и templateDetails.xml. Заархивировал в ZIP. При попытке установить Joomla! утверждает, что нет файла templateDetails.xml
Что может быть причиной?
Ответить | Ответить с цитатой | Цитировать
0 # Annabelli 05.04.2012 07:52
Простите, вы не мог ли бы обновить ссылку на "Базовое руководство по созданию шаблонов Joomla 1.5".
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 06.04.2012 01:43
Annabelli, обновил.
Ответить | Ответить с цитатой | Цитировать
0 # Annabelli 06.04.2012 06:04
Спасибо большое
Ответить | Ответить с цитатой | Цитировать
0 # telis 08.05.2012 15:15
скачайте artistir и будет вам счастье
Ответить | Ответить с цитатой | Цитировать
0 # Вячеслав 01.06.2012 16:10
Уважаемые эксперты, есть ли возможность в простой шаблон с минимальным количеством позиций модулей добавить дополнительные позиции модулей в нужном месте сайта, например в шапку вставить место под курс валют, погоду, доп меню и т.д.?
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 02.06.2012 01:36
Вячеслав, да, конечно. В следующих статьях этой серии я рассказывал, как это делается.
Ответить | Ответить с цитатой | Цитировать
+1 # Вячеслав 02.06.2012 09:54
Спасибо большое, за вашу помощь и поддержку;-)
Ответить | Ответить с цитатой | Цитировать
0 # filler 16.07.2015 09:10
Как его редактировать?! Пробовал https://joomla.shneider-host.ru/blog/ustanovka-i-nastroika-joomla/kak-ustanovit-i-otredaktirovat-shablon-joomla вношу изменения, а толку 0! Все по старому!
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 24.07.2015 09:24
filler используйте FTP-клиент(например, Filezilla) и Notepad++ или другой редактор.
Ответить | Ответить с цитатой | Цитировать
0 # ratatoeski 21.08.2023 17:45
Виталий, а для 4той joomla напишете?
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 22.08.2023 08:05
ratatoeski, пока не планировал. В принципе в создании своего шаблона для Joomla с тех пор не особо что-то поменялось. Изменились стили вывода позиций, появились дочерние шаблоны (но в своем шаблоне не на продажу это можно не учитывать). Немного иначе теперь подключаются скрипты и стили, хотя и старый способ работает. Можете взять за основу базовое руководство. А если будут вопросы - задавайте на форуме - подскажу.
Ответить | Ответить с цитатой | Цитировать