Есть ли поддержка Гутенберг в нашем шаблоне?

Да, это первая наша тема, которая изначально поддерживает почти все возможности нового редактора Gutenberg. В этой статье мы подробно рассмотрим все доступные блоки и стили оформления, которые помогут сделать ваш контент максимально привлекательным и читаемым.

Блоки внимания (Alert Boxes)

В теме полностью реализована возможность выбора различных блоков внимания. Они помогают акцентировать внимание посетителя на важной информации и вносят разнообразие в контент страницы.

Выглядит неплохо? С помощью блоков внимания Вы можете акцентировать внимание посетителя на нужных участках текста. Кроме того, такие блоки вносят разнообразие в контент страницы.

Добавить подобный блок совсем не сложно. Вы просто создаете цитату и выбираете ей нужный стиль в стандартных полях редактора Gutenberg.

Типы блоков внимания

• Thumbs Up — для положительной информации и рекомендаций
• Info — для информационных сообщений
• Warning — для предупреждений
• Danger — для критически важной информации

Работа с изображениями

Вы только посмотрите на эти храмы. Картинки можно визуально оформлять на всю ширину, используя стандартные возможности редактора:

Правда так красиво растянуть картинку можно только для записей, у которых нет сайдбара. В нашем шаблоне это реализовано автоматически.

Блок «Медиа и текст»

Еще один пример интересного оформления контента — это блок Медиа и текст. Он позволяет нам выводить картинку + дополнительный текст к ней. При этом такой блок по ширине выходит за границы контента и визуально улучшает текст.

При этом вы можете поменять расположение картинки и настройки выравнивания текста встроенными возможностями редактора:

Таблицы и структурированные данные

Тема поддерживает красивое оформление таблиц. Вот пример сравнения популярных направлений:

Направление	Сезон	Средняя температура	Цена тура
Таиланд	Ноябрь — Март	+28°C	от 85,000 ₽
Вьетнам	Декабрь — Апрель	+26°C	от 75,000 ₽
Индонезия	Круглый год	+30°C	от 95,000 ₽
Мальдивы	Ноябрь — Апрель	+29°C	от 120,000 ₽

Код и технические блоки

Для технических статей важно иметь возможность красиво оформлять код. Вот пример:

// Пример использования Gutenberg API
const { registerBlockType } = wp.blocks;
const { RichText } = wp.blockEditor;

registerBlockType('custom/block', {
    title: 'Мой блок',
    edit: function() {
        return <RichText tagName="p" />;
    },
});

Цитаты и выделение мыслей

Блок цитаты можно использовать не только для чужих высказываний, но и для выделения ключевых мыслей в тексте:

«Путешествия учат нас больше, чем что-либо другое. Иногда один день, проведенный в другом месте, дает больше, чем десять лет жизни дома.»

— Анатоль Франс

Колонки и сетки

Блок колонок позволяет создавать сложные макеты:

Заключение

Тема Oshmanovsky предоставляет максимальные возможности для оформления контента. Все блоки Gutenberg поддерживаются и стилизованы в едином дизайне. Не переживайте, мы всю информацию дадим, документацию напишем. Демо-контент можно будет установить и посмотреть на все эти блоки в деле.

Начните создавать красивый контент уже сегодня!