Від автора: монотонність напружує, а однаковість може довести до ступору. Уявіть, якщо б всі сайти в інтернеті виглядали б однаково! Добре, що є Drupal шаблони, які здатні урізноманітнити всесвітню Мережу.
Де їх шукати?
Для початку розберемося, де в адмінки CMS знаходяться шкурки. Після авторизації в движку у верхньому меню перейдіть в розділ «Оформлення». Тут наводиться список встановлених варіантів дизайну.
Кожен з них можна налаштувати і активувати. Для цього потрібно перейти по відповідному посиланню, розташованої біля плитки теми.
Щоб стати володарем нового дизайну, перейдіть за відповідним посиланням вгорі. У наступного ро вікні вкажіть URL «шкурки» або розташування архіву файлової системи ПК.
Спочатку редактор
Але не так все просто з цієї CMS. Щоб змінювати вміст розмітки сторінок сайту, доведеться встановити окремий модуль (Wysiwyg).
Потім завантажити один з редакторів, підтримуваних 8 або сімкою. Обидві версії движка зараз актуальні.
Після цього завантажити архів з потрібним додатком та встановити його. Благо, посилання на підтримувані програми «вшиті».
І тільки після цього ви отримуєте можливість редагувати HTML-код сторінок. Стандартний модуль має «аскетичний» функціонал для правки тексту. Але після встановлення стороннього додатка все стає не так сумно.
Робота зі структурою
В Drupal не реалізовано внутрішніх можливостей адмінки для зміни макета сайтів. Для цього доведеться використовувати сторонні програми.
Кожна версія CMS має свої особливості розташування тем. В восьмий — все дефолтні знаходяться в папці core. У 7 інша структура:
Завантажені шкурки лежать в іншій директорії.
Тепер відкриємо одну з шкурок і знайдемо в ній папку templates. Ось її «традиційне» вміст:
Всі макети мають назву, за якими легко зрозуміти, за розмітку якого елемента вони відповідають. При цьому їх розширення.tpl) теж дозволяє здогадатися про їх «шаблонної» природі.
А тепер «чужорідної» оболонкою (наприклад, PHP Expert Editor) відкриємо один з цих файлів. Спочатку коду наводиться опис усіх змінних і параметрів, що використовуються в скрипті.
Потім сам скрипт на PHP, розбавлений HTML.
Думаю, розібратися нескладно. В одному з наступних матеріалів ми детальніше «просвітімося» з цієї тематики.
Власна «шкурка»
Тепер займемося власним варіантом дизайну. Це буде тільки вступна частина по розробці теми. Але і цього обсягу буде достатньо для розуміння суті.
Створюємо папку – назвемо її theme_test. Вона буде розташовуватися по наступному шляху:
Зберігаємо файл з назвою нашої теми і розширенням .info. Після чого прописуємо в ньому мінімальну інформацію про «шкірці».
Щоб зберегти файл з розширенням .info, буде потрібно спеціальне ПЗ. Я пропоную вам завантажити архів з цим проектом, відкрити файл даної теми за допомогою будь-якого редактора і на його основі розробляти свій варіант дизайну.
Додаємо в папку проекту основні файли, папки з зображеннями і скріншот інтерфейсу теми.
Установка «шкурки» — в адмінки CMS переходимо в розділ «Оформлення». Серед неактивних повинна бути і наша тема. Активуємо її і встановлюємо як дизайн за замовчуванням.
Зберігаємо файл index.php як page.tpl.php. Тепер вирішуємо проблему з відображенням малюнків. Розроблена шкурка «висить» на локальному сервері. Тому, щоб не виникало проблем з виведенням зображень, використовуйте зазначений на скріні URL:
Ось так своїми руками ми розробили першу найпростішу «сорочку» для сайту. Це всього лише заготовка теми. На її основі ви зможете «ліпити» власний твір мистецтва.
