Как сделать спойлер без плагина

Как сделать спойлер без плагина
Как сделать спойлер без плагина
Как сделать спойлер без плагина
Как сделать спойлер без плагина

Привет, Друзья и просто залетные посетители моего блога, сегодня расскажу как в WordPress можно спрятать часть текста в статье под специальную “кнопочку» с помощью так называемой функции “спойлер” и поможет нам в этом плагин Advanced Spoiler

как сделать спойлер в WordPress

У понятия “спойлер” есть куча различных определений из многих направлений: будь то авиация, программирование, автомобили, спорт, политика, кино, музыка – но нас сейчас интересует именно спойлер в 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”

Advanced Spoiler

Как видите, все по-русски, единственно, при установке плагина нужно будет заменить несколько слов:

1. Вот здесь будет: (показать текст – Show); (спрятать текст – Hide). Вы можете заменить слова совершенно на любые (показать/скрыть, свернуть/развернуть, открыть/закрыть и т.д….)

2. Эффекты спойлера – Если честно, то сильной разницы я не почувствовал, может быть у меня плагин так работает, но вы можете поэкспериментировать, а я оставил по умолчанию.

3. Скорость эффекта – тут все понятно (чем ниже величина, тем быстрее скорость)

4. Позволить вкладки – если включите эту опцию, то можно будет в одном

спойлере делать еще спойлеры, т.е. древовидная структура спойлеров.

5. Не забываем сохранить изменения.

Как сделать спойлер в WordPress, как свернуть, развернуть часть текста в статье

Все, настройки произвели, и теперь в редакторе вордпресс на панелях инструментов должна появиться кнопка от спойлера, давайте посмотрим как включать спойлер в записях WordPress (как свернуть, развернуть часть текста в статье.)

плагин Advanced Spoiler

При редактирование статьи в редакторе WordPress выделяем необходимый текст/картинку/видео и кликаем на кнопочку “Включить интерцептор” (во, блин, название), должна выскочить панелька где можете поменять эффект открытия спойлера и затем нажимайте “okay”. Все, пример можете посмотреть ниже!

Показать»

Привет!!!

vorona (1)

Вот еще , например, я использовал спойлер в статье “Для чего я создал сайт” (это как раз для того, чтобы сохранить место в статье и как бы скрыть не совсем тематические картинки. Ну а те, кто заинтересуется, кликнуть по кнопочки “Показать” не так уж и трудно))))

Хочу также сказать, что свернуть, развернуть часть текста в статье можно вручную, просто заключив необходимый участок текста в теги: [spоiler]Ваш текст/картинка/видео [/spоiler] и эти теги можно использовать не только в теле статьи, но и, например, в сайдбаре вашего блога.

Пока не забыл, вот еще одна фишка при использования спойлера в WordPress – если Вам вместо стандартного текста для ссылки “показать — скрыть” нужно прописать что-то конкретное, например, “Моя мечта” (да все что угодно….), то в код нужно дописать два атрибута:

Спойлер

Ваш текст/картинка/видео[/spоiler]

Этот трюк может быть полезен довольно часто)))

Ну наверное все, что могу я сказать про спойлеры для WordPress.

В интернете можно найти инструкции как сделать спойлер в WordPress без плагина, так что имейте это в виду и кто не любит WordPress плагины, то можете поискать данные мануалы, я же решил пока попробовать именно плагин Advanced Spoiler.

Ну вот и все, мы узнали что такое спойлер в WordPress, как сделать спойлер и как свернуть, развернуть часть текста в статье. У кого остались вопросы, комментарии открыты.

До скорых встреч на aimblog.ru

Как сделать спойлер без плагина Как сделать спойлер без плагина Как сделать спойлер без плагина Как сделать спойлер без плагина Как сделать спойлер без плагина

Изучаем далее:



Расчет схемы капельного полива

Ваза из бумаги своими руками мастер класс из бумаги

Поздравление к подарку цветы из денег

Для волос русых как сделать колорирование

Как сделать гнилой порог без сварки