Легко Создайте свой сайт сегодня!

ELEMENTOR — самый простой в мире конструктор блогов!

останавливаться трата времени и много денег платить разработчику, когда вы можете Легко создайте свой веб-сайт или блог WordPress с профессиональным дизайном всего несколько минут ! Никаких технических знаний не требуется.

Вы хотите добавить аккордеон изображений на страницу Факир ?

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

Если вы действительно хотите добавить аккордеон с изображением, вы можете установить дополнение или дополнение, которое поставляется с виджетом аккордеона с изображением. Одно из дополнений, которые вы можете установить, это JetTabs.

JetTabs — член семейства надстроек Elementor. JetPlugins, набор надстроек Elementor, разработанный Crocoblock. JetTabs поставляется с четырьмя виджетами: Swicther, Tabs, Image Accordion и Classic Accordion.

Как добавить картинку-аккордеон в Elementor с помощью JetTabs

Прежде чем начать, убедитесь, что вы установили и активировали надстройку JetTabs. Вы можете получить это дополнение всего за 23 доллара в год. Кроме того, вы также можете получить JetTabs с опцией единовременной покупки через пакет темы Юпитер X или Monstroid2.

Читайте также: Как создать одностраничное меню навигации в Elementor

Когда вы будете готовы, создайте новую страницу (Страницы -> Добавить новую) или новый пост (Сообщения -> Добавить) и отредактируйте его с помощью Elementor. Конечно, вы также можете отредактировать существующую страницу или сообщение.

В редакторе Elementor перетащите виджет «Аккордеон изображения» с панели виджетов в область редактирования.

добавить аккордеон изображения на страницу Elementor

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

добавить аккордеон изображения на страницу Elementor

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

добавить аккордеон изображения на страницу Elementor

Откройте блок Настройки под вкладкой Содержание чтобы установить ориентацию (вертикальную или горизонтальную), размер активного элемента, продолжительность анимации и стиль эффекта плавности.

Аккордеонная стилизация

Чтобы стилизовать свой аккордеон, вы можете получить доступ к вкладке Стиль на левой панели. Есть 7 блоков, которые вы можете открыть, чтобы стилизовать аккордеон. В первом блоке (блок «Контейнер») вы можете установить высоту гармошки, цвет фона, радиус границы и тень.

добавить аккордеон изображения на страницу Elementor

В блоке «Элемент» вы можете установить расстояние между элементами, цвет фона элемента, радиус границы элемента и тень окна элемента.

добавить аккордеон изображения на страницу Elementor

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

Вуаля.

Получить Elementor Pro сейчас !!!

Заключение

Здесь ! В этой статье рассказывается, как добавить аккордеон изображения на страницу Elementor. Если у вас есть какие-либо опасения по поводу того, как туда добраться, сообщите нам об этом в течение Комментарии.

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

Но тем временем поделитесь этой статьей в разных социальных сетях.

...

%d блоггеры, как этой странице: