^

Вход/Регистрация

Блоги пользователей

Шаблон Joomla 3 с нуля.

Шаблон Joomla - это набор файлов в CMS Joomla, которые управляют представлением данных. Шаблон не является веб сайтом и не рассматривается как завершенный дизайн сайта. Шаблон представляет собой основание дизайна для вывода веб сайта под управлением CMS Joomla. Для достижения эффекта завершенного дизайна шаблон плотно взаимодействует с содержанием сайта, которое хранится в базе данных Joomla.

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

Например, если у вас есть два шаблона, один из которых называется shab, а второй shablon, то их папки будут выглядеть следующим образом:

  • /templates/shab
  • /templates/shablon

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

Итак, создаем папку шаблона ( у меня далее shab1 ), а в ней 3 папки:

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

css - эта папка будет содержать в себе файлы каскадных таблиц стилей.

папка html для переопределения вывода модулей Joomla.

Чтобы мы могли инсталлировать шаблон в Joomla 3 (Joomla 2.5) , необходимо создать файл templateDetails.xml. Именно он сообщает CMS , какие файлы необходимы для отображения страницы, которая использует данный шаблон. Этот файл должен содержать информацию о шаблоне, перечень всех папок и файлов, находящихся в корневой директории шаблона, а также перечень позиций для вывода модулей, определенных в файле index.php.

Второй файл (index.php) служит для генерации страниц. Главный файл index.php будет определять визуальное расположение элементов сайта и сообщать CMS Joomla в какой блок поместить различные компоненты и модули. Файл является комбинацией PHP и HTML. При создании шаблона мы будем использовать блочную верстку при помощи тегов

. Разделим наш будущий шаблон на блоки.
j1 Прежде чем мы будем писать код, необходимо разобраться с назначением каждого блока, чтобы определиться, в каких позициях будут выводится модули, где будет располагаться компонент контента, какие блоки будут иметь фиксированные размеры, какие будут сворачиваться.
Блок «logo» В этом блоке будет выводиться логотип сайта. Блок будет иметь фиксированные размеры: ширина 600px, высота 60рх. (исходим из того что ширина шаблона 950рх) и не сворачиваться.
Блок «user1» Блок предназначен для вывода модуля поиска по сайту. Он будет иметь фиксированные размеры: ширина 350рх, высота 60рх и не сворачиваться.
Блок «user2» Блок предназначен для вывода горизонтального меню сайта. Он будет иметь ширину 950рх, а высота будет зависеть от высоты модуля меню, который будет выводиться в этой позиции. Если в этом блоке не будет выводится горизонтальное меню, то блок будет сворачиваться.
Блок «header» Предлагаю этот блок сделать универсальным, т.е. предусмотреть в нем или вывод модуля с изображением шапки сайта, которое можно легко заменить, в случае необходимости , или вывод ротатора изображений, который может весьма оживить и разнообразить дизайн сайта. Блок будет иметь ширину 100%, т.е. 1050рх, а высоту в зависимости от того, что в нем будет располагаться. Да и сделаем так, чтобы блок сворачивался, когда в нем ничего не выводится.
Блок «user3» Этот блок мы будем использовать для вывода различных модулей, это может быть навигация по сайту, слайд-шоу или модуль представления контента. Ширина блока 100%, высота не фиксированная. Блок будет сворачивается, когда в нем нет контента.
Блоки left и right Эти блоки предназначены для вывода различных модулей. Зафиксируем у них только ширину 200рх, а высота будет меняться в зависимости от контента. Если в позициях «left » или «right» не будет выведено ни одного модуля, то блоки будут сворачиваются и станут невидимыми. Таким образом, можно сделать сайт с двумя боковыми колонками, одной или вообще без колонок.
Блок content Этот блок предназначен для вывода основного контента сайта – статей и материалов. Этот блок самый большой. Все материалы, а также компоненты сайта, выводятся в него автоматически, без вашего участия. Ширина этого блока будет 650рх при двух включенных колонках (1050-200-200), 850px (1050-200) если опубликована только одна колонка и 950рх, если обе колонки скрыты.
Блок footer В этом блоке будем выводить модуль с произвольным HTML-кодом, содержащий информацию об авторских правах копирайте или любой другой информации на ваше усмотрение. При отсутствии контента блок будет сворачиваться. Теперь можно приступать к созданию файла index.php

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


Защитный код
Обновить

Copyrigcht © 2017 Яндекс.Метрика