Красивый дизайн страниц блога непременно приводит к увеличению посещаемости. Правда, процесс это длительный и требует терпения, но результат того стоит. Плагин Special Text Boxes, который я недавно нашел, занимаясь дизайном своих страниц, позволяет применять огромное количество всяких визуальных эффектов на блоге, как в виджетах, так и в страницах. Основной принцип его действия – вставка в блог небольших врезок-табличек различного назначения и функциональности. Внешне это похоже на работу плагина WP-Note, но возможности Special Text Boxes значительно шире. Главные его возможности – вызов врезки в шаблоне при помощи функции, вставка виджета на страницу, возможность вывода блока с настройками по умолчанию, полная самостоятельная настройка всех CSS стилей блока, вывод врезки как в CSS, так и в Javascript, разворачивание блока или вызов только в свернутом виде.

Конечно, сравнивая эти два плагина, предпочтение я отдаю, несомненно, Special Text Boxes, поэтому предлагаю рассмотреть его функционал и настройки. Как обычно – скачиваем плагин при помощи поиска на странице установки плагинов:

 

Вам останется только активировать плагин. Теперь одна маленькая тонкость – иногда плагин выдает вместо нормального текста на русском языке непонятные крокозябры. Поэтому лучше сразу в файле .htaccess прописать такие строки:  AddDefaultCharset UTF-8. Эта строка поможет и с проблемами в других плагинах (встречается такое отображение и в других плагинах, хотя в Wordoress кодировка  UTF-8 настроена по умолчанию), так что она никогда не помешает. Дальше можно приступать к его настройкам. Заходите в «Параметры» + «Подсветка текста» + «Параметры»:

 

Плагин полностью русифицирован, поэтому с настройкой трудностей у вас не возникнет. Я оставил все настройки по умолчанию, только создал свой файл CSS для исключительных случаев – например, для отображения какой-либо личной информации (имя автора, е-mail и т.д.). На разных страницах я использую разные блоки – и свернутые, требующие разворачивания, и сразу развернутые. Это уж вы сами решите, какой блок куда и в каком виде вставлять. В свернутом и в развернутом виде ваш блок будет выглядеть примерно так (цвета блока вы можете также настроить самостоятельно в файле css плагина):

 

Вставка блоков в визуальном редакторе Wordoress очень простая – на панели редактора появится кнопка такого вида:

 

При нажатии на нее вам будет предоставлена возможность выбрать цвет кнопки, форму ее отображения (закругленные углы, размер блока и т.д.), расположение в тексте (слева, справа, по центру, с обтеканием или без него). Если не хотите пользоваться редактором, то блок-врезку можно вставить при помощи шорткода:

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

ID – это идентификатор блока (см. выше), и кроме замены идентификатора, можно полностью изменить врезку изменением параметров в настройках CSS. Параметры настроек такие:

caption – название блока-врезки (произвольное)</p>
<p style="text-align: justify;">collapsed – свернутый блок - (<strong>true</strong>), развернутый блок - (<strong>false</strong>)</p>
<p style="text-align: justify;">color – цвет</p>
<p style="text-align: justify;">ccolor – цвет текста названия блока</p>
<p style="text-align: justify;">bcolor – цвет рамки</p>
<p style="text-align: justify;">bgcolor – цвет фона</p>
<p style="text-align: justify;">cbgcolor – цвет фона назкания блока-врезки</p>
<p style="text-align: justify;">image – адрес иконки. <strong>null</strong> – без иконки</p>
<p style="text-align: justify;">big – принудительный размер изображения - <strong>true</strong> или <strong>false</strong></p>
<p style="text-align: justify;">float – обтекание текста - <strong>true</strong> или <strong>false</strong></p>
<p style="text-align: justify;">align – выравнивание блока-врезки при обтекании текста. Right или left</p>
<p style="text-align: justify;">width – ширина блока-врезки в px или % при обтекании текста, в пикселах по умолчанию 200px

Плагин способен встраивать блок-врезку в абзац текста, но здесь есть несколько недочетов – при выводе в абзаце иконку нельза запретить или разрешить для каждого блока в отдельности – буду выводиться все или с иконкой, или все – без иконки. На скриншоте все подобные врезки выводятся без иконки:

Также блок можно встроить, как виджет. Это делается просто – на странице виджетов установите появившийся виджет «Специальный текст» в нужное место. Существует еще один способ вывести блок-врезку на странице – при помощи кода:

Причем даже если вы не используете в своем шаблоне виджеты, то вы все равно можете вывести блок через вызов функции stbHighlightText:

</p>
<p style="text-align: justify;"><strong><?php</strong> stbHighlightText( $content = "Это блок-врезка, который будет выводиться</p>
<p style="text-align: justify;">вызовом функции.", $id = 'warning',</p>
<p style="text-align: justify;">$caption = 'Special Text Boxes', $atts = <strong>null</strong> ) <strong>?></strong>

Массивом $atts задаются такие параметры:

</p>
<p style="text-align: justify;">atts = array(</p>
<p style="text-align: justify;">  'color' => '',</p>
<p style="text-align: justify;">  'ccolor' => '',</p>
<p style="text-align: justify;">  'bcolor' => '',</p>
<p style="text-align: justify;">  'bgcolor' => '',</p>
<p style="text-align: justify;">  'cbgcolor' => '',</p>
<p style="text-align: justify;">  'image' => '',</p>
<p style="text-align: justify;">  'big' => '' ); 

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