Рубрики

Урок 218 Как сделать спойлер в WordPress с помощью плагина Advanced Spoiler

Петр Александров
Автор статьи Пётр Александров
50
Время прочтения: 2 мин.

Добрый день! Меня часто посещала мысль про то, как сделать спойлер в WordPress. Вы не знаете, что такое спойлер? Вот они — эти самые заветные спойлеры:

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

Да, можно сделать вывод спойлеров самостоятельно (в интернете куча “мануалов” – информации), но так как я не любитель этих всех кодов, да и не очень хорошо в них разбираюсь, для меня куда проще было сделать вывод спойлера через WordPress плагин. Вопрос был другим, а какой именно плагин использовать? Идеальное решение нашлось, встречайте, плагин Advanced Spoiler.

Спойлер в WordPress с помощью плагина Advanced Spoiler

  1. Сначала, как и всегда Вам нужно скачать и установить плагин Advanced Spoiler.
  2. Сейчас переведем текст, который по умолчанию стоит Show и Hide. Для этого перейдите в админке WordPress –> Параметры –> Advanced Spoiler и переведите там эти слова: Спойлер Вордресс
  3. Также на этой странице Вы можете выбрать эффект спойлера и т.п. А вывести этот спойлер очень просто. Для этого заходите на страницу редактирования поста/страницы, выделяете необходимый текст (в моем случае это картинки в “Целях”) и нажимаете на кнопку “Включить интерцептор”: advanced_spoiler
  4. И уже там выбираете эффект (мне понравился эффект “slide”) и нажимаете на кнопку “okay”:
  5. Результат проделанной работы, Вы можете видеть на той же странице “Цели”. Также Вы можете скрыть нужный текст в шаблоне (например, в сайдбаре, список целей и т.п.). Для этого используйте используйте следующий шорткод:
    Шорткод спойлер WordPress

Вот и все! Вот такой коротенький урок получился сегодня Улыбка. Возможно, данная функция кому-то, как и мне, пригодится.

До скорой встречи!

50 комментариев на «Урок 218 Как сделать спойлер в WordPress с помощью плагина Advanced Spoiler»
  1. Дмитрий
    http://wpnice.ru/

    Могу посоветовать этот плагин — http://codecanyon.net/item/styles-with-shortcodes-for-wordpress/142221
    Мега вещь! Правда, и стоит недешево.

  2. darwin

    полезная вещь) кстати теперь у тебя новая цель=) приятно) буду следить за твоей мечтой, и строить свои мечты)

  3. Landorn

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

    • Петр Александров Автор статьи

      К сожалению, не совсем понял твой вопрос, переформулируй, пожалуйста…

      • Роман Лихтин

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

        • Landorn

          Да, имелось в виду скрытие рубрик спойлером.

          • Петр Александров Автор статьи

            Вряд ли получится, как ты отделишь каждую рубрику по отдельности? Я не знаю как…

        • Макс
          http://m-body.ru

          Не очень удобно скрывать рубрики спойлером. Чисто мое мнение.

    • Андрей DuKiNssoN

      Да спойлером можно что хочешь скрыть. Если не получается в редакторе. То зайдете в исходный код той странице, где есть спойлер. Он наверняка там будет в виде тэгов. Так вот, у каждого дива есть определенные класса (class), которые скрип плагина по определенному обрабатывает. А значит, если использоваться эти дивы с классами напрямую, то спойлер тоже сработает.

      Я так сделал на одном сайте своем, поместив текст на главной под спойлер. Так же буду делать и в рубриках. Это дополнительное продвижение все таки и не стоит этим принебригать.

  4. Андрей DuKiNssoN

    У этого плагина есть один недостаток — нельзя задать имя спойлеру индивидуально. К примеру, вместо слова «Скрыть» отображалось бы «Скриншоты» или «Видео к уроку» и т.д.

    На одном из своих новых сайтов я сделал все это с помощью добавления функции по какому-то уроку в сети. И теперь спойлер могу задавать так: spoiler name=блабла.
    Хотя, может тут и можно так сделать, я просто не стал разбираться с ним, когда не обнаружил такой возможности при первом тестировании, снес и решил сделать кодом. К тому же много где читал, что плагины дополнительно нагружают и без того тяжелый движок.

    • Петр Александров Автор статьи

      Поверь, здесь можно, и причем очень просто, прямо при вставке спойлера можно задать текст, отличный по умолчанию. Пример можешь увидеть тут https://wpnew.ru/celi («Показать машину» и т.п.)

    • Андрей DuKiNssoN

      Хаха =) В комментариях плагин тоже срабатывает…

      • Петр Александров Автор статьи

        Ща удалю этот вывод, чтобы путаницы не было 🙂

      • Петр Александров Автор статьи

        А здесь не через spoiler name, а через spoiler title, так что никаких отличий от твоего 🙂

        • Андрей DuKiNssoN

          Ха =) ну тогда все просто замечательно! Я, наверно, в спешке не успел с этим разобраться… или вообще другой плагин ставил. Впрочем, и так и так работает =)

    • Александр

      Андрей, прости, что встреваю..НО! Ничего подобного…Просто внутрь шорткода добавь:

      [spoiler effect=»blind» show=»Название спойлера» hide=»Название спойлера»]…И будет тебе любое название, какое захочешь…

      Всем добра!

  5. krock

    Никогда не пользовался ими, но за урок спасибо. Пригодится. Кстати фотка с айфоном почему-то не отображает?

    • Петр Александров Автор статьи

      Почему не отображается? Вроде все нормально..

Добавить комментарий
Ваш адрес email не будет опубликован. Обязательные поля помечены
Нажав на кнопку «Отправить комментарий» вы принимаете соглашение на обработку персональных данных.
Подпишитесь на бесплатные уроки по e‑mail и получите книгу в подарок
Нажав на кнопку «Подписаться» вы принимаете соглашение на обработку персональных данных.
Книга по SEO