seo

Шорткод спойлер — что это такое и как его настраивать

шорткод спойлер

Шорткод спойлер - очень хорошая функция плагина Shortcodes Ultimate. Особенно для блогов, которые дают систематизированную информацию, например образовательных. Но как выяснилось, не все понимают что такое спойлер и как им пользоваться. Давайте разбираться.

Приведу определение из Википедии

Спо́йлер — многозначный термин.
Спойлер — гаситель подъёмной силы на крыльях самолёта.
Спойлер — приспособление в автомобиле, которое превращает ламинарный поток воздуха в турбулентный и снижает сопротивление воздуха.

В нашем случае, наиболее подходящее значение - гасить, скрывать. То есть мы можем часть информации статьи скрыть. И если она будет интересна читателю, то он просто самостоятельно ее откроет. Например вот так:

Нажми и скрытый текст откроется

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

Еще один шорткод, который вызывает вопросы. Что такое аккордеон все знают. У него есть клавиши и меха. Нажимаем на клавиши, раздвигаем меха и получаем музыкальное воспроизведение. В нашем случае - информацию. Вот пример:


Заголовок Текста 1

Заголовок Текста 2

Заголовок Текста 3

А можно сделать вот так, в виде вкладок. Здесь я использую шорткод - Вкладки

Заголовок 1Заголовок 2Заголовок 3
Содержимое вкладки 1
Содержимое вкладки 2
Содержимое вкладки 3

Выбор за Вами. Принцип использования один. Он очень простой. Заходим по кнопке Вставить шорткод

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

Настройки Шорткод Спойлер

шорткод спойлер настройки1
шорткод спойлер настройки2
  1. Примеры использования. Это очень важный пункт. Просто пройдите по ссылке и увидите в новой вкладке примеры по использованию шорткодов. Каждый пример сопровождается кодом. Его просто можно скопировать и вставить в статью в нужном месте, соответственно заполнив.
  2. Заголовок. В это поле вводим заголовок спойлера. Тот самый заголовок, который привлечет внимание читателя. В нем должна быть краткая информация о том тексте, который будет закрыт.
  3. Открыт. Это поле содержит только две ссылки - Да и Нет. Если "Нет", то спойлер будет закрыт. Если "Да", то читатель увидит всю информацию в открытом виде.
  4. Стиль. Стилей всего три: по умолчанию, стильный и простой. Если Вы выберите стильный, то у Вас появится возможность выбора иконки. В этом поле есть ссылка - Получить больше стилей. Она приведет вас на сайт разработчика, где Вы заплатив 15 долларов, получите красивые стили.
  5. Иконка. Это те самые иконки, которые вы можете выбрать для украшения своего спойлера
  6. Якорь. Можно настроить спойлер так, что он будет являться якорем на определенное место текста. Как его настроить, я уже писала. Просто воспользуйтесь данной функцией. Особенно она полезна в больших текстах
  7. Класс. Дополнительные стили CSS
  8. Содержимое. Это то самое поле куда вы будете вводить основной текст спойлера. Тот самый текст, который будет закрыт.

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

Сегодня мы подробно познакомились с еще одной возможностью плагина Shortcodes Ultimate.
Всего доброго!
Смирнова Ирина

Комментарии:

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