Вы хотите легко показывать и скрывать текст в постах и страницах WordPress?
Иногда вы можете захотеть позволить своим пользователям увидеть скрытый контент, когда они нажимают на определенную ссылку. Это особенно полезно, если вы хотите разместить раздел часто задаваемых вопросов.
В этой статье вы узнаете, как показывать и скрывать текст в постах WordPress с помощью эффекта переключения.
Первое, что вам нужно сделать, это установить и активировать плагин Show-Hide / Collapse-Expand. Для более подробной информации смотрите наше пошаговое руководство о том, как установить плагин WordPress.
Плагин работает из коробки, и у вас нет никаких опций для настройки.
Это позволяет вам использовать два метода, чтобы скрыть любой текст на вашем сайте со ссылкой, чтобы развернуть и показать текст.
Показать скрытый текст в WordPress с помощью шорткода
Для этого метода вам нужно будет вручную добавить шорткод для показа или скрытия текста.
Вот пример шорткода, который вы можете использовать в качестве отправной точки.
[bg_collapse view=»link» expand_text=»Показать больше» collapse_text=»Показать меньше»]
Текст, который вы хотите скрыть..
После добавления шорткода в пост или страницу, вы можете сохранить изменения и просмотреть его. Вы увидите обычную ссылку «Показать еще», нажав на которую, вы увидите скрытый текст.
Для этого шорткода существует множество параметров, которые будут изменять внешний вид вашего показываемого/скрываемого текста.
Например, вы можете добавить кнопку вместо простой ссылки, добавить иконки и даже использовать пользовательский CSS в этом шорткоде.
Однако генерировать этот шорткод вручную будет довольно сложно. В этом случае вы можете воспользоваться вторым методом, который позволяет генерировать шорткод с помощью визуального редактора.
Показать скрыть текст в WordPress с помощью визуального редактора
Для этого метода вам нужно добавить блок ‘Classic’ в редактор контента WordPress. Просто нажмите на кнопку добавления нового блока и найдите блок ‘Classic’.
Как только вы вставите классический блок, вы увидите визуальный редактор с кнопками форматирования, который похож на старый классический редактор WordPress.
На панели инструментов вам нужно нажать на кнопку «Свернуть/Расвернуть». Появится всплывающее окно, в котором вы визуально настроите параметры шорткода.
Здесь вы можете выбрать ссылку или кнопку, цвет, значки и текст, который будет отображаться для кнопок «показать» и «скрыть».
После выбора параметров нажмите кнопку ‘OK’, чтобы вставить его в ваш пост. Вы увидите шорткод, добавленный в редактор поста.
Теперь вы можете продолжить и добавить текст, который вы хотите скрыть между начальным и конечным тегами шорткода.
После этого вы можете сохранить свой пост или страницу и посетить свой сайт, чтобы увидеть изменения в действии. Вот как это выглядело на нашем тестовом сайте.
Надеемся, что эта статья помогла вам узнать, как показывать и скрывать текст в постах WordPress с помощью эффекта переключения. Вы также можете ознакомиться с нашим списком обязательных плагинов WordPress для всех сайтов, а также с нашим руководством о том, как добавить динамический персонализированный контент в WordPress.
Источник: www.wpbeginner.com