C помощью данного плагина вы можете создавать блоки текста, которые будут разворачиваться/сворачиваться при нажатии на ссылку. Вам только нужно будет заключить данный текст в специальный тег и указать текст ссылки, при нажатии на которую будет совершаться действие. Если у пользователя отключен JavaScript, данная ссылка не будет показываться, и он увидит «нормальный» текст.

Установка:

  • скачать плагин — Expanding Text
  • распаковать содержимое архива /wp-content/plugins/
  • активировать плагин
  • добавить кусочек CSS в CSS-файл вашей темы (пример ниже)

Использование:

Синтаксис таков:

<DDET (текст ссылки)>
(текст, который будет разворачиваться/сворачиваться)
</DDET>

Пример:

<DDET Click to expand!>
Here is your text!
</DDET>

Вы можете добавлять таких блоков сколько Вашей душе угодно — ограничений нет.

Обратите внимание, что данные теги следует использовать не в визуальном редакторе, а в редакторе кода! (кнопочка «Код» или «Html» над окном редактора)

Для корректной работы плагина необходим PHP 5

CSS:

Чтобы изменить внешний вид текстового блока, добавьте описание класса .ddet_div в файл стилей вашей темы

.ddet_div {
margin: 8px 0 0 12px;
padding: 8px;
background: #F4F4F4;
border: 1px solid #DDDDDD;
}

Демо:
А вот и наш текст!

Похожие посты: