Добрый день! Меня часто посещала мысль про то, как сделать спойлер в WordPress. Вы не знаете, что такое спойлер? Вот они – эти самые заветные спойлеры:
Спойлер в Вордпресс позволяет скрыть некий участок страницы/текста, который можно открыть/развернуть. Очень удобно скрывать некие участки, которые не обязательны к просмотру или на больших страницах.
Да, можно сделать вывод спойлеров самостоятельно (в интернете куча “мануалов” – информации), но так как я не любитель этих всех кодов, да и не очень хорошо в них разбираюсь, для меня куда проще было сделать вывод спойлера через WordPress плагин. Вопрос был другим, а какой именно плагин использовать? Идеальное решение нашлось, встречайте, плагин Advanced Spoiler.
Спойлер в WordPress с помощью плагина Advanced Spoiler
- Сначала, как и всегда Вам нужно скачать и установить плагин Advanced Spoiler.
- Сейчас переведем текст, который по умолчанию стоит Show и Hide. Для этого перейдите в админке WordPress –> Параметры –> Advanced Spoiler и переведите там эти слова:
- Также на этой странице Вы можете выбрать эффект спойлера и т.п. А вывести этот спойлер очень просто. Для этого заходите на страницу редактирования поста/страницы, выделяете необходимый текст (в моем случае это картинки в “Целях”) и нажимаете на кнопку “Включить интерцептор”:
- И уже там выбираете эффект (мне понравился эффект “slide”) и нажимаете на кнопку “okay”:
- Результат проделанной работы, Вы можете видеть на той же странице “Цели”. Также Вы можете скрыть нужный текст в шаблоне (например, в сайдбаре, список целей и т.п.). Для этого используйте используйте следующий шорткод:
Вот и все! Вот такой коротенький урок получился сегодня 
. Возможно, данная функция кому-то, как и мне, пригодится.
До скорой встречи!
Никогда не пользовался ими, но за урок спасибо. Пригодится. Кстати фотка с айфоном почему-то не отображает?
Почему не отображается? Вроде все нормально..
У этого плагина есть один недостаток – нельзя задать имя спойлеру индивидуально. К примеру, вместо слова “Скрыть” отображалось бы “Скриншоты” или “Видео к уроку” и т.д.
На одном из своих новых сайтов я сделал все это с помощью добавления функции по какому-то уроку в сети. И теперь спойлер могу задавать так: spoiler name=блабла.
Хотя, может тут и можно так сделать, я просто не стал разбираться с ним, когда не обнаружил такой возможности при первом тестировании, снес и решил сделать кодом. К тому же много где читал, что плагины дополнительно нагружают и без того тяжелый движок.
Поверь, здесь можно, и причем очень просто, прямо при вставке спойлера можно задать текст, отличный по умолчанию. Пример можешь увидеть тут https://wpnew.ru/celi (“Показать машину” и т.п.)
Хаха =) В комментариях плагин тоже срабатывает…
Ща удалю этот вывод, чтобы путаницы не было 🙂
А здесь не через spoiler name, а через spoiler title, так что никаких отличий от твоего 🙂
Ха =) ну тогда все просто замечательно! Я, наверно, в спешке не успел с этим разобраться… или вообще другой плагин ставил. Впрочем, и так и так работает =)
Андрей, прости, что встреваю..НО! Ничего подобного…Просто внутрь шорткода добавь:
[spoiler effect=”blind” show=”Название спойлера” hide=”Название спойлера”]…И будет тебе любое название, какое захочешь…
Всем добра!
Давно искал что-то подобное, спасибо. А можно этот плагин применять для вывода спойлера некоторых рубрик?
К сожалению, не совсем понял твой вопрос, переформулируй, пожалуйста…
Скорее всего имелось ввиду чтобы рубрики некоторые на сайте спойлером скрывать.
Да, имелось в виду скрытие рубрик спойлером.
Вряд ли получится, как ты отделишь каждую рубрику по отдельности? Я не знаю как…
Не очень удобно скрывать рубрики спойлером. Чисто мое мнение.
Да спойлером можно что хочешь скрыть. Если не получается в редакторе. То зайдете в исходный код той странице, где есть спойлер. Он наверняка там будет в виде тэгов. Так вот, у каждого дива есть определенные класса (class), которые скрип плагина по определенному обрабатывает. А значит, если использоваться эти дивы с классами напрямую, то спойлер тоже сработает.
Я так сделал на одном сайте своем, поместив текст на главной под спойлер. Так же буду делать и в рубриках. Это дополнительное продвижение все таки и не стоит этим принебригать.
полезная вещь) кстати теперь у тебя новая цель=) приятно) буду следить за твоей мечтой, и строить свои мечты)
Могу посоветовать этот плагин – http://codecanyon.net/item/styles-with-shortcodes-for-wordpress/142221
Мега вещь! Правда, и стоит недешево.
Полезная штука, возьму на заметку. А почему Вы не пишете про цели относительно блога?
Петр, пишу не в тему, но нужен совет! Скажи пожалуйста по какой примерной цене ты покупаешь ссылки в Rookee? Просто решил продвинуться по нч запросам, стал закупать ссылки и был неприятно удивлен тем, что часть сайтов оказалась с вирусами. Тут дело в цене ссылок?
Привет, можешь использовать мою стратегию для закупки ссылок в Rookee. Вот ссылка на нее http://www.rookee.ru/Web/Scenarios.aspx?scid=5BQOJ
Спасибо, если что попробую
Хотел сначала закупать только вечные ссылки, но тратить 100 и более рублей за ссылку на запрос частотностью 200-400 как то дороговато
А кто говорит, что нужно тратить на запрос 100 и более рублей? Я трачу буквально 5 рублей на запрос.
Я имел ввиду, если продвигать вечными ссылками
А есть тег details и summary. Почитайте о них:удобно и не нагружает блог.
А толку от этих тегов, если они работают только в браузере Хром?
Зачем для сполейра использовать плагин и нагружать движок, тот же сполер легко сделать и без плагина studio-gost.ru/kak-sdelat-spoler-na-wordpress-bez-plagina/ В видеоуроке показано как это реализовать. Можно даже в своих CSS стилях оформить под смой блог.
Очень интересный и нужный плагин. Как раз кстати. Мучает только один вопрос: можно ли его выводить в верхнем правом углу шабона над меню, и насколько корректоно он будет отображеться?
Отличная функция!
полезная фишка
Спасибо Петр за информацию. Спойлеры оказались простым выходом из сложной ситуации, которая у меня возникла. Еще раз благодарю.
Петр, хотела твитнуть, но почему-то уже не пускает твиттер это сделать. Наверное уже слишком много поставила сегодня твитов с твоего сайта 🙂
По теме спойлеров.
Я о таком раньше даже не слышала. Видела, но ни разу не задавалась мыслью – как такое можно сделать. Спасибо, страничку в закладочку, в будущем обязательно воспользуюсь твоими советами.
Спасибо. Очень помогли.
Давно искал подобное, нашёл то что нужно. Спасибо!!!
Возможно ли вставить кнопку СКРЫТЬ внизу спойлера, чтобы не прокручивать текст обратно, чтобы закрыть спойлер?
Спасибо! Давно искала. Установила. Наслаждаюсь.
Две проблемы поймал после установки данного плагина.
1. при попытке редактирования готовой статьи напрочь заблокирован визуальный редактор. (лечится деактивацией плагина)
2. при вставке под спойлер видео с ютуба не отрабатывается проигрывание ролика. (показывается только ссылка на ролик, сейчас на сайте установлен другой плагин спойлера, у него только первое заболевание в виде “прибития” визуального редактора…)
Тоже хотел скрыть видео, т.к. занимает кучу места, а ннннет, только ссылка, устанавливал BBSpoiler.
Если у кого есть опыт спойлеров со вставкой видео с ютуба- поделитесь, хотя не совсем понятно какая разница спойлеру что скрывать… На DLE вообще без разницы…
нашел. нужно ссылку ютуба вставить через [embed]ссылка[/embed]
В статье есть ссылка с анкором “цели”. Она ведет на пустую страницу. Поправьте.
Отличное решение для сайта, где нужно показать дополнительные скриншоты через спойлер! 🙂
[spoiler] Работает? Или плагин удален? [/spoiler]
Плагин удален давно, так как нет необходимости в нем.
Приветствую! Есть ли возможность вставлять спойлер в короткую запись? Вместо анонса?
Спасибо большое
спасибо
Как раз столкнулся с необходимостью создать удобный и практичный спойлер для WordPress. Что же, всё оказалось проще чем я думал, никаких сторонних скриптов – просто плагин с дополнительными настройками.
P.S. спасибо за статью!
Всем привет! Классный спойлер, но есть проблема, перед тем как зайти в тему спойлер показывает весь текст ))) то есть идет заголовок темы, кусок описания темы, и вот в этом описании спойлер в развернутом виде, то есть идет заголовок “Привет мир” потом описание “здесь живет колобок” заворачиваем это в спойлер, и перед тем как зайти в тему записи идет вот так “Показать здесь живет колобок” когда заходишь в тему все норм, нажимаешь и закрываешь спойлер работает.
Подскажите есть ли код какой или плагин, не полностью заменяющий форму комментариев (у меня в нее встроен чекбокс – соглашение с политикой….) а просто когда комментарии длинные, были свертнуты, после какого то кол-ва символов – раскрыть или типа того