mojwp.ru
Услуги по доработке ваших сайтов >>
Назад

Advanced Spoiler - разворачиваем и сворачиваем часть текста в статье

Опубликовано: 26.10.2011
23
753

плагин Advanced SpoilerВесьма полезный плагин, который позволяет прятать часть текста под разворачивающийся спойлер. Примеры спойлеров Вы можете наблюдать на любом форуме, куда прячут текст/картинки/видео и, по нажатию кнопки "Развернуть" (или еще с каким названием), спрятанный текст появляется. Именно для подобных вещей был создан Advanced Spoiler, который делает эффект "спойлера" на сайтах WordPress.


Стоит заметить, что Advanced Spoiler - это усовершенствованная версия плагина Ajax Spoiler, которого под старым названием уже больше не будет.

Качаем плагин по ссылке ниже и заливаем на хостинг в папку plugins, либо идем в админку сайта -> Плагины -> Добавить новый плагин -> в поисковую строку пишем Advanced Spoiler и находим. После активации плагина в админке идем Параметры (Настройки) -> Advanced Spoiler.

Внимание! Я выпустил новую тему Romb для ваших статейников и блогов. Максимально быстрая по Google PageSpeed и максимальная оптимизация под SEO.

Версия, которую я рассматриваю, как-то криво стала и перевод получился "албанским": недорусский, недоанглийский. Где наша не пропадала...!
Несколько минут - и перевод от меня готов (вроде неплохо и понятно получилось)))). Смотрим скриншот:

спойлер для wordpress

Я думаю, что пояснений требует предпоследний пункт, о вкладках. На самом деле все просто - у Вас есть возможность встраивать спойлер в спойлер. В результате получится некая иерархия. Пример с шорткодами показан рядом с этим пунктом.

Последним пунктом идет Импорт настроек из предыдущей версии плагина, которая называлась ранее Ajax Spoiler.

Вставляется спойлер в текст при помощи шорткодов и выглядит так:
[spоiler]Ваш текст (картинка)[/spоiler].

Чтобы вместо стандартных "Развернуть" / "Свернуть" выводился необходимый Вам текст в названии спойлера (например: "Полные характеристики телефона N"), нужно в шорткоды добавить следующее:

[spоiler effect="blind" show="Название спойлера" hide="Свернуть"]Ваш текст под спойлером... [/spоiler]

Обращаю Ваше внимание, что спойлер можно вставлять и в визуальном редакторе. Для этого достаточно выделить необходимый текст мышкой и нажать на соответствующую кнопку плагина (крайняя правая) в панели форматирования текста. Здесь Вам предлагается сделать персональные настройки спойлера именно под нужный Вам пост/статью.

Ну вот, вроде и все. Будут вопросы - милости прошу в комментарии или тикеты.

[downpg wp="2.7 или выше" vp="2.02" href="http://wordpress.org/extend/plugins/advanced-spoiler/"]Скачать плагин Advanced Spoiler[/downpg]

Advanced Spoiler - разворачиваем и сворачиваем часть текста в статье
Оцени статью

Давай, оцени статью!

Автор:
Виталий
Поделиться
Похожие записи
Комментарии:
  • Дмитрий
    Опубликовано: 07.11.2011 Ответить на сообщение

    спасибо большое, как раз искал параметры для этого плагина - оказалось это банальные show, effect и hide 🙂

  • андрей
    Опубликовано: 29.11.2011 Ответить на сообщение

    А как вставить ссылку СВЕРНУТЬ, внизу спойлера, чтобы не листать тест спойлера обратно, для закрытия спойлера?

  • Ярослав
    Опубликовано: 26.02.2012 Ответить на сообщение

    Спасибо, очень помогло. Побольше бы таких статей!

  • Пчела
    Опубликовано: 02.05.2012 Ответить на сообщение

    Спасибо, реализовал на своем блоге на страничке FAQ по весенним работам на пасеке.
    На странице виден вопрос, а под спойлером ответ.
    Давно думал сделать такое, автору еще раз спасибо за помощь.

  • Павел
    Опубликовано: 07.06.2012 Ответить на сообщение

    Давно искал такой замечательный плагин. Вопрос: информация которая находится в спойлере нормально индексируется?

  • Leka
    Опубликовано: 19.09.2012 Ответить на сообщение

    Насколько я поняла этот плагин непосредственно для статьи, а есть ли подобные, но для просмотра всего поста с главной страницы?

    • Виталий
      Опубликовано: 19.09.2012 Ответить на сообщение

      не ставьте more и используйте плагин как обычно

  • Art_gud
    Опубликовано: 30.11.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 30.11.2012 Ответить на сообщение

      будет, т.к. текст не прячется во внешние файлы. нажмите ctrl+u в браузере и посмотрите исходный код: текст под спойлером виден.

      • Art_gud
        Опубликовано: 01.12.2012 Ответить на сообщение

        спасибо, это радует =)

  • InvestLife
    Опубликовано: 19.01.2013 Ответить на сообщение

    А можно лы настроить чтобы спойлер при загрузки странице сразу был развернут и имелась возможность его свернуть?

    • Виталий
      Опубликовано: 19.01.2013 Ответить на сообщение

      настроить можно. нужно копаться в коде. просите php-шников

    • Сергей
      Опубликовано: 12.05.2014 Ответить на сообщение

      я конечно, не веб программист, но у меня получилось
      открываем в настройках плагинов редактор ищем в advanced spoiler/advanced spoiler.php строчку
      \n\n\n\n".trim($text)."";

      вместо display:none пишем display:yes и по-умолчанию плагин развернут

  • neradzuri
    Опубликовано: 30.01.2013 Ответить на сообщение

    А как сделать, чтобы спойлер вставить в спойлер? Т.е. чтобы в скрытом тексте, так же была возможность скрыть текст.

    • Виталий
      Опубликовано: 30.01.2013 Ответить на сообщение

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

  • Lucky
    Опубликовано: 19.02.2013 Ответить на сообщение

    Спасибо за материал, заюзал себе.

  • Максим
    Опубликовано: 06.11.2013 Ответить на сообщение

    Я спойлер в виджете хотел вывести, только он там не работает, показывает код спойлера и все. Если вставляешь в статью - работает, а в виджете нет. Что нужно сделать чтобы заработало?

    • Виталий
      Опубликовано: 06.11.2013 Ответить на сообщение
      • Максим
        Опубликовано: 06.11.2013 Ответить на сообщение

        У меня почему то не заработало(((

        • Виталий
          Опубликовано: 06.11.2013 Ответить на сообщение

          Ничем не помогу, т.к. не вижу как вставляете код. Быть может блокирует какой-то плагин.

  • Михаил
    Опубликовано: 12.01.2015 Ответить на сообщение

    Виталий, если быть более точным и относительно того, что упоминается дальше в настройках, то не "Способ отображения, а Режим отображения". Прости за занудство, я просто тоже в данный момент делаю пост по этому плагину и так же вспоминаю хорошими словами переводчика, хотя, переводчиком был обычный робот (перевод технический).Статья классная, лично мне всё было понятно! 🙂

  • Анон
    Опубликовано: 20.04.2015 Ответить на сообщение

    Не знаете ли, как сделать так, чтобы медиа под спойлером не прогружалось?

  • Вячеслав
    Опубликовано: 09.07.2018 Ответить на сообщение

    А как вставить ссылку СВЕРНУТЬ, внизу спойлера, чтобы не листать тест спойлера обратно, для закрытия спойлера?

Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.