Спойлер на Wordpress с плагином и без.

Спойлер на WordPress с плагином и без.1


Спойлер — скрытое содержимое статьи или новости — на сайте вещь довольно нужная.
Когда контента слишком много и некоторое нужно скрыть так, чтобы при надобности можно было открыть и посмотреть-почитать, или как-то собрать контент в какие-то рамки, тут помогает спойлер.
Как ставить спойлер на движок DLE я писал уже в одной из предыдущих статей. До движка Вордпресс всё как-то руки не доходили. Но настало время использовать сей гаджет на своём сайте.

spojjler-na-wordpress-s-plaginom-i-bez-3

Если вы уже заметили в моих статьях иногда используется спойлер, он работает через плагин wpSpoiler. Установка плагина очень проста. Скачал, зашел через админку, установил, активировал и пользуйся. Небольшой недостаток есть. Код придется ставить вручную. Дело в том, что плагин очень прост. Поэтому автоматической вставки в текст в нем не предусмотрено.
Вам нужно скрываемый текст поместить
spojjler-na-wordpress-s-plaginom-i-bez-1

 

Но в этом все неудобства, пожалуй, и закончились. Так как плагин придуман не русскими людьми, и, соответственно, он на английском текст лучше немножко изменить. Сделать это нетрудно. Нужно зайти в редактор на странице плагинов, выбрать wpSpoiler.php и найти там что-то вроде $showtext = ‘show’; и $hidetext = ‘hide’;.
Слово show можно поменять на слово Посмотреть, а слово hide на слово Закрыть.

У меня здесь это выглядит так Открыть спойлер

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

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

А продолжить я хочу спойлером на html, без плагина. Его я использовал на киносайте, сделал для себя шаблон и вставлял в статьи о фильмах. Особенно это удобно, когда много плееров и так далее. Он устанавливается немного другим способом. Постараюсь описать каким. Не помню, как и где я его нашел, но он абсолютно рабочий, так как для него не нужны сложные скрипты и php. В header.php вашей темы до тега </head> вставляем следующий код

<script type=»text/javascript» language=»JavaScript»>// <![CDATA[
function open_close(id_spol) {
var obj = «»;
if (document.getElementById) obj = document.getElementById(id_spol).style;
else if (document.all) obj = document.all[id_spol];
else if (document.layers) obj = document.layers[id_spol];
else return 1;

if (obj.display == «») obj.display = «none»;
else if (obj.display != «none») obj.display = «none»;
else obj.display = «block»;
}
// ]]></script>

Далее в редакторе вашей новости в нужном нам месте, прямо в тексте, вставляем

</br></br><div class=»spoiler_style» onClick=»open_close(‘spoiler1’)» style=»background:#e7e7e7; border: 1px solid #666666; border-radius:5px;»><b>все серии</b></div>
<div id=»spoiler1″ style=»display:none; background:#F7F7F7″>
<center><br>1-2 серия</center>
<center><br>код плеера</center>
<center><br>3-4 серия</center>
<center><br>код плеера</center>
<div class=»spoiler_style» onClick=»open_close(‘spoiler1’)» style=»background:#e7e7e7; border: 1px solid #666666; border-radius:5px;»><b>скрыть</b>
<center>реклама?</center></div>
</div>

И таких спойлеров можно наделать в этом посте хоть тыщу. Шучу, конечно, столько много просто рука устанет делать.Эх, спалил тему! Когда-то я до нее сам с трудом допер. Ну да ладно, может кому пригодится. Со стилями, кстати, можно тоже поиграться, подстроить под свой сайт.

Ну и в конце своей всей писанины, как и обещал небольшое видео о плагине Адвансед, а на сем позвольте откланяться…


Спойлер на WordPress с плагином и без.


Понравилась статья? Поделись с друзьями!

One comment on “Спойлер на WordPress с плагином и без.

  1. Комм. Кирилл Мар 12,2018 7:33

    Чёткий спойлер. Именно такой мне подойдёт. Спасибо за решение!

Обсудить