Привет, Друзья и просто залетные посетители моего блога, сегодня расскажу как в WordPress можно спрятать часть текста в статье под специальную “кнопочку» с помощью так называемой функции “спойлер” и поможет нам в этом плагин Advanced Spoiler
У понятия “спойлер” есть куча различных определений из многих направлений: будь то авиация, программирование, автомобили, спорт, политика, кино, музыка – но нас сейчас интересует именно спойлер в WordPress. Для чего нужен спойлер в вордпресс, спросите вы? – все просто, с его помощью на странице можно скрыть какую-либо не столь важную информацию, или просто свернуть некий блок для сохранности места, (как я сделал здесь) и это может быть текст/картинки/видео – хоть что! Т.е. простыми словами, спойлер в WordPress позволяет свернуть и развернуть часть текста в статье. Ладно, хватит слов, давайте к делу и давайте начнем уже разбираться как сделать спойлер в WordPress и как свернуть, развернуть часть текста в статье.
Плагин Advanced Spoiler — как сделать спойлер в WordPress, как свернуть, развернуть часть текста в статье
Как обычно сначала нужно скачать плагин Advanced Spoiler:
Скачиваем плагин — http://wordpress.org/extend/plugins/advanced-spoiler/
Дальше стандартная установка WordPress плагинов:
- Распаковываем скачанный архив с плагином у себя на компьютере;
- Подключаемся с помощью filezilla по ftp (как дополнительный вариант подключиться и загрузить плагин можно с помощью Total Commander) и закачиваем папку “advanced-spoiler” на хостинг в папку с плагинами (/wp-content/plugins);
- В админке WordPress в разделе “Плагины — Неактивные” ищем Advanced Spoiler и активируем.
Также, плагин можно скачать непосредственно из админки; для этого идем в “Плагины – Добавить новый” в поле поиска вставляем Advanced Spoiler, жмем “Поиск”, затем активировать.
Все, WordPress плагин Advanced Spoiler готов к работе!
Теперь нужно немного настроить плагин: перевести текст ссылок (показать/спрятать) и включить понравившийся эффект спойлера. Идем в “Параметры — Advanced Spoiler”
Как видите, все по-русски, единственно, при установке плагина нужно будет заменить несколько слов:
1. Вот здесь будет: (показать текст – Show); (спрятать текст – Hide). Вы можете заменить слова совершенно на любые (показать/скрыть, свернуть/развернуть, открыть/закрыть и т.д….)
2. Эффекты спойлера – Если честно, то сильной разницы я не почувствовал, может быть у меня плагин так работает, но вы можете поэкспериментировать, а я оставил по умолчанию.
3. Скорость эффекта – тут все понятно (чем ниже величина, тем быстрее скорость)
4. Позволить вкладки – если включите эту опцию, то можно будет в одном
спойлере делать еще спойлеры, т.е. древовидная структура спойлеров.
5. Не забываем сохранить изменения.
Как сделать спойлер в WordPress, как свернуть, развернуть часть текста в статье
Все, настройки произвели, и теперь в редакторе вордпресс на панелях инструментов должна появиться кнопка от спойлера, давайте посмотрим как включать спойлер в записях WordPress (как свернуть, развернуть часть текста в статье.)
При редактирование статьи в редакторе WordPress выделяем необходимый текст/картинку/видео и кликаем на кнопочку “Включить интерцептор” (во, блин, название), должна выскочить панелька где можете поменять эффект открытия спойлера и затем нажимайте “okay”. Все, пример можете посмотреть ниже!
[toggle title=»Показать»»]
Привет!!!
[/toggle]
Вот еще , например, я использовал спойлер в статье “Для чего я создал сайт” (это как раз для того, чтобы сохранить место в статье и как бы скрыть не совсем тематические картинки. Ну а те, кто заинтересуется, кликнуть по кнопочки “Показать” не так уж и трудно))))
Хочу также сказать, что свернуть, развернуть часть текста в статье можно вручную, просто заключив необходимый участок текста в теги: [spоiler]Ваш текст/картинка/видео [/spоiler] и эти теги можно использовать не только в теле статьи, но и, например, в сайдбаре вашего блога.
Пока не забыл, вот еще одна фишка при использования спойлера в WordPress – если Вам вместо стандартного текста для ссылки “показать — скрыть” нужно прописать что-то конкретное, например, “Моя мечта” (да все что угодно….), то в код нужно дописать два атрибута:
Этот трюк может быть полезен довольно часто)))
Ну наверное все, что могу я сказать про спойлеры для WordPress.
В интернете можно найти инструкции как сделать спойлер в WordPress без плагина, так что имейте это в виду и кто не любит WordPress плагины, то можете поискать данные мануалы, я же решил пока попробовать именно плагин Advanced Spoiler.
Ну вот и все, мы узнали что такое спойлер в WordPress, как сделать спойлер и как свернуть, развернуть часть текста в статье. У кого остались вопросы, комментарии открыты.
До скорых встреч на aimblog.ru
✌️ Хочешь продолжить разговор после статьи?
В Telegram я делюсь всем, чего нет на блоге: быстрые мысли, мемы, хаос и ностальгия.
Подписаться на Telegram
Я еще такого не знаю. Нужно и мне попробовать. Спасибо. А вообще это актуально? чтобы сворачивать текст? А вдруг читатель пройдет мимо и не развернет его?
А мне кажется наоборот любопытство с играет свою роль =) да и не обязательно ведь что-то важное сворачивать…
Ха, здорово! Уже установила себе) даже уже придумала, как его можно интересненько использовать))
Рад что пригодился материал =)
Получилось! Спасибо.
Установил плагин но он не работает почему то…
Кнопка в редакторе есть но она не активна…
А когда теги спойлера пишешь то они выводят надпись «Показать>>» но текст который спрятал в спойлер открыт и нет «Скрыть»
Переустановил сам плагин-не помогло…
Помогите разобраться…
Алексей, если устанавливали плагин по правилам, то причина может быть одна — несовместимость либо с версией WordPress либо с шаблоном)
Великолепно! Это то, что я давно хотела, не знала, как оно называется. Так и не смогла объяснить человеку, который взялся мне помогать, чего же я хочу . Вот уже три года пролетело, я и забыла о том своем желании, а тут эта статья. Спасибо! Очень толковое объяснение, и уже руки чешутся устанавливать.
Раньше никогда не слышала про этот плагин. Интересная штука! Спасибо за инфу!
Замечательно. искал что-то подобное месяц назад. Спасибо.
Отличная вещь. Красиво и плавно сворачивается и разворачивается. Очень удобный плагин.
Приветствую! Вот и у меня такая же проблема, как у Алексея. А вдруг Вы знаете куда копать, если шаблон несовместим с этим плагином (шаблон менять не хотелось бы)? Несовместимую с плагином версию WordPress исключаю. Более того, пробовал еще плагин wpSpoiler, а также «спойлер без плагина» — результат тот же…
Если и другие плагины не работают, то может быть проблема в каких нибудь скриптах на блоге. Может быть какой нибудь нужный скрипт не включен? Или какая нибудь библиотека? %)
Ага, только вот как определить в чем именно проблема. А если в скриптах, то в каких именно?
Спасибо за статью. Уже установила, давно искала такой плагин))
Очень интересный и полезный совет, я ним воспользуюсь.
Оч. полезный плагин и шикарный доходчивый экскурс автора! респект и уважуха! =)
Всего ничего, но плагин уже старый, на новом WordPress-е могут быть косяки
. Есть ли современный аналог?
А можно лы настроить чтобы спойлер при загрузки страницы сразу был развернут и имелась возможность его свернуть?
Здравствуйте,
Как сделать , чтобы при нажатии слово «скрыть» было не перед текстом а после текста?
Можно как-то убрать плюс и минус перед показать/скрыть?
Спасибо! У меня раньше такая функция была прямо в шаблон встроена, а после жесточайшей борьбы с вирусом пришлось от этого шаблона отказаться. Я пару вечеров потратила на то чтоб такую функцию к новому шаблону прикрутить, а все оказалось гениально просто — есть уже плагин. Спасибо огромное, а то я без спойлера оказалась как без рук =)
Наконец нашел то, что искал. Спасибо за подробное описание.
Как же я долго искала способ скрыть текст… спасибо автору огроменное! *THUMBS UP*
Спасибо!.. Очень пригодилось…
Уже всё перерыл. Мне нужно следующее… Вот у меня текст длинный,я хочу его обрезать. Но тег спойлер он как бы «разбивает» текст,а мне нужно было при нажатии текст продолжался с того же места??
Плагин интересный. правда, мне пока сворачивать нечего. =) Но вот интересно, а от поисковиков часть текста можно скрыть при помощи этого плагина? Например, там где идет перепечатка документов, конечно, уже уникальность текста понижена и вот именно эту часть текста можно спрятать от Яндекса, например?
А как сделать, чтобы ссыка «скрыть» была в нижней части текста
Спасибо за статью.
Раньше приходилось специальный код вносить в статью…Громоздко и не удобно.А тут простенько так.
Здравствуйте! А можно ли сделать чтобы слово скрыть распологалась не по середине открытого текста, а в конце?
Максим, не понял? Какое слово скрыть?
Вот смотри текст скрыт. Нажимаешь на показать больше текст открывается и появляется слово скрыть Но оно сверху того текста который был скрыт, а я хотел бы чтобы это слово было снизу текста который был скрыт.
Здравствуйте , долго смотрел в коде но так и не разобрался.Не подскажите как убрать вообще или где можно заменить в строке где спойлер вывод + и — .Заранее спасибо.
Плагин поставила.. но он не работает, даже не видно в редакторе кнопки плагина… и через код пробовала — не получается… видно, не судьба…
Спасибо за пост, очень доступно. Скажи пожалуйста, у меня есть список спойлеров, можно ли как-то сделать, чтобы первый был открыт по умолчанию
Помогите, пожалуйста, у меня на сайте статьи пишутся в полном объеме, как сделать так, чтобы они писались не полностью, и только когда в них заходишь отображается их полный текст? Немного криво написал, но надеюсь понятно. Спасибо!