5.0 0.5 5 17

Как сделать шаблон Joomla?

Любовь Полищук
Любовь Полищук
22 января 2013
235
Оцените:
Как сделать шаблон Joomla?

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

  • После того, как пробные данные удалены, необходимо включить в админке получившийся шаблон. Затем перейти на сайт, где можно видеть белый лист. Это потому, что никакого рабочего кода еще нет в новом шаблоне.
  • Прикинуть будущее строение шаблона. Например, структура будет состоять из шапки, верхнего меню (навигации), контента, правой колонки и подвала.
  • Создать макет сайта. Для редактирования открыть файл index.php, подключить сначала функцию вывода головных метатегов Joomla. Прописать html-теги каркаса, и вписать в блок данные.
  • Подключить головные мета теги Joomla. Подключить стандартный вывод данных. Перейти в папку css, удалить всё содержимое и создать собственный файл с именем template.css, куда будут писаться стили вашего шаблона. После этого, снова открыть index.php и подключить свой css.
  • Подключить файл стилей посредством определения пути к папке с шаблоном.Элемент php вставка echo $this->baseurl - отображает url сайта, а вставка $this->template представляет указание пути к папке шаблона. После ввода параметров обязательно необходимо зайти на сайт и проверить, правильно ли подключился css файл.Теперь-делают html разметку шаблона. Создавать стили и структуру сайта можно сразу, просматривая какой вид имеет сайт.
  • Когда сверстали основные блоки страницы, необходимо убедиться, что шаблон выглядит корректно и не разваливается. После этого можно добавлять позиции модулей. Пример: Добавляется верхнее навигационное меню. Позиция носит название topmenu. Переходите в файл templateDetails.xml, затем в блок дописываете topmenu (позиция может носить любое удобное вам имя).
  • Далее, чтобы сделать шаблон для Joomla 2.5 необходимо посредством добавления в файл templateDetails.xml такой позиции модуля как topmenu. Теперь следует сохранить и снова перейти в файл index.php, где осуществить привязку вывода этой позиции в требуемом вам месте. Для этого используют строчку:
    <jdoc:include type="modules" name="topmenu" />
  • Модуль выводят в нужном месте. Имя позиции, находящееся в файле templateDetails.xml используют как параметр name. Соответственно теперь, блок #topmenu выводит позицию модуля topmenu. Чтобы просмотреть позиции модулей в браузере, необходимо включить данную функцию и в админке. Зайдите в менеджер шаблонов, откройте options и укажите "отображать поля шаблона".
  • Теперь если зайти на сайт и вписать в адресную строку следующее: http://адрес-сайта/?tp=1, то можно видеть, какие поля имеются в шаблоне. Чтобы вывести меню в позицию topmenu, перейдите в менеджер модулей, выберете модуль меню, опубликуйте в позицию topmenu, укажите «отображать на всех страницах» и просмотрите. На сайте должно появиться меню.
  • Теперь оформляйте меню по своему вкусу посредством template.css. Когда оно будет готово, можно выводить контент страницы используя строчку:
    <jdoc:include type="component" />.

Теперь можно начать оформлять стили для статей, ссылок и прочего. Еще почитать о некоторых важных и каверзных моментах, а также как скачать, подготовить или как сделать шаблон joomla вы можете на страницах здесь и здесь.

Подписывайтесь на наши группы в социальных сетях - смешные статьи, картинки и факты!