Плагин Special Text Boxes для оригинальной подсветки текста

Здравствуйте дорогие читатели и гости сайта «Тестируем шаблон». Рада новой встрече на блоге.

Сегодня мы поговорим об интересном и достаточно нужном плагине Special Text Boxes.

Бывает  очень нужно выделить какое-то  предложение или абзац в статье, можно конечно  прокрасить текст просто другим цветом, но это будет выглядеть не очень симпатично и достаточно обыденно. А плагин Special Text Boxes делает не только выделяемый текст любым цветом, но и подсветку текста и даже небольшую тень, так что обрамленный текст выглядит оригинально, можно сказать достаточно профессионально.

Если вы не нашли плагин  Special Text Boxes в панели сайта через поисковик плагинов, то скачать его можно по адресу  http://wordpress.org/extend/plugins/wp-special-textboxes/

После активации плагина в админ-панели добавляется дополнительная строка настроек называется она «Подсветка текста» и подразделяется на три раздела: «Параметры», «Стили» и «Новый стиль».

Рассмотрим  коротко выше перечисленные разделы  настроек:

1) «Параметры» подразделяются по режиму рисования

          

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

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

В чем особенность каждого из них, мы еще обсудим, а перейдем к следующему разделу в настройках : «Стили». Стилей всего по умолчанию семь, они отличаются картинками в выведенных блоках и цветом. Кстати, можно настроить и свои новые стили в следующем разделе «Новый стиль»

Стандартные выведенные блоки выглядят примерно так (образец двух стилей) :

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

Просто выделяете нужный абзац и нажимаете на кнопку с розовым прямоугольником, появляется вот такое окно для редактирования. На фото ниже открыты основные параметры (меню сверху)

Первая строка ID блока: это выбор стиля. Всего, как мы помним, в стандарте этих стилей семь. Они различаются картинкой и цветом фона (эта таблицу можно увидеть в категории настроек «Стили»)  :

Дополнительные параметры настроек выглядят так :

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

Теперь интересный нюанс и возможность вывода блока в статье с заголовком и в свернутом виде ;-) Еще раз рассмотрим основные параметры специального блока при редактировании статьи:  можно отметить в данных основных параметрах разрешать выводить блок в свернутом виде и указать название заголовка.

В тексте получится вот такой блок в свернутом виде

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

Теперь давайте вернемся к режиму  загрузки CSS на странице настроек «Параметры» подразделе CSS. Чем же отличаются статический и динамический режим.

Динамический, это в принципе все то, что мы рассмотрели выше в виде картинок стилей и настраиваемого цвета. А статический-это когда выводятся блоки  с текстом, тоже настраивается цвет, но вот картинок стилей в них нет, зато теперь можно вставить свою картинку, для этого в дополнительных параметрах  блока специального текста (при редактировании статьи), в настройках «Пиктограмма» вставить в окошечко URL пиктограммы  URL (адрес) нужной картинки (при этом картинка должна быть в нужном размере.)

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

Будьте внимательны, если вы настраиваете статический режим, это будет распространятся на все статьи блога, даже если вы сначала делали блоки в статьях в динамическом режиме, все автоматически изменится!

Теперь о еще приятном дополнении в плагине Special Text Boxes. Кроме подсветки текста в статьях, есть еще возможность сделать цветной виджет в сайтбаре. Виджет называется «Специальный текст». Здесь цвет виджета будет зависеть от выбранного стиля.

Как и в любой виджет, здесь можно вписать текст и вставить HTML код, а также можно указать на каких страницах показывать данный виджет.

Еще интересный нюанс, но это касается уже конкретно виджета, вне зависимости от режима загрузки блоков в статьях, виджет будет показывать аватарку (картинку) стиля в заголовке виджета,

но если заголовок в виджете не подписывать, то и картинки соответственно не будет :whistle:

Вот пожалуй и все, что я хотела рассказать о плагине Special Text Boxes.

Кстати...

Если честно, то пользоваться данным плагином намного интересней и увлекательней, чем писать о нем статью!!!


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

О других интересных плагинах мы поговорим в следующих статьях рубрики «Плагины ВордПресс».  До новых встреч, с Вами была Юлия.

:heart: Расскажи другу, пусть тоже дизайном займется :good:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • LinkedIn
  • Digg
  • Blogger
  • Блог Li.ру
  • Сто закладок
  • RSS
  • Одноклассники

Об авторе Юлия

Меня зовут Юлия. Этот сайт я начала из-за моей проснувшейся и непонятной любви к рассмотрению настроек шаблонов. Сама я пока создавать темы на Вордпресс не умею, но надеюсь, что это когда-нибудь случится. Пишите в комментариях свои вопросы: я обязательно отвечу. Ну и замечания тоже приветствуются-))
Метки: . Закладка Постоянная ссылка.

62 комментария: Плагин Special Text Boxes для оригинальной подсветки текста

  1. Larisenok пишет:

    если я решусь, ты мне поможешь? ну вдруг у меня не получится так?

  2. Лариса пишет:

    Интересный плагин, Стильная полосочка, у тебя получилась…беру на заметку…

  3. Светлана пишет:

    Ой, а у меня, наверное, старая версия этого плагина стоит? Значки немного отличаются от тех, что у тебя на примере. А остальное все то же. Очень нужный и удобный плагин. Не скажу, что пользуюсь им постоянно, но все же время от времени применяю его.

  4. Алла пишет:

    У меня он тоже стоит, но как-то я не очень часто им пользуюсь. Хотя, я согласна, если надо что-то выделить, очень удобно.

  5. mrs.interesno пишет:

    Такое выделение трудно не заметить. :-)
    Я вот стразу обратила внимание на строки
    «Уделите хотя бы час своим родителям».
    и
    «Ходите прямо».
    Выделение для того и придумано, чтобы человек заострил внимание на определенных словах и проникся прочитанным. :yes:
    Замечательный плагин.

  6. Надежда пишет:

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

  7. Евгения пишет:

    Какой интересный плагин, нужно будет опробовать.

  8. Ирни пишет:

    Очень понравился эффект! А почему я ни у кого в блогах это не вижу? Вряд ли бы не заметила… Юля, к Вам в гости попала впервые и сразу же наткнулась на полезные рекомендации. Спасибо, приду еще.

  9. Галина пишет:

    С подсветкой, действительно, текст выглядит намного выигрышней. Вот немного разберусь со своими делами, и поставлю. Спасибо, Юля!

  10. koroliok пишет:

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

  11. Ирина пишет:

    Юлечка! Поработала на славу. МОЛОДЕЦ! Я вот с тобой поделилась названием плагина, но даже и не догадывалась, что туда можно свои аватарки поставить :yahoo: Я так глубоко в настройки не залезала. Да и там, где я его брала не было таких настроек. Значит они не знают. А ты докопалась :heart:
    Буду разбираться с собственными аватарками для этого плагина.

  12. Надо попробовать, наверное. Понравилось, что иконки можно заменить. Мне стандартные не понравились.

  13. Елена пишет:

    ааа!! давно хотела такой, да спросить стеснялась, у кого видела))))) спасибоооо!!!!!

  14. Анна пишет:

    Вауууууууууууу!!!!!!!!!! На какой красивый и стильный сайт я попала, Юлечка!!! У меня нет слов, чтобы выразить своё восхищение вашим оформлением вашего любимца — сайта!!! С таким вкусом, так стильно и эстетично, красиво, выдержано, так удобно в использовании!!!! Спасибо вам огромное, Юлечка, за то, что откликнулись на мою просьбу ( я имею ввиду мой вопрос по выделению текста). У вас такой информационный сайт, в нём столько полезного и нужного для новичков, чтобы красиво и правильно оформить сайт или блог. Это какой-то кладезь полезных знаний, которыми вы так щедро делитесь со всеми. Я очень рада нашему знакомству. Мне, как новичку, очень многому можно у вас научиться. Вы — такая умница-разумница!!! Как вы всё это знаете? Складывается впечатление, что вы — программист. У вас столько разнообразных по тематике статей, что не знаю, какую открывать первой. Но будем идти спокойно, открывая всё по порядку. Теперь я — ваш постоянный читатель и посетитель, ваш ученик. Спасибо вам огромное за вашу добрую душу. Следующий вопрос к вам: как поставить вот такие смайлики на комментарии? Такая красота, просто — чудо!!! Научите, пожалуйста. Юлечка, я ваш сайт помещу в свою рубрику «Друзья блога» с открытой ссылкой на ваш сайт. На сегодня, пожалуй, достаточно моих эмоций. Постараюсь поставить плагин, который мне понравился. Хочу вас попросить, если у меня что-то не получится, я могу к вам обратиться за помощью? Хотя вы так подробно всё описали и рассказали, что, возможно, я справлюсь. Я желаю вам удачи и ЛЮБВИ!!!!
    :heart: С П А С И Б О!!!!!!!!!!! Bye :rose:

  15. Анна пишет:

    ВАУУУУУУУУУУУУУУУУУУ!!!! На какой прекрасный блог я попала! Такой стильный, продуманный, красивый. У вас столько полезной и нужной информации для новичков, хотя, наверное, не только. Юлечка, спасибо, что вы откликнулись на мою просьбу ( я имею ввиду выделение текста), спасибо за визит на блог и комментарий. Вы знаете, я много блогов посещаю, но то, что я увидела у вас — это ЧТО-ТО НЕОБЫКНОВЕННОЕ!!!! Так много всего по техническим вопросам, по оформлению блога и многое, многое другое. Юлечка, вот только что-то непонятное для меня произошло: я написала очень большой комментарий, отправила его, а его почему-то не оказалось у вас на странице. Теперь вот пишу новый.Вы такая умница — разумница!!! Складывается впечатление, что вы — программист. Вы так подробно, пошагово рассказали о плагине по выделению цветом текста, плюс скриншоты, мне очень нравится такой вид обучения. Можно всё посмотреть и сравнить со своими данными. Попробую поставвить плагин, если у меня возникнут вопросы, Юлечка, я могу к вам обратиться за помощью? Вот у меня уже возник вопрос, хотя «из другой оперы»: как поставить такие красивые смайлики на комментарий? Научите? Я теперь — ваш постоянный посетитель и читатель. я вот думаю, что мой первый комментарий появится у вас, но позже, после модерации, наверное. Не буду больше повторяться. Спасибо вам за вашу щедрую душу!!!! Подожду немного,если не увижу свой комментарий, тогда ещё кое-что напишу вам.Желаю вам удачи и ЛЮБВИ!!! :heart: :rose:

  16. Анна пишет:

    Юлечка, здравствуйте! Это снова я. Очевидно, я что-то не так нажала, так как первый комментарий не появился, а второй — есть. Хочу вам сказать, что я ваш блог размещу в своей рубрике «Друзья БЛОГА» с открытой ссылкой на ваш блог. Я в таком неописуемом восторге от вашего блога, что вот не могу оторваться от комментария. Теперь — я ваша ученица ( если вы, конечно, не возражаете против этого). я постараюсь вас » не доставать», а просто пользоваться вашими знаниями, которыми вы так щедро делитесь с друзьями и не только. Я так рада нашему знакомству!!! Мне так повезло, что вы обратили внимание на мой вопрос!!! Иначе я бы не узнала о вашем блоге и столько интересных вещей прошло бы мимо меня. С П А С И Б О !!!!! :good: Я надеюсь, что я буду частым и постоянным гостем на вашем блоге. Желаю вам всего доброго и светлого всегда и во всём. :heart: :rose: :rose:

  17. Анна пишет:

    Юлия, можете зайти ко мне на страницу «Друзья блога» и вы увидете свой блог с открытой ссылкой на него. Спасибо вам, солнышко!!! Давайте дружить блогами. Заходить друг к другу в гости и оставлять комментарии.Поскольку вы — технический блоггер, вы у меня сможете отдыхать душой и сердцем, сможете найти простые и хорошие рецепты блюд. Сейчас я пишу цикл статей, посвящённых подготовке к Новому году. Есть хорошая рубрика «Хозяйке на заметку» и многое другое.Я не прощаюсь, а говорю вам «До свидания». :yahoo: :heart: :rose: :rose:

    • Юлия пишет:

      Анечка, спасибо за все. Вот ради таких комментариев и хочется работать ;-) Если возникнут вопросы, обязательно спрашивайте. А Ваш сайт я добавлю в друзья на своем первом блоге.

  18. Анна пишет:

    Юлечка, здравствуйте! У меня к вам просьба-вопрос:зайдите, пожалуйста, ко мне на блог и посмотрите статью «Диета для кожи лица». Я там поставила выделение текста, но у меня почему-то выскакивает два поля. Короче, когда зайдёте, вы всё увидете.Где у меня ошибка???Спасибо!!!!

  19. Анна пишет:

    Юлия, здравствуйте! Спасибо, что ответили. Дело в том, что я так и хотела, чтобы был спрятаный текст. Вот только почему у меня появляется вторая рамка? Я делаю так: выделяю текст, нажимаю на розовый значок, захожу в «Основные», выбираю «Инфо», пишу заголовок, нажимаю «вставить». И сразу появляется две записи: одна впереди текста, другая — в конце текста. Я так понимаю, что это вторая рамка без текста. Я пыталась удалить их. Если удаляю первую, остаётся рамка верхняя,исчезает выделение текста,( хотя сам текст остаётся), остаётся вторая рамка без текста. Если удаляю нижнюю, то исчезает текст, а пустая первая рамка остаётся. Я ведь не захожу в «дополнительные настройки», а только выделяю два пункта в «основных», почему появляется вторая рамка? Как мне её удалить, а всё остальное я хочу оставить. Спасибо! Извините, что забираю у вас время, но очень уж хочу во всём этом разобраться. Cry

  20. Wladlena пишет:

    Как мне раньше не хватало этого плагина ! Спасибо! Ну вот в настройках не получается сворачивать блок.Странно! :unsure:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

[+] Жми на плюс- Открой тайник- Чтоб прикольный СМАЙЛ возник!
:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
:whistle: 
:yes: 
:cry: 
:mail: 
:-( 
:unsure: 
;-)