Converse купить в Киеве можно по ссылке sneaker.kiev.ua. Натуральные материалы. Гарантия 100%.
doverennost uvolnenie harakteristika rezyume raznoe otzyv prikaz akt zayavlenie jaloba polojenie soglashenie isk pretenziya dokument postanovlenie pismo
Converse купить в Киеве можно по ссылке sneaker.kiev.ua. Натуральные материалы. Гарантия 100%.

Как сделать спойлер в wordpress

Однажды мне понадобилось сделать вот такую вещь:

Другими словами вставить в пост текст, что бы при щелчке на него, открывался большой кусок спрятанного текста. В принципе можно прятать не только текст, но и фото или видео. Самое интересное, что я даже не знал как это называется ) Пошел допытывать поисковик. Теперь я не удивляюсь откуда в сети столько идиотских вопросов, элемент рано бывает ситуация когда толком не понимаешь как называется вещь которую нужно найти. Хоть бери в поисковую строку вбивай: хрень которая сворачивает и разворачивает текст wordpress. В общем после некоторых словесных манипуляций я выяснял, что большая часть адекватных пользователей называет это спойлер. Придется с ними согласиться.

Собственно переходим ко второй части вопроса, как сделать спойлер в wordpress. На самом деле, способов хоть одним местом кушай. Естественно самый простой способ это плагин. Речь идет о wpSpoiler. Думаю не нужно описывать, как искать и устанавливать плагины. Единственное, что нужно будет сделать это заглянуть в сам php файл плагина и подправить там несколько строчек.

function wpSpoiler($text) {</span>
<pre>
/* Config */
$showtext = ‘show’;
$hidetext = ‘hide’;

Т.е перевести слова show и hide на нужные нам, например – откройся и закройся. Для того что бы вставить в пост спойлер нужно добавить код [spoiler]тут текст который прячем[/spoiler]

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

Что делать если нам нужно вместо показать/спрятать, каждый раз разные значения.  Тут на помощь приходят коды которые помогут обойти использование плагинов.

Нашел два варианта.

1. Вариант.

<script><!–
function Sim_Sim_Otkroysya()
{
var obj=document.getElementById(‘Sim_Sim’);
if(obj.style.display==’none’)
obj.style.display=’block’;
else
obj.style.display=’none’;
}
–></script>
<DIV><A href=’javascript: Sim_Sim_Otkroysya()’>Текст для щелкания</A></DIV>
<DIV Name=Sim_Sim ID=Sim_Sim Style=’text-indent:15pt;Display:none’>Текст, который не виден</DIV>

2. Вариант.

<script language=”JavaScript”>
function hide(obj) {
if(document.getElementById(obj).style.display == ‘block’)
{document.getElementById(obj).style.display = ‘none’;
}
else
{document.getElementById(obj).style.display = ‘block’;
}
}
</script>

<a href=”#” onclick=”hide(‘sub1′)”>Спойлер</a><br>

<span id=”sub1″ style=”display: none;”>
Содержимое спойлера
</span>

Пробовал оба варианта, работают. Надеюсь кому-то да и пригодится.

К другим новостям

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

  1. Элик (3 comments) пишет:

    Есть плагин Spoiler. Установил, и воспользовался всего 1 раз, чтобы спрятать слишком длинный текст)

  2. Лесметалторг (6 comments) пишет:

    буду пробовать на своем сайте, думаю это повысит информативность сайта и оживит его внешний вид

  3. cijman (823 comments) пишет:

    @Андрей
    попробуйте оба, оставьте который понравится больше )

  4. Андрей (112 comments) пишет:

    Стараюсь поменьше плагинов использовать на блоге. Спасибо за альтернативу. Коды как нельзя кстати. А всё таки какой вариант лучше использовать?

  5. Наталья (32 comments) пишет:

    Спасибо большое! Я не знала как сделать, чтобы всплывал текст, так как пока я новичок. У вас очень качественный сайт!

  6. Ольга (14 comments) пишет:

    Большое спасибо! Все четко, ясно и понятно.Обязательно применю на практике ваши советы.

  7. Дмитрий (123 comments) пишет:

    Интересная штука! Надо обязательно попробовать!

  8. Новости (1 comments) пишет:

    Есть более простой спсоб минимум js и через css

  9. cijman (823 comments) пишет:

    @perfect world
    каждому свое, я например на одном блоге для видео их использую

  10. Иван (76 comments) пишет:

    как нету впСпойлера,всё есть

  11. mastadont (4 comments) пишет:

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

  12. perfect world (1 comments) пишет:

    Спойлеры очень удобно использовать для создания FAQ или мануалов. Особенно удачно мне кажеться использование этих скриптов для системы вопросов ответов. А вы как считаете?

  13. leiten (41 comments) пишет:

    Спасибо! Будет чем заняться на выходные )))

  14. Ирина (48 comments) пишет:

    Скачала wpSpoiler))) Буду разбираться) Спасибо.

  15. Княгиня (5 comments) пишет:

    А я тоже не знала, что это называется “спойлер”. И про плагин не думала: сама написала шорткод+скрипт. С плавным разворачиванием-сворачиванием и возможность вписать нужное слово для клика. Теперь вся эта радость делается одной строчкой. Да вот ещё думаю – как будет время, сделать возможность регулировать число абзацев, которые остаются “снаружи”.

  16. cijman (823 comments) пишет:

    @Дмитрий
    wpSpoiler только вчера качал

  17. Дмитрий (123 comments) пишет:

    Нету больше wpSpoiler, есть Spoiler и Redactor предлагаеться, в них что-то надо править?

Оставить комментарий

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


6 − три =

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>