Блоки внимания WordPress (информационные)

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

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

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

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

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

Плагин Simple Note позволяет создавать цветные текстовые заметки в новом редакторе блоков.

Используйте простой плагин Simple Note, чтобы писать информационные и предупреждающие заметки, заметки об ошибках или достижении отличного результата, а также цитаты в цветных блоках.

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

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

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

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

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

Блоки внимания WordPress

Блок Информация. Добавь заметку с информацией:

Блок Осторожно. Напечатай заметку с предупреждением:

Блок Ошибка. Напишите заметку об ошибке:

Блок Успешно. Напиши заметку об успешном результате:

Блок Цитата. Matt Cutts (специалист в Google по интернет спаму и оптимизации) сказал:

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

P.S. Тут случайно попался на глаза ещё один плагинчик WP-Note 2019. Блоки внимания с изображением.

Плагин WP-Note 2019. Красивые заметки в записях WordPress

Это форк оригинального плагина WP-Note от автора Luke. Поддержка php 7.0 или выше.

Был раньше такой замечательный плагин — WP-Note, но автор его забросил. Одному хорошему человеку пришлось его возвратить к жизни, (модно сейчас) сделать форк. Красивые заметки в тексте снова с нами!

Как я понял, в тексте редактора WordPress необходимо указывать:

[note] Будет книга [/note]
[important] Появятся ключики [/important]
[tip] Включится лампа Ильича [/tip]
[warning] Восклицательный знак - ! [/warning]
[help] Знак вопроса -? [/help]

Вставка шорткода в блочном редакторе Гутенберг. Вы можете ввести шорткод в предоставленное поле:

В итоге, у нас получится, вот так, красиво:

Правда, возиться придётся, но красота требует жертв. Чем красивее выглядят публикации, тем больше внимания они привлекают. О, да!

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