Выпадающий текст — плагин WordPress

Опубликовано: 25.03.2020 в категории: Плагины WordPress

Сегодня рассмотрим как сделать выпадающий текст в вашей записи или странице WordPress. Для этой цели лучше всего подойдет плагин Collapse-O-Matic. Он очень простой, легкий и имеет только одну функцию — прячет под кат скрытый текст. Устанавливается плагин стандартным способом из админки WordPress или можете скачать плагин выпадающего текста на официальной странице плагина. Плагин имеет более 70 000 загрузок, то есть довольно востребован.

плагин Collapse-O-Matic

Для чего нужен выпадающий текст?

Во-первых, таким образом вы можете сэкономить место на странице, чтобы она была более компактной и более удобной к восприятию пользователями.
Во-вторых вы сможете выделить основные разделы или информацию,  а  дополнительную информацию убрать под кат. При необходимости посетитель страницы кликнет по ссылке и появиться выпадающий текст.
Примерно вот так:

**************************

Показать раскрывающийся текст.

выпадающий текстЭтот выпадающий скрытый текст создан с помощью простого плагина Collapse-O-Matic. В скрытом контенте можно размещать не только простой текст, но и изображения, ссылки, списки, да и все, что душе угодно.

**************************

Как реализовать выпадающий текст  плагином Collapse-O-Matic

Реализовать раскрывающийся текст очень просто. Необходимо заключить скрытый текст в  специальный шорткод, вот так:

шорткод для выпадающего текста

Справа от вашего открытого текста стоит стрелка вниз. Если пользователь кликнет по не или по тексту, появляется раскрывается скрытый текст. Если кликнуть повторно, выпадающий текст снова скроется под кат.

У нас в  примере у шорткода установлен один параметр «title», который содержит текст ссылки, т.е. открытого текста, при клике на которую будет открываться скрытый текст. Однако у плагина намного больше возможностей. Плагин имет много разных дополнительных опций по настройке функционала и внешнего вида. С помощью этих параметров можно  изменять рамку блока, задавать стиль  оформления элементов, показывать или не показывать стрелку перед открытым текстом и другое. Прочитать обо всех параметрах можно в документации плагина. Но некоторые из опций уже присутствуют в настройках плагина в адм. панели WordPress.

Настройки плагина Collapse-O-Matic

В настройках плагина можно установить:

настройки плагина раскрывающий текст

Style — светлый или темный фон, если выбрать «none»- можно установить свой цвет;
Tag Attribute — тег для оборачивания открытого текста, по умолчанию — «span»;
Trigclass Attribute — возможность установить класс CSS для открытого текста;
Targtag — тег для оборачивания контейнера с выпадающим текстом
Targclass Attribute — прописать класс для блока выпадающего текста;
Collapse/Expand Duration — скорость, с которой появляется выпадающий текст;
Animation Effect — анимационный эффект появления скрытого текста;
No Title — не показывать ссылку (открытый текст), будет только стрелка
Initial Pause — установить паузу перед открытием выпадающего текста в миллисекундах
Custom Style — прописать собственные CSS стили
Ну и еще пара-тройка опций. В общем настроек не так много, но вполне достаточно, чтобы красиво оформить блок с раскрывающимся текстом. Если необходимо больше возможностей — обратитесь к документации на странице плагина.

Видео по установке и настройке плагина:

Конечно есть множество других плагинов выпадающего текста, плагинов — спойлеров и тому подобное. Можно реализовать данную функцию и без плагина. Но лично мое мнение, что плагин  Collapse-O-Matic — самый простой и удобный для этой цели, особенно для начинающих пользователей WordPress.

Читайте материал еще об одном очень полезном плагине Table of Contents Plus для вставки содержания статьи.

Надеюсь, что статья была для Вас полезной. Удачи!

бесплатная накрутка подписчиков вконтакте

Самое читаемое:

Всего комментариев: 0

Оставить комментарий

Ваш email не будет опубликован.

Заявка на бесплатную консультацию

Для бесплатной консультации укажите свое имя и номер телефона в форме ниже. Я перезвоню Вам и отвечу на все вопросы.

    Даю свое согласие на обработку персональных данных.

    ×
    Заказать сайт

    Чтобы заказать сайт заполните форму ниже. Я перезвоню Вам, отвечу на все вопросы, приму Ваш заказ и назову его ориентировочную стоимость.

      Даю свое согласие на обработку персональных данных.

      ×
      Заказать сайт по акции "Все включено"

      Для заказа сайта по акции «Все включено» заполните форму ниже. Я перезвоню Вам, отвечу на все вопросы, и приму Ваш заказ.

        Даю свое согласие на обработку персональных данных.

        ×
        Заказ услуги

        Для заказа услуги заполните форму ниже. Я перезвоню Вам, чтобы уточнить подробности, оговорить сроки и стоимость услуги.

          Даю свое согласие на обработку персональных данных.

          ×