你想在页面上添加手风琴图像吗 Elementor ?

这很棒,因为图片手风琴可以让您更有创意地显示图片。 很遗憾, Elementor 没有允许您将手风琴式图片元素添加到页面或模板的默认小部件。

如果您真的想添加图片手风琴,您可以安装一个插件或带有图片手风琴小部件的插件。 您可以安装的附加组件之一是 JetTabs.

JetTabs 是一个附加组件 Elementor 家庭成员 JetPlugins,一组由 Crocoblock 开发的 Elementor 附加组件。 JetTabs 带有四个小部件:Swicther、Tabs、Image Accordion 和 Classic Accordion。

如何使用 JetTabs 在 Elementor 中添加图片手风琴

在开始之前,请确保您已安装并激活 JetTabs 插件。 您每年只需 23 美元即可获得此附加组件。 或者,您也可以通过 Jupiter X 或 Monstroid2 主题包一次性购买 JetTabs。

另请参阅: 如何在 Elementor 中创建单页导航菜单

准备好后,创建一个新页面(Pages -> Add New)或一个新帖子(Posts-> Add)并使用 Elementor 进行编辑。 当然,您也可以编辑现有页面或帖子。

在 Elementor 编辑器中,将 Image Accordion 小部件从小部件面板拖动到编辑区域。

将图像手风琴添加到 Elementor 页面

添加 Image Accordion 小部件后,转到左侧面板对其进行自定义。 默认情况下,手风琴由三个元素组成。 要向每个元素添加图像,只需在元素块下打开一个元素,然后单击图像选择器。 您还可以设置项目的标题、描述和按钮链接。

将图像手风琴添加到 Elementor 页面

对其他项目重复上述步骤。 要向手风琴添加新元素,只需单击按钮 新增项目.

将图像手风琴添加到 Elementor 页面

打开块 个人设置 标签下 包装内容 设置方向(垂直或水平)、活动元素大小、动画持续时间和缓动效果样式。

手风琴风格化

要为您的手风琴设计样式,您可以访问选项卡 样式 在左侧面板中。 您可以打开 7 个块来设置手风琴样式。 在第一个块(容器块)中,您可以设置手风琴高度、背景颜色、边框半径和阴影。

将图像手风琴添加到 Elementor 页面

在 Item 块中,您可以设置项目之间的间距、项目背景颜色、项目边框半径和项目框阴影。

将图像手风琴添加到 Elementor 页面

您可以玩其他 5 个积木来创建其他样式选项。 完成后,单击按钮 发布/更新你的页面。

瞧。

立即获取 Elementor Pro !!!

结论

这里 ! 这就是本文向您展示的方法 将图像手风琴添加到 Elementor 页面. 如果您对如何到达那里有任何疑问,请在内部告诉我们 评论.

但是,您也可以咨询 我们的资源,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

但与此同时, 在您不同的社交网络上分享此文章.

...