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

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

Оф. мануал по DLE: https://dle-news.ru/extras/online/index.html

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


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

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

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


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

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



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

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

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




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


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

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





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


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

1. Берем файл из дефолтного шаблона
2. Очищаем весь код и оставляем только спец. теги
3. Идем на оф. базу и читаем о возможностях данного файла
4. Проворачиваем у себя в голове полученную информацию и строим свою страницу полных новостей


А дальше все легко и просто! остались файлы, отвечающие всего за несколько страниц. Они все названы так, что догадаться за какую не сложно и все это описано в мануале