Плагин для подсветки информационных блоков в WordPress

Размещено в Настройка и плагины WordPress 4 комментариев

У Блоггера часто возникает потребность, для создания хорошо воспринимаемой читателем статьи, каким-то образом специально выделить в тексте важныt абзацы. Это может быть важная информация, ссылки на другие сайты или файлы, программный код или какие то другие моменты требующие особого внимания читателя. Само собой опытный верстальщик может применить для выделения текста специально подготовленные стили вставляя их с помощью тегов или использовать инструменты CSS. Однако не все сильны в использовании CSS, да и при написании статьи хотелось бы поменьше отвлекаться на кодировании, а больше сосредоточиться на самом написании статьи. Сегодня хочу Вам представить небольшой, но очень удобный плагин к WprdPress для подсветки и выделения текста в статьях – Special Text Boxes.

Исследуемый плагин добавляет в движок WordPress небольшой файл таблицы стилей и небольшие коды для подсветки текста. Выглядит это следующим образом:

 

Режим CSS

Информация

Это пример подсветки текста-предостережения. Вывод при помощи ID “alert”. Длина подсвечиваемого текста не имеет значения.

Это пример подсвеченного текста для вывода ссылки загрузки. Вывод производится с помощью ID “download”.

Режим Javascript

Это пример подсветки предупреждающего текста. Появляется при использовании ID “warning”. Использование короткого кода без ID даст такой-же эффект.

Черная цитата

Пример пользовательского блока.

Установка плагина Special Text Boxes

Скачать файл архива плагина по ссылке внизу статьи.
Загрузить файл архива в разделе “Добавить плагин” -> “Загрузить плагин”: http://ваш сайт/wp-admin/plugin-install.php?tab=upload.
Активировать плагин на странице плагинов: http://ваш сайт//wp-admin/plugins.php.
Настроить внешний вид блоков на вкладке “Подсветка текста” -> “Параметры”: http://ваш сайт/wp-admin/admin.php?page=stb-settings
Плагин готов к работе.

Функционирование


[ stextbox id="ТРЕБУЕМЫЙ_ID" ]Подсвечиваемый текст и короткие коды[ /stextbox ]
[ stextbox id="ТРЕБУЕМЫЙ_ID" caption="Заголовок"]Подсвечиваемый текст и короткие коды[ /stextbox ]

ТРЕБУЕМЫЙ_ID может принимать следующие значения:warning – Предупреждение. Жёлтый блок.

alert – Предостережение или Внимание. Красный блок.
info – Информация. Зелёный блок.
download – Скачивания и загрузки. Синий блок.
black – Чёрный блок.
grey – серый блок. Запущен для возможности демонстрации коротких кодов используемых в WordPress.
custom – настраиваемый администратором блога блок
Заголовок (caption) – это любой нужный Вам заголовок для подсвечиваемого текста.

Внимание!

В панели Визуального редактора у вас появится розовая кнопка “Вставить специальный текст блока” после нажатия на которую появится вот такое меню. в котором не так уж сложно разобраться:

Меню вставки выделенного текстового блока

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

Опубликовать в Facebook
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники
Опубликовать в Яндекс
Размещено fomka   @   15 Декабрь 2012 4 комментариев
Тэги: , ,

4 комментариев

Комментарии
аватар Дмитрий Фев 19, 2013
15:01

Нужная на практике вещь, спасибо за статью

аватар Виталий Май 17, 2013
14:20
#2 Виталий :

Не че так нужна я вещь, пригодилась!!!

аватар Alisa Март 15, 2015
20:40
#3 Alisa :

Все его так нахваливают, попробую тоже )

аватар Артур Июнь 25, 2015
13:01
#4 Артур :

Полезная статья, но у меня почему-то нет крестика как у вас в статье при использовании ID warning, вместо него восклицательный знак как в ID alert. Не пойму почему так…

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


Предыдущая тема
«
Следующая тема
»
© 2012 - 2017 ИНТЕГРАЦИЯ XXI ВЕК. Все права защищены. Запрещено использование материалов сайта без согласия его авторов и обратной ссылки.