Як адаптувати простий html шаблон під dle

Що нам для цього потрібно, для початку качаємо сам архів DataLife Engine, скачати його можна тут або купити ліцензію тут, качаємо і встановлюємо потрібну вам версію DLE, і висмикуємо з архіву DLE потрібний вам шаблон, його ми будемо використовувати як скелет. Далі качаємо потрібний вам html шаблон або використовуємо свій в разі якщо у вас вже є що то заготовлене.

І так з чого ми почнемо:

1. В першу чергу ми почнемо з основного, копіюємо весь вміст в шаблон DLE, в моєму випадку це Site.ru/templates/gemini/, копіюємо файли і папки в такому порядку якому вони лежати у вас в оригіналі, все крім index.html .

2. Сам index.html відкриваємо і чистимо шаблон - видалимо все не потрібні нам посилання.

3. Далі відкриваємо файл main.tpl в папці з дизайном DLE (припустимо це шаблон Gemini) і вставляємо в нього весь html код який ми скопіюємо в файлі index.html вашого шаблону.

4. Після того як ми скопіювали весь код в main.tpl, файл index.html ми можемо закрити і думаю він нам більше не знадобиться. У main.tpl після рядка HEAD видаляємо все meta рядки а так же рядок title і вставляємо на їх місце тег, цей тег виводить заголовок сторінки TITLE а так же все meta

5. Не забуваємо додати перед рядком style.css рядок engine.css

6. Після тега BODY вставляємо тег, таким чином ми підключимо всі скрипти в тому числі jquery

7. Далі в main.tpl ми шукаємо контент, в кожному разі він буває різний залежно від шаблону і що то певного я порадити не зможу, тут вам доведеться самому вивчати код вашого шаблону. Але для прикладу я покажу на своєму шаблоні.

Зверніть увагу що скопіювати нам потрібно ту частину коду яка в подальшому піде в файл shrtstory.tpl і fullstory.tpl і в багатьох інших файлах які ви будите використовувати, наприклад userinfo і багато інших.

Тому я не чіпав div id = "site_content". Після того як ви скопіювали код, вставте його в shrtstory.tpl і fullstory.tpl, а в main.tpl замініть ці рядки тегами виводить помилки або інформацію, і тег # 123; content> відповідає за контент.

У файлі fullstory.tpl вносимо наступні зміни: в потрібному місці вставляємо, і, цей тег виводить у нас повну новину.

Ну і останній основний файл який варто було б відредагувати це static.tpl, там ми вставляємо виводить опис статичної сторінки, виводить текст статичної сторінки, Навігація по декількох сторінках однієї статичної сторінки.

Ну і весь список тегів можна знайти на офіційному сайту dle-news

Загалом то основна робота виконана, залишилося поправити шлях до скриптів, зображень і стилям. Що ми для цього будемо робити: Шукаємо для початку рядка стилів /css/style.css і замінюємо в них шлях до самого стилю додаю тег / templates / RuScript, в результаті вийде має щось на зразок /templates/RuScript/css/style.css і так чинимо з усіма скриптами і зображеннями, / templates / RuScript це у нас шлях до папки з вашим дизайном, / style / це папка де лежить стиль, у кожного вона своя, style.css кінцевий файл.

Так само перевірте ваш style.css, можливо в стилях вказано трохи не той шлях що нам потрібен буде в роботі, відкриваємо style.css шукаємо будь-яке зображення в ньому і дивимося шлях, якщо він у вас у вигляді (images / images.png) це не вірно, додаємо перед images.png дві точки, і слеш, в результаті це буде виглядати так (../images/images.png) зверніть увагу що кожен шаблон в своєму роді унікальний і шлях до зображення може бути різним.