Створюємо власну заготовку під майбутні Drupal шаблони

374

Від автора: монотонність напружує, а однаковість може довести до ступору. Уявіть, якщо б всі сайти в інтернеті виглядали б однаково! Добре, що є Drupal шаблони, які здатні урізноманітнити всесвітню Мережу.

Де їх шукати?

Для початку розберемося, де в адмінки CMS знаходяться шкурки. Після авторизації в движку у верхньому меню перейдіть в розділ «Оформлення». Тут наводиться список встановлених варіантів дизайну.

Створюємо власну заготовку під майбутні Drupal шаблони

Кожен з них можна налаштувати і активувати. Для цього потрібно перейти по відповідному посиланню, розташованої біля плитки теми.

Створюємо власну заготовку під майбутні Drupal шаблони

Щоб стати володарем нового дизайну, перейдіть за відповідним посиланням вгорі. У наступного ро вікні вкажіть URL «шкурки» або розташування архіву файлової системи ПК.

Створюємо власну заготовку під майбутні Drupal шаблони

Спочатку редактор

Але не так все просто з цієї CMS. Щоб змінювати вміст розмітки сторінок сайту, доведеться встановити окремий модуль (Wysiwyg).

Створюємо власну заготовку під майбутні Drupal шаблони

Потім завантажити один з редакторів, підтримуваних 8 або сімкою. Обидві версії движка зараз актуальні.

Створюємо власну заготовку під майбутні Drupal шаблони

Після цього завантажити архів з потрібним додатком та встановити його. Благо, посилання на підтримувані програми «вшиті».

Створюємо власну заготовку під майбутні Drupal шаблони

І тільки після цього ви отримуєте можливість редагувати HTML-код сторінок. Стандартний модуль має «аскетичний» функціонал для правки тексту. Але після встановлення стороннього додатка все стає не так сумно.

Створюємо власну заготовку під майбутні Drupal шаблони

Робота зі структурою

В Drupal не реалізовано внутрішніх можливостей адмінки для зміни макета сайтів. Для цього доведеться використовувати сторонні програми.

Кожна версія CMS має свої особливості розташування тем. В восьмий — все дефолтні знаходяться в папці core. У 7 інша структура:

Створюємо власну заготовку під майбутні Drupal шаблони

Завантажені шкурки лежать в іншій директорії.

Створюємо власну заготовку під майбутні Drupal шаблони

Тепер відкриємо одну з шкурок і знайдемо в ній папку templates. Ось її «традиційне» вміст:

Створюємо власну заготовку під майбутні Drupal шаблони

Всі макети мають назву, за якими легко зрозуміти, за розмітку якого елемента вони відповідають. При цьому їх розширення.tpl) теж дозволяє здогадатися про їх «шаблонної» природі.

А тепер «чужорідної» оболонкою (наприклад, PHP Expert Editor) відкриємо один з цих файлів. Спочатку коду наводиться опис усіх змінних і параметрів, що використовуються в скрипті.

Створюємо власну заготовку під майбутні Drupal шаблони

Потім сам скрипт на PHP, розбавлений HTML.

Створюємо власну заготовку під майбутні Drupal шаблони

Думаю, розібратися нескладно. В одному з наступних матеріалів ми детальніше «просвітімося» з цієї тематики.

Власна «шкурка»

Тепер займемося власним варіантом дизайну. Це буде тільки вступна частина по розробці теми. Але і цього обсягу буде достатньо для розуміння суті.

Створюємо папку – назвемо її theme_test. Вона буде розташовуватися по наступному шляху:

Створюємо власну заготовку під майбутні Drupal шаблони

Зберігаємо файл з назвою нашої теми і розширенням .info. Після чого прописуємо в ньому мінімальну інформацію про «шкірці».

Створюємо власну заготовку під майбутні Drupal шаблони

Щоб зберегти файл з розширенням .info, буде потрібно спеціальне ПЗ. Я пропоную вам завантажити архів з цим проектом, відкрити файл даної теми за допомогою будь-якого редактора і на його основі розробляти свій варіант дизайну.

Додаємо в папку проекту основні файли, папки з зображеннями і скріншот інтерфейсу теми.

Створюємо власну заготовку під майбутні Drupal шаблони

Установка «шкурки» — в адмінки CMS переходимо в розділ «Оформлення». Серед неактивних повинна бути і наша тема. Активуємо її і встановлюємо як дизайн за замовчуванням.

Створюємо власну заготовку під майбутні Drupal шаблони

Зберігаємо файл index.php як page.tpl.php. Тепер вирішуємо проблему з відображенням малюнків. Розроблена шкурка «висить» на локальному сервері. Тому, щоб не виникало проблем з виведенням зображень, використовуйте зазначений на скріні URL:

Створюємо власну заготовку під майбутні Drupal шаблони

Ось так своїми руками ми розробили першу найпростішу «сорочку» для сайту. Це всього лише заготовка теми. На її основі ви зможете «ліпити» власний твір мистецтва.