Как самому сделать шаблоны для joomla


Как самому сделать шаблоны для joomla
Как самому сделать шаблоны для joomla
Как самому сделать шаблоны для joomla
Как самому сделать шаблоны для joomla

На горизонте замаячила Joomla 3.0. За разработчиками этого движка трудно угнаться, но мы попытаемся. Будем разбираться как сделать шаблон для Joomla 2.5 и 3.0 с нуля. Для тех кто смутно догадывается что такое шаблон для сайта, для начала рекомендую прочесть статью «Шаблон для Joomla сайта».

В отличии от предыдущих уроков «Разработка шаблона для сайта Joomla 1.5» и «Разработка шаблона для сайта Joomla 2.5»,  этой серии уроков я решила поменять тактику,  и создать вместе с вами шаблон для Joomla 2.5 и 3.0 с нуля, т.е. с самого начала, чтобы вы более подробно разобрались, как создается и отрабатывается шаблон. 

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

Ну пока у меня нет готового шаблона, поэтому я нашла подходящий скрин сайта достаточно простого, но весьма функционального и легко трансформирующегося. После того, как мы сделаем шаблон, на его скелете можно реализовать множество различных дизайнов.

При разработке шаблона будем использовать блочную верстку при помощи тегов <DIV>, которые будут точно позиционировать элементы сайта на экране. Стиль оформления блоков будем задавать в каскадных таблицах стилей CSS.

Изменив только каскадную таблицу стилей CSS, вы сможете полностью сменить дизайн сайта. При этом, можно изменить даже положение блоков, а не только их оформление, вовсе не внося каких-либо изменений в код страницы. Созданный подобным образом код , значительно меньше по объему и логичнее по своей структуре, его проще читать и редактировать. Подобного рода шаблоны хорошо воспринимаются поисковыми машинами.

Шаблон будет иметь фиксированную ширину 950 px и трехколоночную схему размещения элементов с возможностью, сворачивания колонок при отсутствии в них контента.

Хочу высказаться по поводу «резиновых» шаблонов. Уважайте своих читателей, не используйте резинку для своих сайтов. Человек воспринимает не более 90 знаков в строке, реально шея устает и глаза разбегаются, когда приходится читать материал, растянутый на весь экран. Зачастую, когда уменьшаешь окно браузера, чтобы нормально прочесть текст, с дизайном сайта при сжатии, начинают творится какие-то метаморфозы.

Поэтому, чтобы избежать различных чудо деформаций дизайна нашего сайта будем делать нормальный шаблон с фиксированной шириной, отдадим дань юзабилити во имя комфорта пользователей.

ВНИМАНИЕ: Созданный шаблон будет легко устанавливаться и на Joomla 2.5

В самой Joomla необходимо создать небольшой контент из нескольких статей, чтобы иметь возможность полноценно отрабатывать новый шаблон на движке. Я решила делать сайт о путешествиях "Записки путешественника", а новый шаблон будет называться TRIP.

На следующем уроке будем разбирать блоковую разметку шаблона.

Блочная верстка шаблона. Урок 1 > Как самому сделать шаблоны для joomla Как самому сделать шаблоны для joomla Как самому сделать шаблоны для joomla Как самому сделать шаблоны для joomla Как самому сделать шаблоны для joomla Как самому сделать шаблоны для joomla Как самому сделать шаблоны для joomla Как самому сделать шаблоны для joomla Как самому сделать шаблоны для joomla

Тоже читают:



Как сделать свою руку из гипса для украшений

Поздравление директору в юбилей 55 лет

Детские прически очень простые и красивые

Открытки поздравления с новорожденным мальчиком маме

Как сделать новогоднюю коробку для игрушек