DLE — создание и разработка шаблонов. С чего начать

Наконец-то сдвинулась с мертвого места и эта статья, которая планировалась еще в середине мая, а сейчас — начало октября. Данная статья — подробное описание того, как из html исходника создается полноценный шаблон для dle.

Я не буду до мельчайших деталей описывать, как сделать шаблон dle. Но я помогу создать каркас, а как перенести весь запланированный функционал из исходника в шаблон dle — подтолкну мыслями и покажу, где списать «домашнее задание» 🙂

Шаблон dle находится всго в одном файле — main. tpl и в него подключаются остальные модули:

— короткие новости — shortstory. tpl

— полные новости — fullstory. tpl

— прочие мелке модули

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

Удобно? Как по мне, то даже очень. И так со всеми примерами , но зачастую вместо целого файла в такие вот теги выводятся какие-то параметры из базы данных. Например, дата написания статьи, ее категория, кол-во комментариев, просмотров и т. д.

1. Работа с main. tpl — каркас

1. Открываем данный файл и чистим все, пока не получим код, как на скриншоте ниже

Остались лишь системные теги. Без них движок работать не будет, но их вполне достаточно, чтобы выводить короткие и полные новости не имея дизайна 🙂

2. Подключаем наши скрипты

В head нужно подключить наши скрипты — css, js и прочее, но обязательным условием является тег {THEME> Важно! JQuery библиотеки подключать не нужно. Они уже есть в стандартной комплектации!

3. Дизайн

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

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

1. Работа с shortstory. tpl и fullstory. tpl

Здесь все очень просто! Тот код, который мы не вставили в main. tpl нужно поместить сюда. Опять же, весь контент и все данные, которые берутся из базы данных выводятся на специальных тегах в фигурных скобках, а html используется только как каркас

Это две одинаковые картинки. На первой — исходный код, а на второй — вывод данных, взятых из базы данных и подставленных вместо спец. тегов. Заголовок, дата, категория и остальное это чисто условность, пример, по которому следует ориентироваться!

1. Работа с fullstory. tpl

1. Берем файл из дефолтного шаблона

2. Очищаем весь код и оставляем только спец. теги