WordPress Gutenberg — полное руководство

Добро пожаловать в моё полное руководство по блочному редактору WordPress Gutenberg. В этом новом руководстве по Gutenberg для WordPress я пошагово расскажу вам о блоках WordPress Gutenberg и о том, как пользоваться редактором Gutenberg. Что такое блочный редактор WordPress Gutenberg? Gutenberg — это кодовое название совершенно новой парадигмы в создании и публикации сайтов на WordPress, призванной произвести революцию в издательском деле так же, как Gutenberg изменил печатное слово. Сейчас проект находится на втором этапе четырёхэтапного процесса, который затронет все компоненты WordPress: редактирование, настройку (включая полное редактирование сайта, шаблоны блоков, каталог блоков и темы на основе блоков), совместную работу и многоязычность. Проект сосредоточен на новом интерфейсе редактирования — блочном редакторе (который является темой текущей документации). Блоки рассматривают абзацы, заголовки, медиа-файлы и встроенные элементы как компоненты, которые, будучи объединены вместе, составляют контент, хранящийся в базе данных WordPress, заменяя традиционную концепцию текста свободной формы встроенными медиа-файлами и шорткодами. Новый редактор разработан с прогрессивными улучшениями, что означает обратную совместимость со всем устаревшим контентом, а также предлагает процесс преобразования и разделения классического блока на эквивалентные блоки с помощью парсинга на стороне клиента. Наконец, блоки предлагают расширенные возможности редактирования и форматирования. Редактор предлагает пользователям новые возможности благодаря визуальным инструментам создания с помощью перетаскивания и мощным улучшениям для разработчиков, включающим современные пакеты поставщиков, повторно используемые компоненты, богатые API и хуки для изменения и расширения редактора с помощью пользовательских блоков, стилей пользовательских блоков и плагинов. (источник: wordpress.org) 👉 Подпишитесь на мою рассылку:
👉 Свяжитесь со мной по адресу: jamie@pootlepress.com 👉 Мои бесплатные обучающие материалы по Gutenberg:
👉 Мои плагины Gutenberg для WordPress, включая WooBuilder Blocks:
🔥 👉 Попробуйте полное редактирование сайта и наши предустановленные плагины Gutenberg для WooCommerce:
👉 Присоединяйтесь к моему клубу WordPress (и поддержите этот канал):
Временная шкала 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 в режиме реального времени