Блочный редактор WordPress: добавление контента блоками

Что такое блочный редактор

Блочный редактор (Gutenberg) — основной редактор контента в WordPress с версии 5.0. Каждый элемент страницы или записи — это блок: абзац, заголовок, изображение, видео, колонки, кнопка и т.д.

Доступен через: Записи → Добавить или Страницы → Добавить.

Как добавить блок

Три способа:

Кнопка + (добавить блок) — появляется в интерфейсе при наведении между блоками или в верхней панели.
Слеш-команда / — начните вводить /заголовок или /изображение в пустом абзаце.
Быстрая вставка — нажмите Enter на пустой строке для вызова меню блоков.

Добавление блока в конкретную позицию

Наведите мышь между существующими блоками — появится разделитель с кнопкой +.
Или используйте List View (иконка списка) для точного позиционирования.

Основные блоки

Текстовые блоки

Блок	Назначение
Абзац (Paragraph)	Основной текст
Заголовок (Heading)	Заголовки H1-H6
Список (List)	Маркированные и нумерованные списки
Цитата (Quote)	Оформленные цитаты
Код (Code)	Фрагменты кода с подсветкой
Таблица (Table)	Данные в табличной форме

Медиа-блоки

Блок	Назначение
Изображение (Image)	Вставка картинок
Галерея (Gallery)	Сетка изображений
Видео (Video)	Встроенное видео
Аудио (Audio)	Аудиоплеер
Файл (File)	Ссылка на скачивание файла

Дизайн-блоки

Блок	Назначение
Колонки (Columns)	Многоколоночный макет
Группа (Group)	Контейнер для группировки других блоков
Разделитель (Separator)	Горизонтальная линия
Спейсер (Spacer)	Вертикальный отступ

Блоки темы (Theme Blocks)

Некоторые блоки работают только в Site Editor и шаблонах:

Site Title Block

Отображает название сайта. Настройки:

Тег HTML — H1 (главная), P или Div (остальные страницы).
Ссылка — делает название кликабельной ссылкой на главную.
Выравнивание — по левому краю, по центру, по правому.
Цвет и типографика — настраиваются через панель «Стили».

Post Content Block

Отображает содержимое записи/страницы в шаблоне. Используется в шаблонах Single (Запись) и Page (Страница) для указания, где выводить контент.

Как добавить в шаблон:

Откройте Site Editor → Шаблоны.
Выберите шаблон (например, Single).
Добавьте блок Post Content в нужное место.

Дополнительные CSS-классы блоков

Каждому блоку можно задать произвольный CSS-класс для стилизации:

Выделите блок → боковая панель → Дополнительно.
В поле Дополнительные классы CSS введите имя класса.
Пропишите стили в Customizer или child theme:

.highlight-box {
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 8px;
    padding: 1.5rem;
}

Несколько классов указываются через пробел: highlight-box shadow rounded.

Сочетания клавиш

Сочетание	Действие
`/`	Быстрый поиск блока
`⌘Z` / `Ctrl+Z`	Отменить
`⌘Shift+Z` / `Ctrl+Shift+Z`	Повторить
`⌘Shift+D` / `Ctrl+Shift+D`	Дублировать блок
`⌘⌥T` / `Ctrl+Alt+T`	Вставить блок до/после
`Esc`	Выйти из режима редактирования блока