Как показывать и скрывать текст в сообщениях WordPress с помощью эффекта переключения

Вы хотите легко показывать и скрывать текст в постах и страницах WordPress? Иногда вы можете захотеть позволить своим пользователям увидеть скрытый...

Вы хотите легко показывать и скрывать текст в постах и страницах 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

Оцените статью
Добавить комментарий