WordPress 5.6 об'єднав кілька функцій плагіна Gutenberg із ядром WordPress. Дві версії редактора блоків тепер (в основному) гармонійно поєднуються один з одним, тому зараз саме час підбити підсумки останніх модифікацій.
У цьому посту ми розповімо про шість останніх змін у редакторі блоків. І покажемо, як розблокувати бета-функції, які зараз доступні лише в автономному плагіні Gutenberg.
Введення до редактора блоків WordPress
Gutenberg, або редактор блоків, як його тепер називають, - це вбудований редактор сторінок і записів WordPress. Він був представлений у WordPress 5.0 для заміни класичного редактора TinyMCE, до якого ви все ще можете отримати доступ за допомогою плагіна Класичний редактор.
Як випливає з назви, цей редактор використовує блоковий підхід до створення веб-сторінок. Замість роботи з однією великою областю вмісту, Гутенберг розбиває сторінки на різні блоки вмісту. Сюди входять багато часто використовувані елементи, такі як абзаци, заголовки, списки та зображення.
Gutenberg був розроблений для більш гнучкої роботи в WordPress. Для нових користувачів редактор блоків робить створення контенту інтуїтивнішим, особливо для тих, хто мігрує з такої платформи, як Wix або Squarespace. Схоже, що WordPress намагається скласти конкуренцію цим та іншим розробникам візуальних веб-сайтів.
До включення в ядро WordPress Gutenberg розроблявся як окремий плагін. Сьогодні плагін Gutenberg все ще перебуває в активній розробці та зазвичай на кілька кроків випереджає редактор блоків у ядрі WordPress. Завдяки цьому плагін Gutenberg відмінно підходить для попереднього перегляду нових функцій редактора перед додаванням на платформу.
6 важливих оновлень WordPress Gutenberg, про які потрібно знати
Тепер, коли ми дізналися, чому редактор блоків відзначив таку величезну зміну для спільноти WordPress, розглянемо деякі з останніх функцій.
1. Повне редагування сайту (FSE)
Дизайн важливий для залучення та утримання інтересу відвідувачів. Ефективний веб-дизайн може передати важливу інформацію про ваш бренд і допомогти потенційним клієнтам вирішити, чи залишатися їм тут, чи перевірити вашого найбільшого конкурента.
Щоб допомогти вам розробити більш послідовний та цікавий веб-сайт, Гутенберг ввів концепцію повного редагування сайту (FSE). За допомогою FSE ви можете використовувати блоки для візуального проектування та створення всіх частин вашого веб-сайту, а не лише сторінок та записів.
Сюди входять верхній та нижній колонтитули, бічна панель та сторінки архіву. Розробники Gutenberg вже створили бібліотеку будівельних блоків, і в майбутньому планується ще більше блоків контенту.
В рамках FSE Gutenberg надає панель Global Styling, яка веде себе аналогічно традиційному налаштуванню WordPress. Для цієї функції потрібна сумісна тема WordPress, наприклад, нова тема Twenty Twenty-One за замовчуванням.
В даний час можливості FSE доступні тільки в модулі, що підключається Gutenberg. Однак ця функція буде інтегрована в ядро WordPress у майбутньому випуску, як висловився Метт Мулленвег у доповіді про стан Word 2020.
2. Блок навігації та конструктор
Зрозуміла та логічна навігація необхідна для того, щоб відвідувачі могли знаходити цікавий контент. Це допомагає покращити враження відвідувачів, що позитивно позначиться на таких ключових показниках, як час, проведений на вашому сайті, та загальна кількість відвідуваних сторінок.
Якісна навігація також може покращити вашу пошукову оптимізацію (SEO), допомагаючи пошуковим роботам індексувати ваші сторінки. Це збільшує шанси вашого контенту з'явитись у релевантних результатах пошуку.
Щоб покращити навігацію на вашому сайті, Гутенберг додав новий блок навігації. З його допомогою ви можете розмістити меню будь-де, в будь-якому пості або сторінці.
Gutenberg 9.0 також додав конструктор меню, що перетягується. Цей інструмент дозволить створювати саме те меню, яке потрібне вашим відвідувачам.
На момент написання статті цей конструктор меню все ще був експериментальним і доступним лише через плагін Gutenberg. Після його активації ви можете увімкнути будівельник меню, перейшовши в Gutenberg > Experiments > Enable Navigation Screen:
Виберіть Зберегти зміни. Потім перейдіть до Gutenberg> Navigation (бета):
Щоб створити меню, виберіть «Створити», а потім натисніть кнопку "плюс" (+). Потім ви можете створити своє меню візуально, використовуючи функцію перетягування:
Коли ви будете задоволені своїм меню, натисніть «Зберегти». Тепер ви можете розмістити це меню у будь-якому місці вашого сайту за допомогою навігаційного блоку Gutenberg.
Дивіться також:
3. Підтримка відео субтитрів
За даними Всесвітньої організації охорони здоров'я (ВООЗ), більше одного мільярда людей мають будь-які форми інвалідності. Це становить близько 15% населення світу. Створення доступного контенту – це не просто добре заняття, воно може значно збільшити аудиторію вашого сайту.
Субтитри можуть зробити ваш контент доступнішим для людей з порушеннями слуху. Вони також можуть бути корисні в шумній обстановці або ситуаціях, коли недоречно слухати гучний звук, наприклад, в тихому класі.
Щоб сприяти доступності, відеоблок Гутенберг тепер підтримує субтитри. Під час завантаження відео можна надати субтитри у вигляді файлу текстових записів веб-відео (WebVTT). Ви можете додати його до свого відеоблоку, натиснувши кнопку Text Tracks:
Потім оберіть «Завантажити» та файл WebVTT, який ви хочете використовувати. Відвідувачі можуть увімкнути ці субтитри WebVTT, клацнувши значок із трьома точками в правому нижньому куті вашого відео.
4. Можливість перетворення кількох блоків на один стовпець
Тепер можна поєднати кілька блоків в один стовпець. Це дає вам більше гнучкості з точки зору структурування сторінок. І полегшує створення однакового дизайну, оскільки ви можете застосувати однакове форматування до всіх елементів у стовпці.
Щоб перетворити кілька блоків на один стовпець, виберіть перший блок, який потрібно об'єднати. Потім перетягніть кожен блок, який потрібно включити в новий стовпець.
На панелі інструментів редактора блоків натисніть першу кнопку та виберіть «Стовпці»».
Гутенберг перетворить ці блоки на колону. Тепер ви можете оновлювати весь вміст цієї групи одночасно.
5. Шаблони блоків
Шаблони блоків WordPress – це готові до вставки визначені макети сторінок. Ці шаблони допоможуть вам з мінімальними зусиллями створювати багатофункціональні, професійно оформлені сторінки та записи.
Спочатку представлений WordPress 5.5, Гутенберг нещодавно додав ще більше шаблонів блоків. Щоб отримати доступ до них, натисніть кнопку «плюс» (+) у редакторі Гутенберга та виберіть вкладку «Шаблони».
Параметри, що відображаються, можуть відрізнятися залежно від вибраної теми. Однак усі теми WordPress за промовчанням підтримують багато шаблонів блоків.
В останній версії Gutenberg представлено новий перемикач категорій Patterns. Це полегшує пошук конкретних шаблонів, які вас цікавлять. І допоможе відрізнити стандартні шаблони від шаблонів, доступних для вашої конкретної теми WordPress.
6. Більше ніяких вбудованих блоків Facebook та Instagram
При створенні записів і сторінок іноді може знадобитися вбудовувати контент з інших веб-сайтів. Це можуть бути публікації або навіть цілі стрічки з популярних соціальних мереж, таких як Facebook та Instagram.
Традиційно користувачі WordPress могли вбудовувати контент Facebook та Instagram за допомогою oEmbed API. Однак, прагнучи покращити конфіденційність, Facebook нещодавно відмовився від підтримки безмаркерного oEmbed. Оскільки Instagram належить Facebook, ця зміна торкнулася і цієї мережі.
У відповідь на зміну API Facebook WordPress видалив блоки Facebook та Instagram із Gutenberg 9.0. Ця зміна також нещодавно була включена до випуску ядра WordPress 5.6. Якщо ви продовжите використання непідтримуваних блоків oEmbed, на вашому веб-сайті можуть виникати періодичні помилки HTTP 400.
Хороша новина полягає в тому, що до ваших постів, як і раніше, можна включати контент з Facebook і Instagram. Однак тепер цей процес включає створення облікових даних розробника Facebook. Вам також може знадобитися сторонній плагін, наприклад oEmbed Plus.
Джерело: torquemag.io
Коментарі до запису: 0