Куда идем?

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

Вступление

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

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

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

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

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

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

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

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

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

Комментарии  
4
Начало хорошее ))
А где остальное?!!!
3
Саша, остальное пока у меня в голове. Со временем будут и подробные описания и сделанные шаблоны.
1
ДА былоб хорошо найти нормальное описание как сделать шаблон, уже 3й день ищу толком ничего нету, в руководстве на мой взгляд поверхностно.
5
Андрей, в следующих статьях я на конкретных примерах буду рассказывать о том, как переделать шаблон из обычного в шаблон Joomla. Делать с нуля довольно тяжело, если нет опыта. Переделывать немного проще.
-4
Никого не интересует программирование (остальные и так знают). Возьми шаблон и покажи как изменить для своих целей. Почему то ни кто этого не пишит или как я начинаю ошущать это очень просто и ничего там не надо делать (не считаю делание своей структуры)
1
Просто? О_о, чтобы отредактировать шаблон, нужно знать html, css, php, с данными знаниями проще написать свой шаблон, а не рыться в чужом гавнокоде...
2
Валера, это совсем не просто.
-3
Здравствуйте, есть проблема!
Есть шаблон джумла, который должен позиционироваться по горизонтали в центре страницы. В браузерах опера и фф отображается нормально, в ие прилипает к левому краю. Помогите, чем можете!!!

ссылка на сайт с шаблоном:
скрыто
1
Забудьте про ie, особенно 5-7, самый маразматичный браузер.
2
Владимир, вы дали ссылку на исходники всего вашего сайта. Вас не волнует то, что скачать его может любой желающий? Будьте осторожнее. К тому же по ссылке сайт без базы данных. Без нее ничего не запустится. Чтобы помочь вам, мне нужна только html-страница сайта. Загрузите его у себя и сохраните через браузер (Файл -> Сохранить как), желательно с картинками.
-2
Ну да, не подумал что-то... высылаю вам как вы сказали. вот ссылка:
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
Владимир, дело в строчке margin: 0 auto; (#main). В данном случае IE не понимает "auto". Для выравнивания добавьте в "html, body" свойство "text-align: center;"
-2
Привет! подскажите пожалуйста, в шаблоне джумла проблемы. во всех браузерах отображается нормально, в ФФ не отображается ничего, кроме неотформатированного текста. Что такое может быть?
3
trump, если отображается неотформатированный текст, то проблема в подключении файла стилей (.css). Почему он не работает только в FF не знаю, ищите ошибку.
-4
Wedal,а что знаете про программу Artisteer ? Говорят,что шаблоны сделанные в ней плохо индексируются яшей. А гошей значит норамально?
1
Александр, знаю, пробовал, не понравилось. Из всех подобных программ лидер, несомненно Dreamweaver. Про индексацию не знаю, но она не должна быть связана с шаблоном.
-3
Извините, не знал где сприсить пришлось здесь...
Не встречали ли вы простой шаблон 3 колонки(слева и справа модули посередине контент)
Хотелось бы чтобы он был попроще и не слишком темный.
Может что-нить посоветуете.?
0
Максим, простейший из шаблонов first-template - тот который создан в уроках серии "Работа с шаблонами Joomla". Он доступен для загрузки. Можно скачать последнюю версию из последней статьи серии. Также могу посоветовать предустановленный шаблон Joomla rhuk_milkyway. Он посложнее, но очень легко редактируется. Также мне нравится шаблон ColorSOFT он имеет очень много позиций для модулей и простой внешний вид, которым легко управлять.
-3
wedal, подскажи пожалуйста, что у тебя за компонент комментариев. Уж оч.красивый)
-4
А все..понял ) Jcomments
-3
Что нужно добавить в CSS, чтобы список отображался корректно, а не просто как новая строчка?

А в ИЕ-6 не отображаются отступы, как это исправить?
-3
Nastya, читайте следующие статьи серии. В этой лишь базовая версия шаблона.
-3
Закачал шаблон, установил, но не всё корректно отображается. Есть сообщение об ошибке - самой первой строкой:

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
Даже уже сам всё решил. Проблема оказалась в DENWER. Либо предлагаемая вами на сайте версия устарела, либо она не работает с какой-либо технологией, используемой в шаблоне (рекомендую разроботчикам дэнвера обратить внимание).
Разработчики шаблона рекомендовали XAMPP. Качественных инструкций по шагам не было, пришлось долго ломать голову... но в итоге всё работает и корректно отображается.
Такчто, уважаемые любители джумлы, обратите внимание на выбор программы локал-хоста.
1
Антон, я бы сказал так: шаблоны хороших разработчиков работают и на XAMPP и на Denwer.
1
А ссылка на базовое руководство не работает.
1
Елена, все работает. Не работает ссылка на сайт. Ссылка же в конце статьи позволяет скачать руководство.
1
У меня вопрос возможно не по теме, скачал шаблон (ecommerce_plazza), установил сделал кое-как под себя, но вот надпись на главной странице "Welcome to Online Store" внизу убрать не могу, никак не могу найти в каком файле она находится, Firebug-ом смотрел бесполезно.
-1
Александр, на этот вопрос вам не ответит никто, разве что обладатель такого шаблона,т.к. для ответа шаблон нужно скачать, установить и посмотреть.
2
Не совсем понятно где именно находиться "Welcome to Online Store", необходимо посмотреть как минимум на скрин.
1
Создал по Вашему руководству файлы index.php и templateDetails.xml. Заархивировал в ZIP. При попытке установить Joomla! утверждает, что нет файла templateDetails.xml
Что может быть причиной?
0
Простите, вы не мог ли бы обновить ссылку на "Базовое руководство по созданию шаблонов Joomla 1.5".
0
Annabelli, обновил.
0
Спасибо большое
0
скачайте artistir и будет вам счастье
0
Уважаемые эксперты, есть ли возможность в простой шаблон с минимальным количеством позиций модулей добавить дополнительные позиции модулей в нужном месте сайта, например в шапку вставить место под курс валют, погоду, доп меню и т.д.?
0
Вячеслав, да, конечно. В следующих статьях этой серии я рассказывал, как это делается.
1
Спасибо большое, за вашу помощь и поддержку;-)
0
Как его редактировать?! Пробовал https://joomla.shneider-host.ru/blog/ustanovka-i-nastroika-joomla/kak-ustanovit-i-otredaktirovat-shablon-joomla вношу изменения, а толку 0! Все по старому!
0
filler используйте FTP-клиент(например, Filezilla) и Notepad++ или другой редактор.
0
отлично
0
отличный урок