wpSpoiler
Формально этот плагин служит для скрытия спойлеров от посетителей. Спойлер это преждевременно раскрытая информация, которая портит впечатление от непросмотренного еще фильма, непрочитанной книги и тд. Но по сути этот плагин используется в несколько других целях. В частности, для скрытия части информации в объемной статье. Зачастую такой возможностью пользуются новостные сайты, которые публикуют полный текст новости на главной странице своего сайта, но не хотят, чтобы эта объемная новость занимала слишком много пространства. Данный маленький плагин хоть и не лишен недостатков, но вполне справляется со своей задачей.
Скачиваем плагин с его домашней страницы и устанавливаем его:
1. Распаковываем архив.
2. Копируем папку wpspoiler в /wp-content/plugins/.
3. Заходим в админку блога на вкладку "Плагины" и активируем плагин.
Все, плагин уже работает и им можно пользоваться. Но перед этим надо отредактировать сам файл плагина, в который вшиты английские слова. Поэтому открываем файл wpSpoiler.php и заменяем код:
58 59 | $showtext = 'show'; $hidetext = 'hide'; |
на русский аналог типа:
58 59 | $showtext = 'Показать текст'; $hidetext = 'Скрыть текст'; |
Теперь любой текст, который вы поместите в теги [spoiler] [/spoiler] будет скрыт ссылкой на "Показать текст". В этом и заключается единственный недостаток этого плагина: нельзя для разных скрытых блоков задать отдельный текст ссылок, поэтому и приходится использовать нейтральное "Показать текст" вместо, скажем, "Узнать кто победил в матче Россия - Испания". Надеюсь в следующих версиях автор плагина добавит возможность задавать текст ссылок для каждого скрытого блока индивидуально.
Не забываем оформить ссылки на скрытый текст через css, это необходимо сделать, чтобы посетитель не путал обычную ссылку, ведущую на другую страницу и ссылку, которая показывает скрытый текст. Открываем файл стилей вашего шаблона (как правило, style.css) и добавляем в него:
/* wpSpoiler */ a.spoiler_link_show { background-color: #EFEFEF; padding: 1px 3px 1px 3px; border-bottom: 1px dotted #9c9c9c; border-top: 1px dotted #9c9c9c; border-left: 1px dotted #9c9c9c; border-right: 1px dotted #9c9c9c; margin-left: 3px; margin-right: 3px; } a.spoiler_link_hide { background-color: #EFEFEF; padding: 1px 3px 1px 3px; border-top: 1px dotted #9c9c9c; border-left: 1px dotted #9c9c9c; border-right: 1px dotted #9c9c9c; border-bottom: 1px dotted #EFEFEF; margin-left: 3px; margin-right: 3px; } div.spoiler_div { background-color: #EFEFEF; padding: 5px 5px 5px 5px; margin-top: -11px; margin-bottom: 10px; border-bottom: 1px dotted #9c9c9c; border-top: 1px dotted #9c9c9c; border-left: 1px dotted #9c9c9c; border-right: 1px dotted #9c9c9c; }
И теперь ссылка на скрытый текст будет выглядеть так:
А сам скрытый блок при показе так:
Вы можете оформить и ссылку на скрытый текст и сам блок скрытого текста как вам угодно, поправив этот css-код. Единственное, что я хотел бы заметить после некоторых тестов плагина: не вставляйте теги [spoiler] между абзацами, старайтесь их поместить в теги <p></p>, если не получается, то заключите сам тег [spoiler] в теги <p> и </p>. Это нужно сделать, чтобы не "посыпалось" оформление статьи при показе скрытого блока.
Автор плагина:
Страница плагина:
Рассматриваемая версия: 1.2 от 31.05.2008
Совместимость с версией WordPress: 2.0 и выше.
Рекомендую также:
#46, 20 декабря, 2011 в 12:51
Хороший плагин, но он не позволяет дедать спойлеры в комментах. Как его приспособить для этого?
#47, 22 декабря, 2011 в 15:04
Спасибо за описание к плагину.
Известно как относятся поисковые системы к этому спойлеру?
#48, 23 января, 2012 в 12:28
Спасибо! Как раз то что я искал!