Як редагувати шаблон dle

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

Содержание

Вам знадобиться
Інструкція
Інструкція

DLE.

Вам знадобиться

- комп`ютер;
- інтернет;
- браузер;
- програма Adobe Dreamweaver.

Інструкція

Можна також редагувати вже наявні шаблони, щоб створити щось унікальне, красиве. Як правило, в кожному розробленому проекті є свої недоліки. Зайдіть в папку CMS DLE під назвою Upload, потім в папку Templates. У ній якраз і розташовуються основні шаблони движка - Default і Simple. Зайдіть в папку першого шаблону Default.

Знайдіть основний файл шаблону main.tpl і відкрийте його в візуальному редакторі, наприклад, Adobe Dreamweaver. Можна завантажити з офіційного сайту компанії adobe.com. Змініть навігацію шаблону, видаливши зайві елементи, виділяючи мишею і натискаючи кнопку Del на клавіатурі. Створіть нові навігаційні елементи на сторінці через адміністративну панель DLE, вибравши пункт «Категорії».

Видаліть зайві блоки на сторінці, які не збираєтеся використовувати. Внесіть свій власний контент, використовуючи інструменти редактора. Змініть інформацію в поле копірайт, розташованого в нижній частині сторінки. Для цього виділіть символи мишею і введіть необхідну інформацію. Всі зміни вносяться на ваш розсуд. Також не варто забувати про те, що неправильні коди на сторінці можуть некоректно відображати весь сайт.

Збережіть зміни і поверніться в браузер. Натисніть кнопку F5 на клавіатурі і перевірте, що сторінка відображає всі внесені елементи. Редагуючи шаблон, можна створити повністю новий і оригінальний сайт, використовуючи можливості шаблону і програм для нового сайту. Таке програмне забезпечення містить у собі всі елементи, які можуть вам знадобитися. В цілому можна сказати, що редагувати шаблон не важко, проте потрібно знати деякі основи веб-програмування.

Зробити свій сайт в наш час нескладно, навіть якщо ви не маєте ніяких специфічних знань в області веб-дизайну та програмування. У будь-який момент ви можете скористатися масою різних шаблонів, розміщених в інтернеті, і на основі готових шаблонів виготовити і опублікувати в мережі свій сайт. Однак далеко не всіх влаштовує в повній мірі той варіант сайту, який пропонує шаблон. Про те, як змінити шаблон сайту і надати йому унікальності ми розповімо в цій статті.

Інструкція

Скачайте шаблон і знайдіть в ньому файл style.css. Зазвичай цей файл розташовується в папці public_html.

Відкрийте файл style.css в блокноті і знайдіть фрагмент коду, який відповідає за зовнішній вигляд верхній частині сайту. Цей фрагмент виглядає наступним чином:
#logotype {

background: url (images / logotype.jpg) no-repeat left center #fff;

width: 230px;

height: 60px;

margin: 10px 25px;

position: relative;

В даному коді в рядку background: url вам потрібно вказати шлях до фонового зображення майбутнього сайту. Наступні рядки позначають довжину і висоту зображення, а пункт margin визначає відступ зображення по вертикалі і горизонталі.

Знайдіть в папках шаблону файл logotype.jpg, який використовується в коді в якості логотипу, і замініть його в тій же папці на власний логотип з такою ж назвою в форматі png.

Фонове зображення завантажте в папку public_html / tmpl / імя_шаблона / Images /, після чого, як уже говорилося вище, пропишіть в рядку background: url шлях до зображення.

При необхідності перепишіть параметри висоти, довжини і відступу зображення. Рядок position: relative можна не чіпати. Збережіть зміни у файлі і завантажте його на сервер замість колишнього файлу шаблону.

Якщо ви хочете змінити нижній логотип сайту, знайдіть в style.css фрагмент коду, який починається зі слів logotype-footer. Збережіть малюнок з новим логотипом і завантажте його в папку шаблону Images.

Змініть параметри довжини і висоти. Знову збережіть файл style.css і завантажте оновлений сайт на сервер.

Поділися в соціальних мережах:

Увага, тільки СЬОГОДНІ!

Схожі