Редактор Ґутенберг в Drupal 8 для унікальних можливостей створення контенту

03.10.2018
Редактор Ґутенберг в Drupal 8 для унікальних можливостей створення контенту
Автор:

Контент-редакторам та власникам сайтів просто перехопить подих від захвату, коли вони дізнаються про новий редактор Ґутенберг в Drupal 8! У восьмій версії Друпала і так уже є чудові можливості з легкого редагування контенту і створення макетів сторінок, а починаючи з Drupal 8.6.0 можна насолоджуватись вдосконаленим додавання мультимедіа і вбудовуванням віддалених відео. Однак, досконалості немає меж! Редактор Ґутенберг може подарувати Drupal 8 безпрецедентні можливості зі створення контенту.

Редактор Ґутенберг в Drupal 8

Звідки походить назва «Ґутенберг»

У XV столітті Йоганнес Ґутенберг винайшов друкарську машину, принісши справжню революцію у книжну справу. Редактор Ґутенберг був названий саме на його честь. Очікується, що він принесе з собою революційні можливості у створенні контенту. Ну що, кожній епосі потрібен свій власний Ґутенберг!

Суть роботи редактора Ґутенберг

Ґутенберг — це сучасний користувацький інтефейс для оформлення контенту. Він являє собою додаток з відкритим кодом, побудований на JavaScript — а конкретніше, React.js.

З його допомогою редактори можуть створювати саме такий вигляд сторінок, як їм хочеться. Можна створювати ефекти, що зазвичай доступні лише експертам з CSS і HTML, але з цим редактором — будь-кому.

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

Додавання Ґутенберга до Drupal 8

Gutenberg.js був створений з розрахунком на WordPress, і WordPress уже включив його в ядро. Обіцяють, що він буде повністю готовий до використання з релізом WordPress 5. Однак, цей JavaScript-додаток був настільки привабливим, що Drupal-спільнота вирішила теж його отримати.

Drupal-розробники Пер Андре Ронсен і Марко Фернандес представили Ґутенберг слухачам на конференції Drupal Europe у Дармштадті, а також створили модуль Gutenberg, що приєднує цей редактор до сайтів Drupal 8.

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

Як працює модуль Gutenberg в Drupal 8

Коли модуль Gutenberg встановлено і увімкнено, потрібно увімкнути редактор Ґутенберг для потрібних контент-типів. Для цього потрібно обрати опцію “Gutenberg experience” і поставити відповідну галочку. Select Gutenberg text format for content type in Drupal 8

Модуль потребує поля типу “long text”, в якому потрібно обрати текстовий формат “Gutenberg”.

Select Gutenberg text format for content type in Drupal 8

Коли все це зроблено, кожна нода контент-типу буде відкриватись в інтерфейсі Ґутенберга. Як ми бачимо, цей інтерфейс має досить багато вільного простору. Можливості меню сховані до тих пір, поки вони вам не будуть потрібні.

Клікнувши на значок “+” у лівому верхньому кутку, ви побачите перелік елементів сторінки, які можна додавати як блоки. Для вашої зручності блоки також можна шукати через пошукове поле.

Блоки представлені в 6 основних категоріях:

  • Drupal-блоки:

картинка, заголовок, тіло контенту, ID, фото, електронна адреса користувача, коментарі і багато іншого;

  • Загальні блоки:

абзац, картинка, заголовок, галерея, список, цитата, аудіо, головна картинка, файл, відео;

  • Форматування:

код, дані в заданому форматі, винесений за межі тексту уривок, таблиця, вірш;

  • Елементи дизайну:

кнопка, набір стовпчиків, значок «читати більше», розділювач сторінок, роздільний простір, роздільна лінія;

  • Віджети:

шорткод, архіви, категорії, останні коментарі, останні пости;

  • Вбудований контент

Понад 30 соціальних мереж та мультимедіа-сайтів, з яких можна вбудовувати контент.

List of blocks in Drupal 8's Gutenberg editor interface

Коли блок створено, можна відкрити його детальні налаштування в правому кутку. Наприклад, можна обрати колір фону і тексту, розмір літер, кількість колонок і так далі — залежно від блоку. Багато блоків також мають опцію “advanced” для додавання CSS-стилів.

Configuring a block in Drupal 8's Gutenberg editor

Блоки можна рухати вгору-вниз, рівняти по правому чи лівому краю і так далі, змінювати тип готового блоку, дублювати і видаляти блоки. На додачу до візуального редактора, Ґутенберг також має режим редагування коду.

Наостанок

Drupal сам по собі працює як найкращий конструктор. А тепер всередині нього з’являється ще один цікавий конструктор — редактор Ґутенберг.

Настали часи для виняткових можливостей зі створення контенту! Якщо ви бажаєте перенести сайт на Drupal 8 і насолоджуватись ними, або якщо вам потрібна допомога із встановленням та налаштуванням модулів на кшталт Gutenberg для Drupal 8 — звертайтесь до нашої компанії з Drupal-розробки.

Голосів: 1 Рейтинг: 5

Також по темі

1

Вітаємо усіх з релізом Drupal 8.6.0! Нова мінорна версія Друпала обіцяє бути особливо привабливою для користувачів, власників сайтів, адміністраторів і розробників. Шість місяців тому, коли вийшов...

3

Одна з мрій багатьох власників сайтів — створити гарні можливості з надсилання пошти на сайті. Звісно, це легко з Drupal 8, адже його суперсили безмежні! Ми вже обговорювали, як ваш сайт на Drupal...

4

Ви — досвідчений гравець в онлайн-бізнесі та перебуваєте тут не перший рік. Можливо, ваш сайт був побудований ще за царя гороха, а ваш функціонал давно застарів. Є вірогідність, що ви...

5

З кожним новим релізом Drupal стає все більш удосконаленим та сучасним. Останній, Drupal 8,...

Subscribe to our blog updates