Меню Закрыть

Сокрытие части контента в статье. Плагин wpSpoiler.

wpSpoiler — небольшой, но очень необходимый плагин для сокрытия спойлера от посетителей и открытия по требованию.

Одно из значений слова спойлер — это преждевременно раскрытая важная информация, которая портит впечатление от художественного произведения, разрушая интригу.

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

Текст спойлера скрыт

 

И будет отображен и снова скрыт при желании пользователя:

Текст спойлера открыт

Установка и настройки плагина wpSpoiler

Установка плагина стандартная и может выполняться одним из возможных способов. После установки и активации плагина, он практически готов к работе. Но, для того, чтобы скрыть некий текст в статье, нужно применить шорткод: [spoiler] [/spoiler].

То есть, если участок текста заключить в такой шорткод, он будет скрыт от посетителя и откроется при клике на ссылку show и вновь закроется при клике на ссылку hide.

Эти слова (текст ссылки) на английском языке можно легко заменить на привычные нам русские.
Для этого открываем папку wp-content → plugins и в папке wpspoiler открываем файл wpSpoiler.php.

Здесь нужно произвести коротенькую русификацию, чтобы получилось примерно так:

Русификация плагина

Чтобы быстро найти этот участок кода, используйте текстовой редактор Notepad++. Как видите — это 58 и 59 строки.

Ссылки на скрытый текст можно оформить при помощи CSS. Для этого в файл стилей вашей темы можно добавить следующие стили:

a.spoiler_link_show {
    background-color: #EFEFEF;
    padding: 1px 3px 1px 3px;
    margin-left: 3px;
    margin-right: 3px;
}
a.spoiler_link_hide {
    background-color: #EFEFEF;
    padding: 1px 3px 1px 3px;
    margin-left: 3px;
    margin-right: 3px;
}
div.spoiler_div {
    background-color: #EFEFEF;
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;
    
}

PS. Если Вы будете скачивать плагин wpSpoiler с сайта WordPress.org Русский, в самом верху увидите предупреждение:

Этот плагин не обновлялся больше двух лет. Скорее всего, он уже не поддерживается и может быть несовместим с текущими версиями WordPress.

Сегодня 09.12.2017 года я его тестировал и на версии WordPress 4.9.1 он прекрасно работает. Если же у Вас что-то будет не получаться с этим плагином, устанавливайте более продвинутый плагин BBSpoiler.

Материалы по теме:

Хлебные крошки в WordPress с плагином Breadcrumb NavXT
Разумеется, в вопросе создания «хлебных крошек», помимо всевозможных способов, нельзя обойти стороной применение плагинов.
Кнопки на JavaScript для быстрой прокрутки страницы, чтения и паузы
При помощи такого блока кнопок посетитель вашего сайта сможет легко, быстро и удобно перемещаться вниз и вверх страницы,
Ошибка обновления. Сайт ненадолго закрыт на техническое обслуживание. Зайдите через минуту.
«Сайт ненадолго закрыт на техническое обслуживание. Зайдите через минуту». Такая запись (заглушка) появляется на сайте в момент различного рода (автоматических или ручных) обновлений, например, ...
Хлебные крошки в WordPress с помощью php-скрипта
Помимо использования плагинов, «хлебные крошки» можно успешно создавать с применением программного сценария или скрипта.

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

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

         Яндекс.Метрика