WordPress — спойлер на jQuery



По мотивам этого поста Как сделать спойлер на jQuery. Или даже пост-ответ на один из комментариев к прошлой статье. Как использовать этот спойлер в WordPress? Достаточно просто!

 

Установка:

Во-первых нам надо добавить в файл functions.php следующую функцию:

 

Суть этой php-функции заключается в том, чтобы вставлять html-код спойлера в вашу страницу/пост.

  • Затем подключить JavaScript спойлера, в файл header.php до закрывающего тега head.
    Если у вас уже подключается jQuery, то не нужно подключать его второй раз.
  • Затем добавить CSS-стили спойлера в стили вашей темы, например style.css.
  • И, наконец, в каталог /images вашей текущей темы добавить прилагаемые изображения, отображающие состояние спойлера.

 

Надеюсь мои объяснения вам ясны 🙂

Примеры использования

  1. [spoiler] Текст спойлера. [/spoiler]
    Если имя спойлера не указано, то будет использоваться значение по умолчанию — «Спойлер».Впрочем, вы можете поменять значение имени спойлера по умолчанию на угодное вам в коде функции hyper_spoiler.
  2. [spoiler name=»Внимание, спойлер!»] Текст спойлера. [/spoiler]Спойлер с указанным именем.

P.S. В идеале конечно хотелось бы для удобства использования сделать кнопочку добавления bb-кода спойлера в редактор TinyMCE, но увы пока не читал его документацию; если кто знает как это сделать, пишите. 😛

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

*