(Последнее обновление: 29.11.2019)

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

Оформление информационных блоков и цитат на сайте

Вариант оформления блоков Картинка webliberty

Информационные блоки WordPress

Задача веб-мастера — не просто выдать контент посетителю длинной портянкой, но и разбавить его визуальными блоками для удобного восприятия. Тут, без блоков внимания в ВордПресс не обойтись. Наряду со списками, таблицами и графикой цветные информационные блоки на сайте позволяют чётко структурировать контент, выделить важные фрагменты текста и акцентировать на них внимание.

Читаем, друзья! Как оформить фрагмент текста и цитат для привлечения внимания пользователей? Добавляем информационные блоки в новый блочный редактор Гутенберг.

Плагин блоки внимания WordPress

Добавление блоков в блочный редактор Гутенберг

Simple Note блоки внимания WP

Плагин Simple Note позволяет создавать цветные текстовые заметки в новом редакторе блоков. Используйте простой плагин Simple Note, чтобы писать информационные и предупреждающие заметки, заметки об ошибках или достижении отличного результата, а также цитаты в цветных блоках. Загрузить плагин можно на официальной странице wordpress.org или установить стандартным способом. Ищите плагин Simple Note по его названию, через поиск по плагинам. На странице с результатами поиска прокрутите её почти до конца. А то, в начале какие то левые модули выскакивают:

Установить плагин Simple Note, размещённый в каталоге WordPress

Установить и активировать плагин

После установки и активации плагина ищите красивые цветные блоки в категории "Основные блоки" редактора Gutenberg:

Добавление блоков в редактор Гутенберг

Добавить блок с информацией

и вставляйте в контент. Пример, цветной блок Информация:

Блоки внимания в тексте статьи на сайте WP

Информационный блок в тексте статьи

И в итоге, при использовании таких цветных блоков с иконкой, текст статьи будет выглядеть - шикарно. А так, выглядит цитата со значком:

Заметки об ошибках или достижении отличного результата

Оформление цитаты в блоге WordPress

Блоки придадут материалам вашего сайта стильный и необычный вид. Пользуйтесь, если любите свой блог и стремитесь красиво оформлять статьи. Спасибо автору Webliberty за проделанную работу. 

Да, и ещё, расширьте возможности нового редактора Гутенберг с помощью этого плагина. Надеюсь, товарищи, пост был для вас полезен. Удачи и увидимся.