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

[Всего голосов: 2    Средний: 3/5]


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.

Вот и всё! Всего доброго! До свидания! Л.М.

 

Поделиться в соц. сетях

Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Яндекс

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

Ваш e-mail не будет опубликован.