Добрый день! Меня часто посещала мысль про то, как сделать спойлер в WordPress. Вы не знаете, что такое спойлер? Вот они — эти самые заветные спойлеры:
Спойлер в Вордпресс позволяет скрыть некий участок страницы/текста, который можно открыть/развернуть. Очень удобно скрывать некие участки, которые не обязательны к просмотру или на больших страницах.
Да, можно сделать вывод спойлеров самостоятельно (в интернете куча “мануалов” – информации), но так как я не любитель этих всех кодов, да и не очень хорошо в них разбираюсь, для меня куда проще было сделать вывод спойлера через WordPress плагин. Вопрос был другим, а какой именно плагин использовать? Идеальное решение нашлось, встречайте, плагин Advanced Spoiler.
Спойлер в WordPress с помощью плагина Advanced Spoiler
- Сначала, как и всегда Вам нужно скачать и установить плагин Advanced Spoiler.
- Сейчас переведем текст, который по умолчанию стоит Show и Hide. Для этого перейдите в админке WordPress –> Параметры –> Advanced Spoiler и переведите там эти слова:
- Также на этой странице Вы можете выбрать эффект спойлера и т.п. А вывести этот спойлер очень просто. Для этого заходите на страницу редактирования поста/страницы, выделяете необходимый текст (в моем случае это картинки в “Целях”) и нажимаете на кнопку “Включить интерцептор”:
- И уже там выбираете эффект (мне понравился эффект “slide”) и нажимаете на кнопку “okay”:
- Результат проделанной работы, Вы можете видеть на той же странице “Цели”. Также Вы можете скрыть нужный текст в шаблоне (например, в сайдбаре, список целей и т.п.). Для этого используйте используйте следующий шорткод:
Вот и все! Вот такой коротенький урок получился сегодня 
. Возможно, данная функция кому-то, как и мне, пригодится.
До скорой встречи!
Могу посоветовать этот плагин — http://codecanyon.net/item/styles-with-shortcodes-for-wordpress/142221
Мега вещь! Правда, и стоит недешево.
полезная вещь) кстати теперь у тебя новая цель=) приятно) буду следить за твоей мечтой, и строить свои мечты)
Давно искал что-то подобное, спасибо. А можно этот плагин применять для вывода спойлера некоторых рубрик?
К сожалению, не совсем понял твой вопрос, переформулируй, пожалуйста…
Скорее всего имелось ввиду чтобы рубрики некоторые на сайте спойлером скрывать.
Да, имелось в виду скрытие рубрик спойлером.
Вряд ли получится, как ты отделишь каждую рубрику по отдельности? Я не знаю как…
Не очень удобно скрывать рубрики спойлером. Чисто мое мнение.
Да спойлером можно что хочешь скрыть. Если не получается в редакторе. То зайдете в исходный код той странице, где есть спойлер. Он наверняка там будет в виде тэгов. Так вот, у каждого дива есть определенные класса (class), которые скрип плагина по определенному обрабатывает. А значит, если использоваться эти дивы с классами напрямую, то спойлер тоже сработает.
Я так сделал на одном сайте своем, поместив текст на главной под спойлер. Так же буду делать и в рубриках. Это дополнительное продвижение все таки и не стоит этим принебригать.
У этого плагина есть один недостаток — нельзя задать имя спойлеру индивидуально. К примеру, вместо слова «Скрыть» отображалось бы «Скриншоты» или «Видео к уроку» и т.д.
На одном из своих новых сайтов я сделал все это с помощью добавления функции по какому-то уроку в сети. И теперь спойлер могу задавать так: spoiler name=блабла.
Хотя, может тут и можно так сделать, я просто не стал разбираться с ним, когда не обнаружил такой возможности при первом тестировании, снес и решил сделать кодом. К тому же много где читал, что плагины дополнительно нагружают и без того тяжелый движок.
Поверь, здесь можно, и причем очень просто, прямо при вставке спойлера можно задать текст, отличный по умолчанию. Пример можешь увидеть тут https://wpnew.ru/celi («Показать машину» и т.п.)
Хаха =) В комментариях плагин тоже срабатывает…
Ща удалю этот вывод, чтобы путаницы не было 🙂
А здесь не через spoiler name, а через spoiler title, так что никаких отличий от твоего 🙂
Ха =) ну тогда все просто замечательно! Я, наверно, в спешке не успел с этим разобраться… или вообще другой плагин ставил. Впрочем, и так и так работает =)
Андрей, прости, что встреваю..НО! Ничего подобного…Просто внутрь шорткода добавь:
[spoiler effect=»blind» show=»Название спойлера» hide=»Название спойлера»]…И будет тебе любое название, какое захочешь…
Всем добра!
Никогда не пользовался ими, но за урок спасибо. Пригодится. Кстати фотка с айфоном почему-то не отображает?
Почему не отображается? Вроде все нормально..