Як створити "Новини сайту"/"Блог" для сайту на Drupal 7. Використовуємо модуль Views

Як створити блог Как создать блог самому з нуля на Друпал 7 скачати блог скачать Як створити новини сайті PHP HTML
Оцінка матеріалу: 
Average: 5 (4 votes)

Рано чи пізно веб розробник стикнеться з необхідністю добавити на свій сайт рубрику новин чи створити блог для замовника. На просторах інтернету є не так багато хориш та якісних готових та ще й безкоштовних блогів, а тим більше готових рішень з виводу динамічних новин. В своєму першому проекті я перерив багато статтей, щоб знайти пристойний продукт для свого сайту. Було безліч простих блогів написаних на PHP, але серед них на голову вищим був блог "Егея". Він є безкоштовним для особистих блогів і цілком підходить для невеликих особистих блогів. На той момент мене це влаштовувало. Але йшов час, проекти росли та розвивалися і таке рішення для мене з часом стало не прийнятним. Умови ліцензії в будь-який момент можуть змінитися ну і тримати на сайті незалежний від тебе продукт м'яко кажучи не зручно. На допомогу прийшов Друпал. На його базі можна створити потужний та красивий блог чи сторінку "Новини сайту". Для цього в цьому уроці ми будемо створювати свій тип матеріалу (оскільки не завжди підходить вже існуючий "Запис у блозі" який пропонує Друпал, ну і не зайвою буде практика по створюванню свого власного типу матеріалів) і використаємо модуль Views. Для роботи з зображеннями використаємо модуль Colorbox. Втілюватимо ми це на базі створеного нами раніше першого сайту на Друпалі.

Для початку нам необхідно створити новий "Тип матеріалу". Переходимо у  Структура » Типи матеріалів » Додати тип матеріалу і створюємо новий тип (не забуваємо вказати Машино-читабельна назву, оскільки при використанні кирилиці Друпал залишає це поле пустим, а воно є обов'язковим!).

Як створити блог Как создать блог самому з нуля на Друпал 7 скачати блог скачать Як створити новини сайті PHP HTML

Тепер необхідно вказати поля, які ми будемо використовувати. Для цього вибираємо "Керувати полями". За замовчуванням Друпал створює такі базові поля, як Заголовок та Тіло новини:

Як створити "Новини сайту"/"Блог" для сайту на Drupal 7. Використовуємо модуль Views

Для того, щоб додати нове поле, використаємо відповідне вікно. Ми добавимо поле "Фотографії" для окремої загрузки зображень в наші новини сайту/запису блога, вказуємо тип поля "Зображення", а віджет "Multiupload"(мультизагрузка файлів). За замовчуванням Друпал додає по одному зображенню, щоб зробити мультизагрузку файлів використаємо модулі Multiupload Filefield Widget та Multiupload Imagefield Widget. Зберігаємось та вказуємо налаштування нашого поля, не забуваємо вказати кількість значень для поля як необмежено! 

Для зручності навігації по записах блогу чи новинах сайту використаємо теги, які будемо присвоювати кожній новині. Для цього в полі Додати існуюче поле вказуємо ім'я поля "Теги" і у спискуСпільне поле вибираємо Посилання на термін. У своїх проектах для добавляння термінів я використовую модуль Active Tags​. Після усіх маніпуляцій наш тип матеріалу матиме такий вигляд:

Як створити "Новини сайту"/"Блог" для сайту на Drupal 7. Використовуємо модуль Views

Для подальшої роботи, створимо декілька записів в нашому блозі. Тепер маючи матеріал для відображення, пререходимо до модуля Views. За його допомогою, ми створемо представлленя для відображення наших записів у потрібному нам порядку і вигляді. У Структура » Види створюємо новий вид, назвемо його "Мій Блог", не зайбуваємо, що при використанні кирилиці Машино-читабельна назву потрібно вказувати вручну! Галочку навпроти блоку чи сторінки зараз не ставимо, при необхідності зробимо це пізніше. Вибираємо Продовжити та редагувати, ми потрапляємо у структуру нашого виду. В першій колонці добавляємо потрібні ті поля, які ми хочемо вивести на нашій сторінці. Для прикладу добавимо поле Body (тіло нашої новини чи запису):

Як створити "Новини сайту"/"Блог" для сайту на Drupal 7. Використовуємо модуль Views

В налаштуваннях забираємо мітку і присвоюємо полю клас CSS (для подальшого форматування вигляду), я назвав його node_text:

Як створити "Новини сайту"/"Блог" для сайту на Drupal 7. Використовуємо модуль Views

Зберігаємось. Однак дане поле (Body) може бути і в інших типах матеріалу, тоді Друпал виведе усі опубліковані матеріали з полем Body, нам таке не підходить. В першій колонці у КРИТЕРІЇ ФІЛЬТРУВАННЯ добавляємо потрібний нам фільтр  Вміст: Тип, в його налаштуваннях обираємо наш тип матеріалу:

Як створити "Новини сайту"/"Блог" для сайту на Drupal 7. Використовуємо модуль Views

Аналогічно додаємо усі необхідні поля та присвоюємо їм CSS класи:

Як створити "Новини сайту"/"Блог" для сайту на Drupal 7. Використовуємо модуль Views

Для зручності роботи з блогом ми додаємо кнопки розшарювання матеріалу в соціальних мережах, для цього встановлюємо модуль Yandex.Share для Друпала 7, в якому налаштовуємо потрібні нам соцмережі і розмір самих кнопок. Додаємо нашим полям класи CSS, вони нам знадобляться пізніше.

Поле Заголовок - клас blogs_title

Поле Фотографії - клас blogs_photo

Поле Теги - клас blogs_tags

Поле Yandex.Share - клас blogs_share

Для кращого відображення зображень, в налаштуваннях поля Фотографії вибираємо Форматер Colorbox (за замовчуванням стоїть Зображення). Налаштування розміру зображень я залишаю без змін, їх я задаю за допомогою CSS

Як створити "Новини сайту"/"Блог" для сайту на Drupal 7. Використовуємо модуль Views

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

Як створити "Новини сайту"/"Блог" для сайту на Drupal 7. Використовуємо модуль Views

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

Як створити "Новини сайту"/"Блог" для сайту на Drupal 7. Використовуємо модуль Views

В другій колонці вказуємо шлях до сторінки і вказуємо його у меню в пункт "Блог"

Як створити "Новини сайту"/"Блог" для сайту на Drupal 7. Використовуємо модуль Views

Як бачимо наші записи/новини виводяться у потрібному порядку на нашій сторінці, однак їхній вигляд далекий від бажаного. Використаємо створенні для полів класи CSS і добавимо наступний код у файл style.css

/*стилізація заголовку*/
.blogs_title a{
    font-size:220%;
    margin:2% auto;
    color:maroon;
}

/*стилізація тексту запису/новини*/
.node_text p{
    padding:1%;
    margin:0;
}

/*стилізація зображень*/
.blogs_photo a{
    display:inline-block;
}

/*встановлення розміру зображення*/
.blogs_photo img{
    height:180px;
    width:auto;
}

/*стилізація тегів*/
.blogs_tags a{
    display:inline-block;
    margin:2% auto;
}

/*відділення новин між собою*/
.views-row{
    border-bottom:3px solid #333;
    margin:1%;

Тепер наш Блог/Сторінка новин набуває привабливого вигляду. 

Стилізація Блогу Новин на Друпалі  Темизация Темізація Блогу Новостей на Друпале 7