Цветные текстовые блоки Wordpress
Опубликовано: 24.08.2018
Оформление текста в статьях сайта играет огромную роль. В первую очередь, хорошо оформленный текст активно влияет на поведение посетителей сайта, улучшая, тем самым, поведенческий фактор. Игнорируя данный факт и размещая нечитаемые блоки текста, вы рискуете потерять позиции в поисковом ТОПе, что, в свою очередь, приведет к уменьшению числа посетителей.
Основы HTML. Раскрашиваем страницу и текст
Стандартные возможности WordPress позволяют всячески экспериментировать над оформлением текста, однако эти возможности не безграничны. И в некоторых случаях приходится искать альтернативные решения, например размещать текст на изображении или выделяя целые абзацы разноцветными блоками.
Именно о реализации подобного выделения пойдет речь в данной статье. Принцип осуществления данных возможностей достаточно прост, он заключается в установке плагина Wp-Note .
Установка плагина происходит стандартным способом: во вкладке " Плагины " вашей админ-панели необходимо выбрать " Добавить новый ", в поисковой строке вбить Wp-Note , установить и активировать плагин. После этого он сразу будет готов к работе.
Выделение текста производится с помощью следующих шорткодов. Соответственно, каждый приведенный шорткод соответствует приведенному оформлению:
| [important ]текст [ /important ] |
[important]текст[/important]
| [ warning ] текст [ / warning ] |
[warning]текст[/warning]
Плагин также поддерживает функцию блок в блоке:
| [help ] [ warning ] [ tip ] [important ] [note ]текст [ /note ] [ /important ] [ /tip ] [ / warning ] [ / help ] |
[help][warning][tip][important][note]текст[/note][/important][/tip][/warning][/help]
Изображения, которые плагин публикует в блоках по умолчанию, легко можно заменить на свои, все они находятся в папке images плагины, также их можно вовсе удалить при необходимости. Кроме того, можно отредактировать внешний вид блоков, используя css.
Если после прочтения статьи у вас остались дополнительные вопросы, задавайте их в комментариях. Также интересен ваш опыт в использовании данного плагина на ваших сайтах!