Наконец-то сдвинулась с мертвого места и эта статья, которая планировалась еще в середине мая, а сейчас - начало октября. Данная статья - подробное описание того, как из 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. Очищаем весь код и оставляем только спец. теги