Создаем шаблон для ДЛЕ. Разбор главной страницы шаблона - файл main.tpl

Создаем шаблон для ДЛЕ. Разбор главной страницы шаблона - файл main.tpl


С большим опозданием (как всегда) продолжаю серию статей по созданию шаблонов для DLE. Сегодня речь пойдет об одной из самых важных страниц шаблона - файле main.tpl

Данный файл обязателен для любого шаблона. В нем формируется основной каркас и подключаются все нужные скрипты и стили. По сути любой tpl файл в ДЛЕ - это html страница с тегами движка. Это очень удобно и понятно. Достаточно знать HTML и CSS в среднем объеме и Вы сможете сделать простой шаблон своими руками.

Основной код стандартной html страницы рассматривался в прошлой статье, поэтому я не буду заострять на нем внимания. Предположим, что он уже добавлен в main.tpl

Так как это все таки файл шаблона, а не обычная html страничка, то многое тут подключатся самим движком. Все описывающие теги в секции head вставляются дле-тегом {headers}. Он добавляет все нужные подключения скриптов, заголовков и мета-данные. Вставляется между тегов
<head></head>
. Обычно в самом верху.

Следующий тег, который просто необходим каждому движку - это тег {THEME}. Он выводит динамический путь к папке с шаблоном. Т.е. если вам нужно вставить картинку, то вместо того, чтобы писать неудобный статический адрес типа:
<img src="https://адрес_сайта/название_шаблона/images/img1.jpg" alt="" />


мы пишем понятный и универсальный код:
<img src="{THEME}/images/img1.jpg" alt="" />


Для подключения служебных скриптов в секции BODY, используется тег {AJAX}. Это обязательный тег. Обычно вставляется сразу после открывающего тега body.

Немного разобрались. Теперь у нас есть главная страница с подключенными стилями, мета-тегами и скриптами. Самое время вывести новости, которые мы добавили через админку в движок. Для этого в ДЛЕ предусмотрено несколько вариантов, которые отлично комбинируются, заменяют и дополняют друг друга. Сегодня поговорим о самом простом - вывод всех новостей подряд лентой с постраничной навигацией.

За такой вывод отвечает тег {content}. При обработке шаблона, движок находит данный тег и заменяет его на определенное количество новостей. Внешний вид данных коротких новостей редактируется в файле shortstory.tpl

Отлично. теперь у нас начинает сформировываться наша главная страница, конечно, если файл вывода коротких новостей оформлен красиво =)

Помимо тега content, в любом шаблоне необходимо наличие тега {info}. При просмотре главной странице вы не заметите его работы. Этот тег отвечает за вывод служебной информации, например - различного рода ошибок и предупреждений.

Теперь приведу полный список тегов, которые еще могут использоваться в main.tpl, кроме условных операторов:
{login} - вывод логин панели (содержимое файла login.tpl)
{vote} - опрос
{changeskin} - форма смены шаблона - крайне рекомендую забыть о данном теге и никогда его не использовать, так как он несет угрозу безопасности для сайта
{calendar} - вывод календаря
{topnews} - вывод топа новостей
{archives} - вывод списка архивов
{related-news} - в последних версиях добавили поддержку данного тега в main.tpl для более гибкой настройки шаблона
{banner_} и {inform_} - баннеры и информеры
{custom} - обзор данного тега будет в отдельной статье


На этом вводная статья по тегам заканчивается. В следующий раз поговорим об условных операторах и теге {custom}. Всем спасибо за внимание. Оставайтесь с нами!
С уважением, Скубаев Алексей.
18517
0
Мы всегда на связи:
Телеграмм
ICQ
Gmail
Yandex
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Телеграмм
ICQ
Gmail
Yandex