BBSpoiler
BBSpoiler представляет собой практически точную копию популярного скрипта спойлера, используемого на rutracker.org и многих других сайтах форумного типа. Конечно, WordPress это не форум, но и на нем иногда бывает полезно использовать спойлеры для того, чтобы скрыть объемные части текста или блоки картинок. Удивительно, но такой довольно-таки простенький и неказистый на вид спойлер пользуется повышенной популярностью среди пользователей. Впрочем, так зачастую и бывает, что чем проще – тем лучше.
Скачиваем плагин по ссылке в конце страницы и устанавливаем его:
1 Распаковываем архив.
2 Копируем папку bbspoiler в /wp-content/plugins/.
3 Заходим в админку блога на вкладку "Плагины" и активируем плагин.
Отдельных настроек в плагине нет. При своей активации плагин создаст кнопку "Спойлер" в визуальном редакторе:
При клике на нее откроется диалоговое окно создания спойлера:
В результате вы получите вот такой спойлер:
Спойлер можно вставить и без кнопки "Спойлер", для этого используйте следующий шорткод:
[spoiler title='Заголовок спойлера' collapse_link='true'] Текст спойлера [/spoiler] |
Тут всего две управляющие команды: title задает заголовок спойлера, а collapse_link говорит выводить или нет ссылку "свернуть" в правом нижнем углу спойлера (она будет выведена при значении "true" - любое другое значение удалит вывод этой ссылки).
На сайте rutracker.org этот спойлер идеально вписывается в дизайн форума. Для WordPress сайта спойлер может показаться слишком темным – из-за того, что фон на сайте, как правило, белый.
Стили плагина можно поправить в файле плагина "inc\bbspoiler.css". Но лучше будет скопировать содержимое этого файла в файл стилей вашей темы styles.css (добавив директиву !important у каждого значения), чтобы ваши изменения стиля спойлера не пропали при обновлении плагина.
В стилях спойлера не задан ни шрифт, ни его размер. Стиль шрифтов наследуется из вашей темы. Поэтому, в какой-нибудь теме вроде Twenty Twelve спойлер может выводиться с увеличенным размером шрифтов:
Я специально не стал задавать в стилях спойлера используемые шрифты. Все-таки, стиль спойлера должен совпадать со стилем текста статьи, в которой он выводится. При желании вы легко можете это поправить. Но не рекомендую это делать – спойлер не должен выглядеть на странице инородным элементом.
Спойлер можно использовать для чего угодно. На том же rutracker.org его используют, чтобы прятать скриншоты:
Из-за ограничений WordPress плагин не поддерживает напрямую спойлеры в спойлерах. Но я реализовал простенький обходной путь, позволяющий выводить дочерние спойлеры в родительском (но не дальше 2 уровня). Используйте следующую конструкцию шорткода:
[spoiler title='Родительский спойлер'] [spoiler2 title='Дочерний спойлер 1']текст[/spoiler2] [spoiler2 title='Дочерний спойлер 2']текст[/spoiler2] [spoiler2 title='Дочерний спойлер 3']текст дочернего спойлера[/spoiler2] [/spoiler] |
В результате получите:
Выводить дочерние спойлеры нужно далеко не всем пользователям, но все-таки такую возможность я предусмотрел. Просто на всякий случай.
Как и многим другим, мне тоже нравится спойлер в стиле rutracker.org. Клоны этого спойлера были написаны под все популярные форумные (и не только) движки и даже странно, что никто не позаботился о том, чтобы сделать клон этого спойлера под такой популярный движок как WordPress.
BBSpoiler
Автор плагина: Flector
Рассматриваемая версия: 1.00 от 21.08.2014
Текущая версия: 2.02 от 18.09.2024
Совместимость с версией WordPress: 3.9 и выше
Активных установок плагина: 5 000+
Скачать плагин версии 2.02 (всего скачено 46 305 раз)
Понравился пост? Подпишись на обновления по RSS или Twitter !
Novokuznetsk.doravtosnab.ru Китайские фронтальные погрузчики Lonking (Лонкинг) на novokuznetsk.doravtosnab.ru. novokuznetsk.doravtosnab.ru |
#21,
Хорошо, спасибо. Я тоже поискал и увы ничего не нашел. Вот этот пробовал, но что то - никак. Устаревший уже - обновление 2010 года.
#22,
К сожалению у меня плагин плохо работает с описанием рубрик. Шорткоды не работают. Однако плагин начинает работать, когда я включают полноценный редактор для рубрик. Подключал плагином Visual Term Description Editor. Тогда спойлер работает нормально. Но как только отключаю Visual Term Description Editor, спойлер перестает работать.
#23,
это не плагин виноват, а сам wordpress. по умолчанию движок удаляет все теги и шорткоды из описания рубрик. поэтому шорткоды в описаниях у вас работают только при включении плагина Visual Term Description Editor, который запрещает движку удалять теги и шорткоды из описаний.
#24,
Есть ли вообще возможность вставить в спойлер таблицу или много текста с абзацами? Очень нужен такой функционал, а вот поддерживает ли это wordpress и если да, то как это прикрутить не знаю.
#25,
конечно есть.
в спойлер можно, что угодно вставлять.
#26,
Огромная благодарность автору за такой замечательный плагин, перепробовала готовые решения от самого вордпресса, все устаревшие и не рабочие...
Спасибо!
#27,
Спасибо за плагин, о котором я мечтала с самого утра и наконец обнаружила на вашем сайте. Все так подробно написано, да с картинками, что разберется даже самый начинающий сайтостроитель Очень интересно и понятно :))
#28,
А вот у меня при вставке дочернего спойлера перестала появляться кнопка "свернуть" в родительском спойлере и других. Есть только в дочернем спойлере. Как быть?Шорткоды прописывала по всякому, никак...
#29,
Плагин не дает возможности писать текст с нового абзаца, даже при вводе в форму, он потом выдает все одной строкой. В чем может быть проблема?
#30,
Можно сделать, чтобы не было цветной полосы, а был только текст для открытия?