介绍 Flip Box 和其他 3 个新的专业功能

交互设计现在风靡一时。 在 Elementor 中，我们一直致力于为您提供广泛的功能，为您的网站增加交互性。 悬停和入口动画、轮播、幻灯片和切换只是涉及访问者交互的小部件的几个示例。 现在，出现了一个新的小部件，它增加了另一个级别的交互性——翻转框小部件。

忘掉你认为你知道的关于翻转盒的一切。 Elementor Pro 的 Flipbox 为您提供了更多设计可能性，您将在下面的示例中看到。

翻转框是当您将鼠标悬停在其上方时会翻转的框。 您可以选择不同的动画，并自定义每个翻转框的外观和行为。 翻转框可以让您的内容更有趣，改善用户体验，还可以让您突出您的业务功能、产品和服务。

使用 Elementor 的新翻转框小部件，您可以获得所有基本的翻转效果，包括翻转、推动、滑动、淡入淡出、放大和缩小。 翻转动画效果无缝工作，没有打嗝或停顿。

您可以为内容框添加迷人的 3D 效果，让它们真正独一无二。 3D 选项适用于所有翻转方向，可用于使您的翻转盒更加突出。

内容可以分别与翻转框的正面和背面的中心、右侧或左侧对齐。 上面的横幅框完全是使用 Flip Box 小部件创建的，并举例说明了将内容向左对齐。

使用不同的边框选项设置翻转框的样式：椭圆形、圆边、矩形、点边或双边。 您可以使用边框来实现独特的盒子设计，如上图所示。

为翻转框添加纯色、渐变色或图像背景。 可以将单独的背景添加到翻转框的每一侧，让您可以选择完全区分两侧。

通过在翻转框内加入图像或图标，使翻转框更丰富。 这可用于创建链接到您的帖子或有趣的团队成员框的视觉和交互式框。 您可以探索各种可能性。

尝试使用翻盖盒来创造更具想象力的设计。 我们试图使这个小部件简单，但更灵活和健壮，以便让您创建复杂的翻转框。

从上到下设计一个博客页面需要多长时间？

今天，我们很高兴向您介绍一个小部件改进，它可以让您在几分钟而不是几小时内获得相同的结果。 通过这种改进，博客设计可以以有趣、生动和直观的方式完成。

Elementor Pro 中最令人惊叹的功能之一是帖子小部件。 无需任何编码即可直观地设计博客页面的能力是真正的游戏规则改变者。 这个小部件的问题是您仍然无法创建博客砌体布局，并且帖子不包括分页。

现在，我们引入了 Masonry 布局和分页，使 Posts 小部件成为 WordPress 的终极视觉博客制作工具。

您现在可以使用“帖子”小部件在砖石网格中显示您的帖子。 这意味着您可以使用类似 Pinterest 的网格展示您的帖子。 在下一个版本中，我们将向 Portfolio 小部件添加 Masonry 功能。

分页选项使您可以轻松地使用您的博客设计。 您现在可以控制整个博客设计，包括分页元素，例如上一个/下一个样式。

我们还确保我们的分页对 SEO 友好。 就 URL 而言，Elementor 的分页就像常规的 WordPress 分页一样，因此对于创建的每个分页链接，您仍然可以获得相同的 SEO 友好链接。

幻灯片是另一个非常有用的 Pro 功能。 本周，我们将直接从我们的用户请求中为这个小部件添加两个调整。

到目前为止，您有两个选项可以在我们的幻灯片小部件中显示图像：

1. Cover – 此选项使图像“覆盖”整个滑块。 例如，如果加载垂直图像，图像的顶部和底部将被剪切，并且图像将放大显示。
2. 自动 - 此选项显示图像的实际大小。

现在，我们添加了另一种显示模式：包含。 此选项显示包含在幻灯片范围内的图像。 假设您在宽滑块上使用窄图像，窄图像将填充滑块高度的 100%，滑块左侧和右侧将显示背景颜色。

另一方面，如果您在窄滑块上使用宽图像，则宽图像将填充滑块宽度的 100%，滑块的顶部和底部将显示背景颜色。

Ken Burns 效果以美国纪录片人的名字命名，允许您为滑块上显示的静止图像添加平移和缩放效果。

Ken Burns 效果仅适用于 Pro Slides Widget。 您必须将图像添加到特定幻灯片才能显示该选项。

请务必更新 Elementor 和 Elementor Pro插件，以确保所有新功能都能正常工作。

今天添加的功能，Flip box、Masonry、Pagination 和 Ken Burns 效果，都添加到我们已经具有丰富视觉效果的页面构建器中。 我邀请您尝试其中的每一个，并与我们分享您的新页面创作。

如果您还没有升级到 Elementor Pro，这是一个很好的机会，可以探索我们刚刚添加到插件中的新功能。