Скачать или смотреть WordPress Gutenberg — полное руководство

Добро пожаловать в моё полное руководство по блочному редактору WordPress Gutenberg.

В этом новом руководстве по Gutenberg для WordPress я пошагово расскажу вам о блоках WordPress Gutenberg и о том, как пользоваться редактором Gutenberg.

Что такое блочный редактор WordPress Gutenberg?
Gutenberg — это кодовое название совершенно новой парадигмы в создании и публикации сайтов на WordPress, призванной произвести революцию в издательском деле так же, как Gutenberg изменил печатное слово. Сейчас проект находится на втором этапе четырёхэтапного процесса, который затронет все компоненты WordPress: редактирование, настройку (включая полное редактирование сайта, шаблоны блоков, каталог блоков и темы на основе блоков), совместную работу и многоязычность. Проект сосредоточен на новом интерфейсе редактирования — блочном редакторе (который является темой текущей документации).

Блоки рассматривают абзацы, заголовки, медиа-файлы и встроенные элементы как компоненты, которые, будучи объединены вместе, составляют контент, хранящийся в базе данных WordPress, заменяя традиционную концепцию текста свободной формы встроенными медиа-файлами и шорткодами. Новый редактор разработан с прогрессивными улучшениями, что означает обратную совместимость со всем устаревшим контентом, а также предлагает процесс преобразования и разделения классического блока на эквивалентные блоки с помощью парсинга на стороне клиента. Наконец, блоки предлагают расширенные возможности редактирования и форматирования.

Редактор предлагает пользователям новые возможности благодаря визуальным инструментам создания с помощью перетаскивания и мощным улучшениям для разработчиков, включающим современные пакеты поставщиков, повторно используемые компоненты, богатые API и хуки для изменения и расширения редактора с помощью пользовательских блоков, стилей пользовательских блоков и плагинов.

(источник: wordpress.org)

👉 Подпишитесь на мою рассылку: https://www.pootlepress.com/sign-up-t...
👉 Свяжитесь со мной по адресу: [email protected]
👉 Мои бесплатные обучающие материалы по Gutenberg: https://www.pootlepress.com/wordpress...
👉 Мои плагины Gutenberg для WordPress, включая WooBuilder Blocks: https://www.pootlepress.com/wordpress... 🔥
👉 Попробуйте полное редактирование сайта и наши предустановленные плагины Gutenberg для WooCommerce: https://app.instawp.io/launch?t=woobu...
👉 Присоединяйтесь к моему клубу WordPress (и поддержите этот канал): https://clubpootle.com/

Временная шкала
0:00 — Вступление
0:33 — Классический редактор против нового блочного Редактор
1:33 — Gutenberg — это тоже плагин
2:00 — Упрощаем работу с Gutenberg
2:45 — Где найти настройки страницы и записи в Gutenberg
2:58 — Библиотека блоков Gutenberg
3:15 — Как добавить блоки Gutenberg
4.15 — Другой способ добавить блоки Gutenberg
4:34 — Как настроить блоки Gutenberg
5:20 — Панель инструментов Gutenberg
6:31 — Вид списка и хлебные крошки Gutenberg
7:11 — Простые блоки и блоки-контейнеры
9:25 — Как работать с простыми блоками
10:40 — Как работать с блоками-контейнерами
13:23 — Как удалить блоки Gutenberg
13:39 — Как удалить несколько блоков (за один раз)
14:00 — Как перемещать блоки Gutenberg
14:37 — Как копировать содержимое страницы в Gutenberg
15:00 — Как добавить социальные сети Иконки в Gutenberg
15:40 — Как добавить видео в Gutenberg
16:50 — Как добавить HTML в Gutenberg
17:24 — Как выровнять кнопки в Gutenberg
17:52 — Как дублировать блоки
18:36 — Как преобразовать блоки в блоки разных типов
19:00 — Автоматическое преобразование текста в столбцах
19:25 — Как группировать блоки
20:00 — Многоразовые блоки в Gutenberg
21:00 — Шаблоны блоков Gutenberg
21:53 — Ссылки для перехода в Gutenberg
23:18 — Добавление CSS в Gutenberg
24:00 — Просмотр кода в WordPress Gutenberg
24:17 — Полезные сочетания клавиш
24:41 — Параметры публикации
25:12 — Скрытие блоков из библиотеки блоков
25:35 — Плагины блоков WordPress
26:11 — WooCommerce Gutenberg
26:36 — Темы блоков Gutenberg
27:00 — Полное редактирование сайта (FSE)
27:25 — Демонстрация интерфейса Gutenberg в режиме реального времени