Супер аккордеон HTML CSS3 плагин WordPress Accordion

Привет! Сегодня я покажу вам Супер полезный плагин WordPress! Вы сможете очень просто и быстро создавать Стильные аккордеоны. Можно создать один спойлер, а можно создать связку спойлеров, это и есть аккордеон. Внутрь спойлера можно добавлять любой контент с помощью визуального редактора WordPress. Можно настроить внешний вид аккордеона, выбрать цвета, размер и т.д. Есть 5 готовых стилей. Очень простой и полезный плагин!

 

аккордеон WordPress


спойлер WordPress


аккордеон-1


аккордеон-2


аккордеон-3


аккордеон-4

 

Установить плагин Accordion вы сможете прямо из админ-панели WordPress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, установите и активируйте найденный плагин.

 

Accordion WordPress

 

Далее, после установки и активации плагина, перейдите на страницу: Accordion. Здесь будут отображаться все созданные аккордеоны. Чтобы создать новый, нажмите вверху на кнопку Add New Accordion.

 

настройки плагина

 

Далее, на странице создания укажите название нового аккордеона. Чтобы добавить спойлер в аккордеон, нажмите на кнопку Add New Item. В настройках вы можете:

 

 — Accordion Themes, можно выбрать готовый стиль.

 — Title BG Color, цвет фона спойлера.

 — Title Font Color, цвет заголовка спойлера.

 — Title Font Size, размер заголовка.

 — Content BG Color, цвет фона содержания.

 — Content Font Color, цвет текста содержания.

 — Content Font Size, размер текста содержания.

 — Content Padding, размер отступа.

Сохраните настройки.

 

настройки аккордеона

 

Далее, внутрь каждого спойлера вы можете добавить любой контент, текст, фото, видео, форму и т.д. Для каждого спойлера укажите свой заголовок. Чтобы создать несколько вкладок внутри аккордеона, жмите на кнопку Add New Item.

 

содержание визуальный редактор

 

Нажмите на вкладку SHORTCODE, чтобы скопировать шорткод или php код для вставки аккордеона на страницу, запись, виджет или php файлы темы.

 

шорткод php код

 

Самый простой вариант, вставить шорткод в содержание записи или страницы.

 

страница шорткод

 

Всё готово! На сайте будет отображаться готовый аккордеон, как показано на скриншотах в начале записи!

 

 — Супер плагины WordPress, более 500, смотри Здесь!

 

Оцените статью