Главная › Новости

Как сделать спойлер в WordPress используя плагин Advanced Spoiler

Опубликовано: 01.09.2018

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

Доброго времени суток! Мне всегда было интересно, какие есть вообще способы для того чтобы сделать спойлер в WordPress. А вы знаете, что такое спойлер? Если не знаете, то советую дочитать этот пост до конца и сделать на своем блоге такую удобную и полезную фишку. Для того чтобы вы могли понять о чем я вообще сейчас говорю, посмотрите на скриншот ниже, там как раз представлен спойлер, которые я сделал на одном из своих блогов.

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

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

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

Плагинов способных это сделать много. Поэтому передо мной был вопрос, а какой именно плагин использовать? В итоге мой выбор это плагин Advanced Spoiler.

Для начала работы вам нужно скачать плагин Advanced Spoiler [aspan] здесь [/aspan] и установить удобным для вас способом, либо найти плагин через админку вашего блога и установить точно так же как это сделал я.

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

После установки, по умолчанию у вас будет выводиться текст «Show» и «Hide», для этого нужно перейти в раздел с настройками плагина.

Переходим в административной панели блога по пути «Настройки» — «Advanced Spoiler»

Вносим необходимые изменения, а именно, нам нужно будет перевести слова «Show» и «Hide».

Не забывайте сохранить изменения после того как исправите надписи по умолчанию на свои.

Кроме изменения слов здесь так же вы можете произвести все, что вам нужно, настроить эффект спойлера и так далее.

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

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

Теперь вам нужно будет выбрать эффект слайдера (я выбрал эффект «slide», потому что он имеет очень интересный и необычный внешний вид), после этого кликните на кнопку «okay».

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

Вот так выглядит спойлер в открытом виде:

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

Для этого нужно всего лишь использовать специальный шорт код [spоiler]Ваш текст/картинка/видео [/spоiler]

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

До новых встреч! Всем пока!