Как создать спойлер (скрывающийся/раскрывающийся объект (текст, картинка и т.д.)) с помощью плагина Advanced Spoiler

Начну с конца — примерно вот так будет выглядеть спойлер:

Показать текст »

Скрытый текст

И так, качаем, загружаем и активируем плагин Advanced Spoiler. Всё, почти готово! Теперь немного настроим плагин, для этого в админ. панеле WordPress жмём «Параметры» -> «Advanced Spoiler» :

1

Дальше изменяем название кнопок спойлера: напротив строк «показать текст» и «скрыть текст» вам нужно поменять слова «Show» и «Hide» на любые слова. Я поменял на «Показать текст» и «Скрыть текст». Но это можно изменить потом, когда в статье будете делать спойлер.
Изменяете «скорость эффекта».
«Эффект по умлочанию» — это анимация при раскрытии/закрытии спойлера. Можете изменить сейчас или потом, когда уже в статье будете делать спойлер.

2Теперь, при редактировании поста, в панели инструментов появилась новая кнопка, называется «включить интерцептрон».

Чтобы сделать спойлер, нужно выделить текст, который вы хотите скрыть, и нажать на эту новую кнопку. Появится окно настроек, меняете настройки по своему усмотрению и жмёте «okay».

3Cпойлер готов!

P.s.: В спойлере можно разместить не только текст, но и картинку, видео, код php и html и т.д. Также в спойлере можно разместить ещё спойлер.

Эта статья была опубликована в категории Уроки автором Zheka. Bookmark the permalink.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>