Lightweight Accordion
Плагин Lightweight Accordion для WordPress позволяет добавлять элементы сворачивания к сообщениям с помощью шорткода (через классический редактор) или с помощью блока Гутенберга. Использование HTML-тега details и нескольких строк CSS позволяет использовать гармошку без jаvascript для минимальной загрузки страницы. Чрезвычайно легкий (<1 КБ): без использования jаvascript плагин использует собственный HTML-тег деталей и несколько строк кода, практически не влияя на интерфейс. Настраиваемый: параметры включают настройку тега HTML, используемого для заголовка аккордеона, открытого по умолчанию, порядков и цветов. Примеры использования шорткода Вот несколько примеров использования плагина аккордеона с шорткодами. [lightweight-accordion title = "My Accordion"] Мои материалы [/ lightweight-accordion] Кроме того, вы можете отображать аккордеон, открытый при загрузке, с помощью параметра accordion_open. [lightweight-accordion title = "My Accordion" accordion_open = true] Мои материалы [/ lightweight-accordion] Вы также можете изменить тег html, заключающий заголовок аккордеона, используя параметр title_tag. [lightweight-accordion title = "My Accordion" title_tag = "h3"] Мой контент [/ lightweight-accordion] Если вы хотите включить схему часто задаваемых вопросов, вы можете добавить опцию схемы и установить ее как faq. [lightweight-accordion title = "Каковы ваши правила возврата?" schema = "faq"] У вас есть 1 неделя, чтобы вернуть свои товары [/ lightweight-accordion] Если вы хотите поставить рамку вокруг содержимого аккордеона, вы можете использовать атрибут «Bordered». [lightweight-accordion title = "Bordered Content" bordered = true] Мое содержимое [/ lightweight-accordion] Параметры шорткода Вот полный список параметров шорткода. Кроме того, все эти параметры доступны при использовании блока Гутенберга. title (Обязательное значение по умолчанию: null) Название вашего аккордеона будет отображаться вверху, чтобы пользователи могли щелкнуть его. Хорошим примером может быть включение вопроса пользователя, чтобы он мог щелкнуть по нему для получения более подробной информации. content (Обязательное значение по умолчанию: null) Контент, который войдет в ваш элемент аккордеона. title_tag (по умолчанию: «span»). Устанавливает тег html, который обертывает заголовок в сводке аккордеона. Полезно, если вы хотите сделать его тегом заголовка для целей SEO. accordion_open (По умолчанию: false) Установите значение true, если вы хотите, чтобы ваш аккордеон был открыт по умолчанию. Bordered (По умолчанию: false) Установите значение true, если вы хотите, чтобы вокруг содержимого аккордеона была рамка. title_text_color (По умолчанию: false) Установите шестнадцатеричное значение или цвет CSS, чтобы изменить цвет текста заголовка аккордеона. title_background (По умолчанию: false) Установите шестнадцатеричное значение или цвет CSS, чтобы изменить цвет текста заголовка аккордеона. schema (по умолчанию: false) Установите для этого параметра значение faq, если вы хотите, чтобы в него была включена схема часто задаваемых вопросов. class (По умолчанию: false) Используется для добавления настраиваемого класса в родительский контейнер аккордеона. anchor (По умолчанию: null) Добавляет значение как идентификатор к div аккордеона как привязку. Дополнительные сведения Если вы хотите удалить «lightweight-accordion.css» из очереди на вашем сайте, воспользуйтесь фильтром ниже. Если вы используете этот фильтр, рекомендуется самостоятельно стилизовать аккордеон. add_filter ('lightweight_accordion_include_frontend_stylesheet', '__return_false'); Если вы хотите убрать «lightweight-accordion / editor-styles.css» из очереди в админке вашего сайта, вы можете использовать фильтр ниже. add_filter ('lightweight_accordion_include_admin_stylesheet', '__return_false'); Если вы хотите убрать обработку шорткодов в контенте аккордеона, вы можете использовать этот фильтр. add_filter ('lightweight_accordion_process_shortcodes', '__return_false'); Если вы хотите использовать встроенные микроданные для схемы часто задаваемых вопросов, вы можете использовать этот фильтр. add_filter ('lightweight_accordion_output_microdata', '__return_true');
Автор: Andy Feliciotti
Версия: 1.5.7
Последнее обновление: 2021-07-20 2:58pm GMT