Expanding Text - плагин для Wordpress
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;
}
Демо:
А вот и наш текст!
18 Авг 2019 at 15:37
Интересная фичка. Попробую сегодня же!
24 Авг 2019 at 11:48
Да, фишка очень занятная, готовлю обзор плагинов, там он тоже присутствует Спасибо
23 Фев 2020 at 3:54
Очень удобный плагин, намного улучшает внешний вид статьи.
Из минусов - почему то при переходе от HTML к визуальному и обратно слетают теги, неужели никак это не исправить, обидно такой хороший плагин, а эта мелочь портит все впечатление.
У вас, кстати, опечатка)) “данный текст в !!!спеуиальный!!! тег”.
24 Фев 2020 at 9:24
Александр, спасибо! Опечаточку поправил