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

Зная, например, то как создаются модули в Joomla можно понять их будущее расположение на сайте. Также и со структурой шаблона, можно понять то, как происходит формирование шаблона.

1. Фон

Первая основа в составлении шаблона. То, что помещается за всё содержимое сайта и является его цветовой основой. Выводится в качестве картинки или цвета.

2. Контейнер

Основной блок, в который помещается всё содержимое сайта. В большинстве случаев имеет белый цвет. Иногда может не иметь фона, но всегда присутствует на сайте с фиксированной шириной. В противных случаях отсутствует.

3. Шапка

Блок в верхней части сайта, который объединяет заглавную информацию сайта, логотип, телефон, rss, и тд. Иногда представлен в виде сплошной картинки.

4. Навигация

Блок, в который помещается навигационное меню. Располагается в большинстве случаев под шапкой. Может включать в себя также поиск, логотип и др. элементы.

5. Контент

Основной блок, в который помещается материалы сайта - его основной контент. В большинстве случаев имеет белый цвет.

6. Левая и правая стороны

Важные блоки, в которые помещается второстепенное содержимое сайта: навигационные ссылки, модули, реклама и тд. Имеет уникальное оформление для каждого сайта.

7. Дополнительные блоки

Разнообразное множество блоков, которые позволяют разместить на сайте дополнительное содержимое. Каждый блок может иметь собственное оформление.

8. Футер

Блок в нижней части сайта, объединяющий менее популярные элементы сайта: доп. навигация, кнопка вверх и тд.

9. Дополнительное содержимое

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

Заключение

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

Читайте также:
Переход с Joomla 1.5 на 2.5 Переход с Joomla 1.5 на 2.5

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

Список материалов в Joomla 3 Список материалов в Joomla 3

Как известно, в Joomla существует множество способов вывода материалов сайта. Два из них мы рассматривали в уроке - Создание пункта меню в Joomla 3. В этом уроке мы разберем вывод списка материалов на одной странице.

Подключение CSS

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

Изменение цвета заголовков в Joomla Изменение цвета заголовков в Joomla

Здравствуйте! В данном уроке я хотел бы показать как в Joomla легко можно изменять цвета заголовков используя CSS. Данный пример разобран на собственном сайте на Joomla версии 1.5, но для других версий все примерно тоже самое, отличаться будет только оформление админки.