7 лучших плагинов WordPress Accordion Block 2022 (в основном бесплатных)

Вы ищете лучшие плагины для блоков аккордеона WordPress ? Если да, то вы попали в нужное место.

Аккордеон WordPress помогает улучшить пользовательский опыт посетителей вашего сайта. Аккордеон помогает легко и быстро прочитать любой пост благодаря раскладывающейся вкладке . Таким образом, посетители вашего веб-сайта легко и без проблем найдут ваш контент . Что приводит к более низкому показателю отказов .

Тем не менее, существует множество плагинов WordPress для блоков аккордеонов с удивительными функциями, и выбор одного из них может стать проблемой. Поэтому мы отобрали лучшие плагины для блоков аккордеона WordPress, доступные на рынке. Лучше всего то, что большинство из них бесплатны.

Без лишних слов, давайте начнем!

Зачем вам нужен аккордеонный блок?

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

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

Еще несколько вариантов использования блока аккордеона на веб-сайте WordPress:

• Для улучшения взаимодействия с пользователем за счет интерактивной доставки текстового содержимого.
• Упростите свой блог и сделайте его читабельным , сократив объемный текст и длинные блоги.
• Аккордеонные блоки улучшают качество чтения на устройствах с маленьким экраном .
• Кроме того, блоки-аккордеоны являются хорошей альтернативой ссылкам на странице .
• Кроме того, блоки-аккордеоны полезны, когда вам нужно классифицировать по вложенным элементам .

Итак, если вы хотите свести к минимуму длину содержимого вашего веб-сайта, вы можете использовать блок аккордеона. Теперь давайте проверим список из 7 лучших плагинов WordPress для блоков аккордеонов на 2022 год.

Итак, давайте двигаться дальше!

7 лучших плагинов WordPress Accordion Block 2022

Здесь мы отобрали некоторые из лучших плагинов для блоков аккордеона WordPress на 2022 год. Он включает полное описание, функции, цены и процесс сборки каждого из них. Итак, внимательно изучите их и выберите тот, который подходит именно вам.

1. Аккордеонные блоки — плагин WordPress

Accordion Blocks — это интуитивно понятный плагин, который позволяет добавлять блоки Гутенберга на ваш сайт WordPress. Кроме того, вы можете создавать и публиковать блоки аккордеона вместе с заголовками HTML. Кроме того, вы можете редактировать аккордеоны с помощью пользовательских HTML и CSS для более глубокой настройки.

Ключевая особенность:

• Вы можете включить автоматическое закрытие текущего элемента аккордеона при открытии другого элемента.
• Кроме того, вы можете вкладывать элементы аккордеона по мере необходимости.
• Элементы аккордеона поддерживают пользовательские стили блоков с помощью wp.blocks.registerBlockStyle.
• Кроме того, вы можете открыть любые элементы аккордеона по умолчанию.
• Кроме того, вы можете установить значения по умолчанию для новых элементов или установить определенные функции аккордеона.

Создание Аккордеона:

Теперь, чтобы использовать этот плагин, вы можете просто найти его на панели управления WordPress. Затем установите и активируйте плагин. После этого перейдите к своему сообщению, нажмите кнопку «+» в правом верхнем углу и выберите « Элементы-аккордеоны ». Блок аккордеона появится в вашем посте, как показано на изображении ниже.

Кроме того, он поставляется с множеством параметров настройки, таких как закрытие по щелчку , автоматическое закрытие , открытие по умолчанию и т. д. Вы также можете установить смещение пикселя прокрутки.

Если вы хотите получить четкое представление, вы можете прочитать нашу статью о том, как установить плагин WordPress.

Цены:

Этот плагин можно использовать бесплатно . Вы можете скачать этот плагин из официального репозитория плагинов WordPress.org. Или установите плагин прямо на панель управления WordPress.

2. Штабелируемый

Stackable — еще один популярный плагин, совместимый с редактором блокировок WordPress, который позволяет добавлять потрясающие складные блоки-аккордеоны. Таким образом, вы можете легко публиковать текстовые часто задаваемые вопросы или другой контент на своем веб-сайте. Кроме того, есть 5 различных стилей аккордеона на выбор.

Ключевая особенность:

• Вы можете добавить эффекты движения в элементы аккордеона для потрясающего опыта.
• Элементы аккордеона полностью адаптируются к экранам всех размеров.
• Кроме того, вы можете добавить пользовательский CSS к элементам для настройки.
• Возможность добавлять элементы SVG в виде значков.
• Кроме того, вы можете выбрать один из готовых элементов, чтобы ускорить разработку вашего веб-сайта.

Создание Аккордеона:

Вы можете загрузить этот плагин, полученный с WordPress.org, на свою панель управления, а затем установить и активировать его. Теперь перейдите к своему сообщению и выберите аккордеон из Stackable, нажав «+» в правом верхнем углу. Блок аккордеона будет отображаться в вашем сообщении, и вы можете выбрать макет, например, по умолчанию, простой и т. д., чтобы начать. Здесь мы выбираем макет по умолчанию .

После этого вы можете начать с добавления заголовка, например, «Новый блок», и добавить описание к своему заголовку. При наращивании у вас будет 3 варианта настройки: «Блок», «Стиль» и «Дополнительно». Вы можете настроить все: типографику , цвет , фон , заголовок , положение блока и т. д.

Цены:

Stackable — это бесплатный плагин, и вы можете загрузить бесплатную версию плагина из официального репозитория плагинов на WordPress.org.

Однако доступна премиум-версия Stackable. Вы можете выбрать любой из 4-х тарифных планов:

• Личный: 49 долларов в год за один веб-сайт.
• Бизнес: 99 долларов в год за три сайта.
• Агентство: $149 в год для неограниченного количества сайтов.
• Срок действия агентства: единовременная стоимость 499 долларов США.

3. Расширенный аккордеонный блок Гутенберга

Advanced Accordion Gutenberg Block — это минимальный и быстрый аккордеонный плагин для вашего сайта WordPress. Также вы можете выбрать один из 3 типов блоков аккордеона, групповой, раздельный и одиночный. Кроме того, вы можете стилизовать элементы аккордеона с помощью настраиваемых полей, отступов, цветов фона и т. д.

Ключевая особенность:

• Этот плагин хорошо оптимизирован и работает с молниеносной скоростью.
• Он также поддерживает все типы контента, такие как текст, изображения и т. д.
• Элементы аккордеона оптимизированы для SEO, помогая вашему сайту повышаться в рейтинге.
• Кроме того, вы можете добавлять неограниченное количество часто задаваемых вопросов на свой веб-сайт.
• Кроме того, вы также можете добавлять неограниченное количество вложенных аккордеонов.

Создание Аккордеона:

Его легко найти в панели управления WordPress. Итак, перейдите в меню плагинов и найдите Advanced Accordion Gutenberg . Затем установите и активируйте плагин. После этого перейдите к своему сообщению и нажмите кнопку «+» . После этого у вас будет 2 варианта: « отдельный блок» и «групповой блок», выберите один. Здесь мы выбрали опцию отдельного блока .

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

Цены:

Это бесплатный плагин для WordPress. Вы можете скачать этот плагин из официального репозитория плагинов WordPress.org. Его легко установить с панели управления WordPress.

4. Основные блоки для Гутенберга

Essential Blocks for Gutenberg — популярный аккордеонный плагин WordPress. Кроме того, этот плагин позволяет добавлять красивые аккордеоны в любом месте вашего сайта. Кроме того, эти элементы аккордеона интерактивны и имеют возможность включить значок переключения.

Ключевая особенность:

• Выберите значки для вашего элемента аккордеона из списка значков.
• Вы можете настроить цвет фона элемента аккордеона.
• Возможность настроить семейство шрифтов содержимого аккордеона.
• Кроме того, вы можете изменить скорость переключения анимации элемента аккордеона.
• Кроме того, элементы аккордеона отзывчивы и подходят для всех размеров экрана.

Создание Аккордеона:

Для начала загрузите плагин с WordPress.org и загрузите его на панель инструментов WordPress. Или напрямую установите и активируйте его. Теперь откройте или создайте новый пост, нажмите кнопку «+» и выберите аккордеон из основных блоков. Блок аккордеона появится в вашем посте, и теперь вы можете редактировать блок по своему усмотрению.

Когда дело доходит до настройки, у нее есть 3 варианта: «общий», «стиль» и «расширенный». Здесь вы можете управлять скоростью переключения, зазорами аккордеона, значками и т. Д. Вы также можете изменить тип фона, цвет и изображение.

Цены:

Essential Blocks for Gutenberg — это бесплатный плагин. Вы можете скачать плагин из официального репозитория плагинов WordPress.org.

5. Конечные блоки

Ultimate Blocks — это удобный плагин для блоков WordPress Gutenberg, который помогает вам добавлять элементы аккордеона на ваш сайт блога. Вы можете добавлять контент в аккордеоны, что поможет вашему посетителю читать без длинных текстов.

Ключевая особенность:

• Этот плагин поможет вам легко создавать вложенные элементы аккордеона.
• Кроме того, вы можете настроить контейнер и цвет заголовка элемента аккордеона.
• Кроме того, вы можете установить начальное состояние как свернутое или не свернутое.
• Кроме того, у вас будет возможность включить схему часто задаваемых вопросов для элементов.
• Это позволяет вам установить значок переключения на левой или правой стороне аккордеона.

Создание Аккордеона:

Вы можете легко найти и установить плагин с панели управления WordPress. После активации плагина перейдите к существующему посту или создайте новый. Теперь нажмите значок «+» в правом верхнем углу вашего сообщения, чтобы добавить переключение контента из конечных блоков.

После этого вы можете приступить к редактированию своего блока, добавив заголовок и создав столько переключателей контента, сколько захотите. Когда дело доходит до настройки, вы можете изменить цвет вкладки, местоположение, значок и многое другое.

Цены:

Этот плагин можно использовать на 100% бесплатно . Вы можете скачать этот плагин из официального репозитория плагинов WordPress.org.

6. Блоки Гутенберга от Kadence Blocks

Если вы хотите создать потрясающий веб-сайт WordPress с аккордеонами, то Gutenberg Blocks от Kadence — это то, что вам нужно. Этот плагин поставляется с множеством уникальных блоков, включая блок аккордеона. Используя это, вы можете создавать красивый контент, который обеспечивает отличный пользовательский опыт.

Ключевая особенность:

• Вы можете выбрать один из 4 готовых дизайнов аккордеона.
• Кроме того, у вас будет контроль над фоном и параметрами цвета.
• Он также поставляется с возможностью включения схемы часто задаваемых вопросов.
• Кроме того, вы можете добавить пользовательские HTML и CSS к элементам аккордеона.
• Это позволяет вам выбирать из 4 пар переключателей для элементов аккордеона.

Создание Аккордеона:

Вы можете легко установить и активировать этот плагин из меню « Плагины » на панели управления WordPress. Чтобы добавить вкладку аккордеона в свой пост, сначала перейдите в свой пост, нажмите значок «+» и выберите аккордеон из блоков Kadence . После этого у вас будет возможность выбрать стиль аккордеона или просто пропустить. Здесь мы выберем второй вариант.

После этого вы можете начать настройку, начиная с заголовка блока. Вы также можете добавить больше аккордеонов, если это необходимо для вашего поста. У вас будет возможность выбрать значок заголовка из линейных или сплошных значков . Кроме того, решите, где разместить значок заголовка в блоке и многое другое.

Цены:

Это бесплатный плагин , и вы можете загрузить бесплатную версию плагина из официального репозитория плагинов на WordPress.org.

Однако вы можете приобрести премиум-версию плагина на его официальном сайте. Вы можете выбрать любой из 3 вариантов годовой подписки.

• Kadence Blocks Pro: за 89 долларов в год вы можете использовать все блоки на неограниченном количестве сайтов с 1 годом поддержки и обновлений.
• Essential Bundle: за 149 долларов в год вы можете использовать пакет Kadence Blocks Pro, Kadence Theme Pro и Pro Starter Templates на неограниченном количестве сайтов с 1 годом поддержки и обновлений.
• Полный пакет: за 219 долларов США в год вы получите функции Essential Bundle с Kadence Cloud, Kadence AMP и т. д. на неограниченном количестве сайтов с 1 годом поддержки и обновлений.

7. Получить вид

Если вы ищете коллекцию блоков Гутенберга, то Getwid — это то, что вам нужно. Он поставляется с более чем 40 блоками Гутенберга, включая блок аккордеона. Используя этот блок, вы можете использовать вкладки-аккордеоны для создания разделов FAQ. Кроме того, вы можете классифицировать информацию в часто задаваемых вопросах с блоками Гутенберга.

Ключевая особенность:

• Заголовок полностью настраиваемый.
• Вы можете добавить контент внутрь аккордеона с помощью блока Гутенберга.
• Кроме того, он обеспечивает настраиваемое выравнивание значков для вкладок аккордеона.
• Также доступен блок переключателей , добавляющий вручную расширяемые и сворачиваемые переключатели для раздела часто задаваемых вопросов.

Создание Аккордеона:

Вы можете загрузить, установить и активировать этот плагин с панели управления WordPress после загрузки плагина с WordPress.org. Затем нажмите на значок «+» в редакторе сообщений и нажмите «Аккордеон» в блоках Getwid .

Далее необходимо указать количество элементов гармошки и нажать кнопку «создать» . Или вы можете использовать количество элементов аккордеона по умолчанию, равное «3» .

Теперь вы можете начать с добавления плитки на вкладку аккордеона. Кроме того, этот плагин позволяет настроить стиль значка и его положение.

Цены:

Getwid — это бесплатный блочный плагин WordPress, доступный в официальном репозитории WordPress.org. Вы также можете бесплатно скачать этот плагин с официального сайта.

Вывод

Вот и все, народ! Мы подошли к концу этой статьи.

Здесь мы обсудили 7 лучших плагинов аккордеонных блоков WordPress , их функции, цены и процесс их создания.

Среди перечисленных выше плагинов мы хотели бы порекомендовать вам плагин Stackable. Это потому, что он позволяет вам создать потрясающий аккордеон с множеством вариантов стиля. Кроме того, этот плагин предлагает функции, необходимые для создания потрясающего веб-сайта.

Мы надеемся, что это поможет вам выбрать лучший плагин блока аккордеона WordPress для вашего сайта. Если вы используете какой-либо из этих плагинов, поделитесь своим опытом в разделе комментариев ниже.

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

Вам также может понравиться наша статья о лучших блочных плагинах Gutenberg и шаблонах блоков WordPress — как их использовать для дизайна вашей страницы.

Не забудьте подписаться на нас в Facebook и Twitter, чтобы получать больше полезных статей.