Як створити сайт на Drupal 7 на прикладі. Частина 2 - Розмітка регіонів, вивід блоків

Як створити сайт на друпалі 7 робота з регіонами та блоками как разбить сайт на регионы работа с блоками
Оцінка матеріалу: 
Average: 4.6 (5 votes)

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

Як створити сайт на друпалі 7 робота з регіонами та блоками как разбить сайт на регионы работа с блоками

Замість статичного тексту, виведемо назву сайту і гасло, його можна вказати в панелі адміністрування сайту, вибираймо Конфігурація » Інформація про сайт і вводимо потрібну для нас інформацію. Для цього нам не потрібно створювати окремий регіон!. Перший регіон ми створимо для нашого меню.

Далі в нас йдуть три статичних фото, які ми помістимо в три окремі регіони і текст. Текст ми помістимо у другий регіон, він у нас буде "всмістом головної сторінки".

Як створити сайт на друпалі 7 робота з регіонами та блоками как разбить сайт на регионы работа с блоками

Підвал залишаємо статичним. Розпочнемо з шапки сайту, відкриваємо page.tpl.php. 

В тег <h1> замість тексту прописуємо <?php print $site_name; ?> - вивід назви сайту, в <h2> прописуємо print <?php print $site_slogan; ?> - виводимо гасло сайту. Не забуваємо вказати назву сайту і гасло в адмін панелі сайту!

Як створити сайт на Drupal 7 на прикладі. Частина 2 - Розмітка регіонів, вивід блоків

Тепер створюємо регіон для меню сайут та вмісту головної сторінки. Відкриваємо для редагування файл datatagtemplate.info і прописуємо регіони, вигляд файлу має бути таким:

name = datatagtemplate
description = Перший шаблон для Drupal 7
package = Core
version = VERSION
core = 7.x

stylesheets[all][] = css/style.css

regions[my_menu] = Меню сайту 
regions[site_text] = Текст сайту
regions[foto_1] = Зображення 1
regions[foto_2] = Зображення 2
regions[foto_3] = Зображення 3

 Як бачимо ми прописали усі наші регіони, структура повинна бути така: regions[назва_регіону] = опис_регіону. Далі потрібно вказати Друпалу де цей регіон повинен виводитись, відкриваємо page.tpl.php:

Як створити сайт на Drupal 7 на прикладі. Частина 2 - Розмітка регіонів, вивід блоків

Чистимо наш кеш (Конфігурація » Швидкодія) і обновляємо сторінку. Наше наповнення сайту зникло. Тепер переходимо в Структура » Блоки і бачимо там наші регіони (При першій активації теми, Друпал може не відображати прописані нами регіони, а виводить перелік зовсім інших (вони дублються із теми за замовчуванням). Щоб виправити це потрібно у меню "Вигляд" вимкнути усі інші теми, залишивши лише нашу. Чистмо кеш і переходимо у "Блоки")

Як створити сайт на друпалі 7 робота з регіонами та блоками как разбить сайт на регионы работа с блоками

Терпере переходимо до наповнення створених нами регіонів, виводимо блоки. Розпочнемо з текстового наповнення сайту, в "Блоках" вибираємо "Вміст головної сторінки" і поміщаємо його "Текст сайту". Зміну його наповнення ми розглянемо в наступному уроці

Перейдемо до регіону "Меню сайту". Сюди вибираємо блок "Головне меню". Зберігаємо. Щоб вказати свої посилання в "Головному меню", переходимо у Структура » Меню » Головне меню. Редагуємо і добавляємо потрібні нам посилання. Як бачимо в нас змінився дизайн меню, не в кращу сторну, нестрашно змінюємо наш CSS файл:

.menu{
    margin:1% auto;
    border-top:2px solid #333;
    border-bottom:2px solid #333;
 }

.menu li{
    list-style:none;
    display:inline-block;
    padding:0px 60px 10px;
}

.menu li a{
    letter-spacing:.5px;
    position:relative;
    color:#000;
    font-size:110%;
    text-decoration: none; 
}

Тепер переходимо до створення блоків для наших зображень. В "Блоках" вибирає "Додати блок". Щоб сховати заголовок, прописуємо "none", в полі опис пишемо будь-який опис і в "Вміст блоку" відповідно копіюємо вміст першого блоку. Текстовий формат вказуємо "Full HTML" ! Аналогічно робимо для двох наступних блоків.

Як створити сайт на друпалі 7 робота з регіонами та блоками как разбить сайт на регионы работа с блоками

Не забуваємо вказувати місце розташування нашого блоку!  

Як створити сайт на Drupal 7 на прикладі. Частина 2 - Розмітка регіонів, вивід блоків

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

 Кінцевий вигляд нашого шаблону можна  скачати за цим посиланням цим посиланням.