Красивый текстовый блок. Плагин Special Text Boxes

Cегодня я познакомлю с замечательным плагином, способным выводить красивые текстовые блоки, украшенные соответствующей раской и фоном, а так же имеющий характерную для блока картинку. Плагин позволяет провести тонкую настройку, благодаря чему данные блоки гармонично впишутся в дизайн любого сайта. При помощи Special Text Boxes Вы сможете придать своему блогу индивидуальность, украсить его и сделать более "читабельным".

Special Text Boxes напоминает другой плагин, а именно WP-Note. Однако существенным отличием Special Text Boxes является его гибкость и простота настройки. Для того же, кто не хочет залезать в "дебри" индивидуальной настройки под каждый пост, есть возможность выбора из готового шаблона оформления текстового блока табличкой.

Вот так выглядит один из шаблонных блоков:

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

Ссылку на последнюю версию плагина Вы найдете в конце статьи. Если не знаете как устанавливать плагины Вордпресс, то Инструкция по установке плагина WordPress будет кстати.

Прежде чем активировать плагин и настраивать его, убедитесь, что в файле .htaccess на первой строке находится следующий код:

AddDefaultCharset UTF-8

Именно этот код в нужном месте позволяет избежать проблем с "кракозяблами" на некоторых серверах.

Установив плагин можно и приступать к его настройкам. Идем "Параметры/Подсветка текста" либо "Параметры/Special Text Boxes". Все на русском, поэтому проблем с настройкой не должно возникнуть. Если же будут вопросы, то задавайте их в комментариях к статье. По возможности отвечаю оперативно.

Помимо всего прочего, Вы можете настроить блок таким образом, что он приобретет эффект сворачивания, который называется "спойлер" (такое обычно используют на разнообразных форумах). Правда, такого эффекта можно добиться при использовании других плагинов, к примеру wpSpoiler, либо Advanced Spoiler. Возвращаясь к Special Text Boxes, скажу, что за подобный эффект отвечает установка галочки в настройках плагина. Так же можно вручную указать данный эффект, когда будете очередной раз добавлять блок в статье (об этом ниже).

Как установить красивый текстовый блок

Способ №1. При помощи визуального редактора. После активации плагина у вас появится дополнительная кнопка в панели редактирования статьи (обязательно заметите, ибо она розового цвета), нажав на которую Вы сможете настроить блок под свой стиль. Примерно так:

Не обращайте внимание на то, что у меня на английском - просто я привык пользоваться плагинами на английском языке.

Способ №2. Данный же способ добавления блока выполняется в режиме HTML-разметки. Запоминайте синтаксис тега для вставки блока:

[stextbox id="ID"]текст блока[/stextbox]
 
где ID может быть: 
alert - опасность (красный блок)
download - скачивание (синий блок)
info - информация (зеленый блок)
warning - предупреждение (желтый блок)
black - просто черный блок
grey - серый блок (в котором не работают теги плагина)
custom - настраиваемый вами блок

Помимо ID, подразумевающего под собой стандартные заготовки, Вы можете индивидуально настроить под свои нужды любой текстовый блок. Вот дополнительные параметры:

caption - текст заголовка.
collapsed - вывод свернутого (true) или развернутого (false) блока.
color – цвет текста.
ccolor – цвет текста заголовка.
bcolor – цвет бордюра.
bgcolor – цвет фона.
cbgcolor – цвет фона заголовка.
image – URL иконки. null чтобы вывести блок без нее.
big – принудительная установка размера изображения. true или false.
float – обтекание текста. true или false (по умолчанию).
align – выравнивание блока в режиме обтекания текста. left (по умолчанию) или right.
width – ширина блока в пикселах в режиме обтекания текста, по умолчанию 200.

Как видно из этих параметров, блок может обтекаться текстом, что будет выглядеть довольно стильно.
Помимо всего прочего, зайдя в "Внешний Вид\Виджеты" Вы увидете виджет данного плагина. Т.е. красивые блоки можно применять и в сайдбарах. Достаточно один раз настроить.

Если же Вы не используете виджеты на своем сайте, до красивый блок можно вызвать и функцией, прописав ее в подходящем месте кода:

Через массив $atts можно задать следующие параметры:

atts = array(
  'color' => '',
  'ccolor' => '',
  'bcolor' => '',
  'bgcolor' => '',
  'cbgcolor' => '',
  'image' => '',
  'big' => '' );

Настраивать блоки текста (фото) выводимые с помощью данного плагина можно до бесконечности. Думаю, что на любом сайте найдется место для данного плагина.
[downpg wp="2.6 или выше" vp="4.0" href="http://wordpress.org/extend/plugins/wp-special-textboxes/"]Скачать плагин Special Text Boxes[/downpg]

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