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

Просмотров: 448

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

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

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

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

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

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

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

Добавление блоков в блочный редактор Гутенберг
Simple Note блоки внимания WP

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

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

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

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

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

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

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

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

Заметки об ошибках или достижении отличного результата
Оформление цитаты в блоге WordPress

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

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

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

Можно использовать редактор тем для внесения изменений в отдельные CSS и PHP-файлы вашей темы.

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

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

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

Ошибочно использовать цифровые последовательности для создания пароля WordPress, такие как «123» или «54321».

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

38% всех сайтов мира работают на WordPress, от личных блогов до крупнейших новостных агентств.

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

Скажу сразу, вы сделали правильный выбор, решив создать свой проект на WordPress. WordPress — отличная CMS для продвижения сайта в поисковых системах.

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

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

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

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

WordPress плагин блок внимания с изображением
Форк плагина WP-Note

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

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


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

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

Шорткоды могут встраивать файлы или создавать объекты
Редактор Gutenberg Блок шорткода

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

Блоки внимания с изображением для сайта WordPress
Красивые заметки в записях WordPress

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

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


Оставьте комментарий

 необходимо принять правила конфиденциальности