Вы хотите добавить аккордеон изображений на страницу Elementor ?
Это здорово, потому что аккордеон позволяет отображать изображения более творчески. К сожалению, Elementor не имеет виджета по умолчанию, который позволяет добавлять элемент гармошки изображений на страницу или в шаблон.
Если вы действительно хотите добавить аккордеон с изображением, вы можете установить дополнение или дополнение, которое поставляется с виджетом аккордеона с изображением. Одно из дополнений, которые вы можете установить, это JetTabs.
JetTabs — это дополнение Elementor Член семьи JetPlugins, набор надстроек Elementor, разработанный Crocoblock. JetTabs поставляется с четырьмя виджетами: Swicther, Tabs, Image Accordion и Classic Accordion.
Как добавить картинку-аккордеон в Elementor с помощью JetTabs
Прежде чем начать, убедитесь, что вы установили и активировали надстройку JetTabs. Вы можете получить это дополнение всего за 23 доллара в год. Кроме того, вы также можете получить JetTabs с опцией единовременной покупки через набор тем Jupiter X или Monstroid2.
Читайте также: Как создать одностраничное меню навигации в Elementor
Когда вы будете готовы, создайте новую страницу (Страницы -> Добавить новую) или новый пост (Сообщения -> Добавить) и отредактируйте его с помощью Elementor. Конечно, вы также можете отредактировать существующую страницу или сообщение.
В редакторе Elementor перетащите виджет «Аккордеон изображения» с панели виджетов в область редактирования.
После добавления виджета «Аккордеон изображения» перейдите на левую панель, чтобы настроить его. По умолчанию аккордеон состоит из трех элементов. Чтобы добавить изображение к каждому элементу, просто откройте элемент в блоке «Элементы» и нажмите на средство выбора изображения. Вы также можете установить название элемента, описание и ссылку на кнопку.
Повторите вышеуказанные шаги для других элементов. Чтобы добавить новый элемент в гармошку, достаточно нажать на кнопку Добавить предмет.
Откройте блок Настройки под вкладкой Содержание чтобы установить ориентацию (вертикальную или горизонтальную), размер активного элемента, продолжительность анимации и стиль эффекта плавности.
Аккордеонная стилизация
Чтобы стилизовать свой аккордеон, вы можете получить доступ к вкладке Стиль на левой панели. Есть 7 блоков, которые вы можете открыть, чтобы стилизовать аккордеон. В первом блоке (блок «Контейнер») вы можете установить высоту гармошки, цвет фона, радиус границы и тень.
В блоке «Элемент» вы можете установить расстояние между элементами, цвет фона элемента, радиус границы элемента и тень окна элемента.
Вы можете поиграть с другими 5 блоками, чтобы создать другие варианты стиля. Когда вы закончите, нажмите кнопку публиковать/обновите свою страницу.
Вуаля.
Получить Elementor Pro сейчас !!!
Заключение
Здесь ! В этой статье рассказывается, как добавить аккордеон изображения на страницу Elementor. Если у вас есть какие-либо опасения по поводу того, как туда добраться, сообщите нам об этом в течение Комментарии.
Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Но тем временем поделитесь этой статьей в разных социальных сетях.
...