2022 年插件前后 7 个最佳 WordPress(免费和付费)

已发表: 2022-06-05

您如何找到最好的之前和之后的 WordPress 插件以将您的网站提升到一个新的水平?

在这里,您将找到适用于 WordPress 的最佳之前和之后插件,以及最佳选项、功能和设置。 最好的 WordPress 插件也适合移动设备并优化了速度,您可以将它们与 WordPress 上的所有流行主题一起使用。

以下 WordPress 插件是专门为之前和之后创建的。 它们还涉及 Display Photos Before and After、Divi Before and After Slider、Elementor Before and After Slider、WordPress Image Compare Plugin、Before After Image Comparison 和其他相关插件。

WordPress 插件之前和之后的最佳选择

  1. 插件前后
  2. Divi插件之前+之后
  3. Elementor 插件之前 之后
  4. Ultimate Before After Image Slider & Gallery – BEAF Plugin
  5. 图像比较块插件
  6. Twenty20 插件
  7. BA Plus – 前后图像滑块插件

以下是 2022 年前后最好的 WordPress:

插件前后

WordPress 插件的 Elementor 小部件、模板和块

插件之前和之后 - WordPress 插件的 Elementor 小部件、模板和块
  • 下载之前和之后

您可以使用之前和之后插件直接在 WordPress 网站上查看编辑结果。 它适用于 WooCommerce、Gutenberg、Divi 和其他流行的页面构建器。

使用产品插件的不同版本在一个步骤中检查已创建的产品的所有不同版本。

您可能需要考虑将网站的前后效果放入滑块中。 这将使访问者在了解其设计用于处理响应式设计并具有直观的用户界面时感到积极。

Ultimate Addons 是任何努力建立一个与众不同的网站的人的完美解决方案。

这个不断增长的真正独特和创造性的 Elementor 小部件库非常适合快速轻松地构建您的网站无论您是设计师还是自己动手做的人,您都将提高您的生产力并有效地管理您的项目。

当您从 100 多个专业设计的模板中进行选择时,该网站使您能够在不到 3 小时内创建一个专业的网站。 更好的是,您可以自定义模板的每个细节以满足您的品味和要求。

对于网页设计师来说,跨站点复制和粘贴提供了一个重要的节省时间的机会。 使用跨站点复制和粘贴在多个域中重复使用您的站点设计。 只需在域之间复制和粘贴您的网站部分、页面和小部件。

Before And After 是一个价格为 59.00 美元的渐进式插件。

主要特征:

  • 为标签选择所需的任何颜色、字体、位置和样式
  • 通过对小部件设置进行一些调整,您可以在必要时打开和关闭滑块
  • 幻灯片样式可以根据您的喜好应用
  • 可以向页面添加多个滑块
  • 根据需求,可以应用水平和垂直布局

随机评论:

    价格:59.00 美元
    最后更新:2021-04-28

    Divi插件之前+之后

    在 Divi 插件中创建前后图像滑块

    Divi 插件之前 + 之后 - 在 Divi 插件中创建前后图像滑块
    • 下载Divi之前+之后

    有一个新的 Divi Builder 功能,为 Divi 注入了 Before + After,可以轻松创建简单但合成的前后图像。

    最小的响应式主题专门设计用于 Divi Builder 插件和主题,如优雅主题 Divi,以及其他主题。

    此 Divi 插件旨在与 Visual Builder 一起使用,并使您可以在 Divi 模块中选择图像的大小。 图像必须具有相似的尺寸,并且必须符合尺寸集。 提供专家客户支持。

    此插件是将前后图像滑块集成到您的网站的最佳方法之一。 该插件的独特之处在于您可以同时比较两个以上的图像,并且在任何给定的网页上都有无限数量的滑块。

    如果您希望在您的 WordPress 网站中使用 Divi Before and After Slider 功能,您只需将此插件添加到您的网站,以便在拍摄前后进行比较。

    此外,Divi Editor 工具提供了多种其他功能,例如响应页面变化的能力、悬停效果、垂直和水平样式比较、与 Divi Builder 的集成以及简码生成器。

    现在您可以免费下载并安装它。

    主要特征:

    • 延迟加载插件与此插件兼容,但不支持滑块图像
    • 可以将程序与 Visual Builder 一起使用
    • 将每个图像与大约相同数量的其他图像进行比较
    • 可以裁剪图像并选择所需的图像尺寸
    • 光标向下移动时自动移动滑动条

    随机评论:

    • 非常适合迪维!
      2020年 9 月
    • 我们感谢您的插件,您应该得到五颗星。 请考虑添加更多功能!
      tinyCoder 2019 年 3 月

    截屏:

    价格:免费
    评分:5星
    活跃安装:4,000+
    最后更新时间:2020 年 6 月 5 日

    Elementor 插件之前 之后

    Elementor 的前后图像比较滑块之前

    Elementor 插件之前的之后 - Elementor 的之前之后的图像比较滑块
    • 为 Elementor 下载之前之后

    Elementor 的 Before After 允许您比较修改前后的两个图像。 使用这两个插件,您可以在修改后在前端比较两个图像。

    除了允许您轻松添加无限数量的滑块之外,此插件还允许您在任何设备上直接在网络上显示和修改滑块,无论是触摸屏设备还是台式计算机,该插件用户友好且反应灵敏。

    您还可以使用此插件自定义图像大小,以便您可以在滑块中显示您自己创建的图像。

    该插件是最受欢迎的 WP 插件之一,它使您能够在案例研究中提供图像,突出使用的图像与原始图像之间的差异。

    此外,它还具有直观的管理面板、简码以及适合移动设备的简码。 此外,由于在其功能中使用了 Before After Slider Multipurpose Plugin,因此它是高度可定制的。

    此插件可让您轻松地将前后滑块集成到使用 Elementor 构建的网站中。 这将使您能够使用它提供的精彩功能,并帮助您的访问者吸收它提供的信息。

    与其他之前和之后的插件一样,这是一个免费增值的 WordPress 插件。 该插件的专业版提供了各种高级特性和功能,这些特性和功能对于网页设计师来说非常有用和重要。

    该插件的下载和使用是免费的。

    主要特征:

    • 提供卓越的客户服务
    • 几种浏览器与此工具兼容
    • 全球范围内的 CSS 和 JS 自定义
    • 本产品支持所有现代操作系统和网络浏览器

    随机评论:

    • 感谢这个很棒的插件和大力支持,你非常有帮助。 该主题于 1 个月,4 周前由
      2022年 4 月
    • 插件有一个错误导致我的网站崩溃
      2022年 3 月 10 日

    截屏:

    价格:免费
    评分:4.6星
    活跃安装:6,000+
    最后更新时间:2022 年 4 月 4 日

    Ultimate Before After Image Slider & Gallery – BEAF Plugin

    图像比较滑块或画廊 WordPress 插件之前的美丽之前

    Ultimate Before After Image Slider & Gallery – BEAF Plugin - Beautiful Before After Image Comparison Slider or Gallery WordPress Plugin
    • 下载精简版
    • 下载专业版

    通过安装 Ultimate Before After Image Slider & Gallery-BEAF,您将可以访问示例性画廊和滑块,用于在您的网站上显示前后图像。 使用此插件,您将能够在您的网站上免费创建多个画廊和滑块。

    除此之外,您还可以选择一个高级帐户继续使用BEAF的高级功能。

    BEAF 让您可以灵活地为您的画廊或滑块选择任何图像。 它与 WP Bakery、Elementor、Beaver、Divi 和 Gutenberg 等知名页面构建器很好地集成。

    尽管该应用程序提供了许多出色的免费功能,但您仍然可以利用它们而无需花费大量资金,这要归功于功能面板,这使用户可以轻松添加和删除功能。

    此应用程序不仅允许您在应用标签之前和之后自定义标签,还可以自定义标签的背景和颜色。 此应用程序还提供了水平和垂直的多种布局选项。

    由于该插件的轻量级设计,它不会减慢或干扰您网站的加载。

    如果您购买付费版本,除了通过插件提供的所有免费功能外,您还可以访问高级功能。 这个插件是一个免费增值插件,也有一个专业版。

    这个高级插件售价 12.00 美元,但也可以下载免费版本。

    主要特征:

    • 根据您的喜好,您可以设置高度、宽度和对齐方式
    • 允许选择单个图像和应用效果的滑块
    • 有过滤画廊的可能性
    • “阅读更多”按钮可以根据您的需要进行定制
    • 滑块会在您移动时自动调整
    • 购买专业版的人将可以访问其他布局

    随机评论:

    • 感谢开发人员的快速响应。 我们在网站上使用动态内容和 Elementor。 他们能够快速解决问题并提供客户要求的功能。 我强烈推荐这个插件。
      2022年 4 月
    • 专业版附带了 - 对我来说必不可少的 - 3 图像插件,但我的滑块突然停止出现。 支持人员很快就回答了,结果我下载了旧版本的插件。 它现在可以正常工作了。 我很开心!
      2022年 4 月

    截图和视频:

    价格:12.00 美元
    评分:5星
    活跃安装:10,000+
    最后更新:2022 年 6 月 4 日

    图像比较块插件

    WordPress 的比较图像块创建器插件

    图像比较块插件 - WordPress 的比较图像块创建器插件
    • 下载图像比较块

    为了了解滑块将如何影响您的 WordPress 网站,您可以在集成图像比较块插件之前和之后调整和监控结果。

    这个 WordPress 插件可以快速轻松地比较图像。 它与 Divi、Gutenberg 编辑器、WooCommerce 和许多其他流行的 WordPress 页面构建器兼容。

    您可以使用前后图像比较工具比较您的产品版本。 您可以通过在一个页面上比较同一产品的不同版本来做到这一点。

    使用 WordPress 的图像比较插件,可以以易于理解和比较的格式提供重要信息和比较,同时还为您的用户提供查看信息的便捷方法。

    直观的界面和简单的滑块可让您在访问者访问您的网站之前和之后显示结果。 很容易给人留下好印象,因为它设计精良,姿势简单,而且直观的界面可以在任何设备上完美运行。

    此外,该插件允许您添加图像而无需担心其大小或主题图像的大小。 此外,该插件允许您在编辑时查看滑块在您的网站上的显示方式。

    借助此工具,您可以在您的网站上创建无限数量的滑块,这将使其看起来更具视觉吸引力和功能性,从而提高您网站的知名度。

    这个插件是免费的。 您可以下载并免费使用它。

    主要特征:

    • 提供对所有现代 Web 浏览器和设备的支持
    • 在单个页面上,可以创建无限数量的滑块
    • 背景可以自定义
    • 可以通过多种方式自定义文本
    • 不同的方向取决于上下文
    • 兼容所有浏览器和平台

    随机评论:

    • 正如标题中所说,这个插件效果很好,并且完全符合它的预期。 我想知道当 WordPress 的新更新出现时,支持是否会很好。 当 WordPress 更新并且插件停止工作时,它会被维护吗? 现在它就像一个魅力,但很想听听未来的更新计划。
      2021年 4 月

    价格:免费
    评分:5星
    活跃安装:900+
    最后更新时间:2021 年 9 月 30 日

    Twenty20 插件

    用于前后图像比较的 2020 脚本的 WordPress 插件

    Twenty20 Plugin - 用于前后图像比较的 Twentytwenty 脚本的 WordPress 插件
    • 下载 Twenty20

    除了作为一个流行的插件之外,Twenty20 还具有一个非常简单的界面,适合学习目的,包括简单的短代码和小部件中的抽屉,可以水平和垂直。

    通过使用前后滑块插件,您可以在两个相似大小的图像之间快速切换。 这有助于更好地表现响应式主题。

    作为一个易于使用的工具,它还将被证明对那些刚接触 WordPress 的人有很大帮助,因为它允许用户快速轻松地将短代码添加到小部件以及水平和垂直的滑块。 文本编辑器按钮也允许您向小部件添加滑块。

    WP Bakery、UX Builder 和 Visual Composer 都已更新以支持几个流行的页面构建器。

    除了增加水平、垂直和从左到右比较两张图片的功能外,它还提供水平或垂直比较两张图片的选项,以及在幻灯片比较屏幕上比较两张图片的结果。

    滑块可以一键轻松插入帖子文本编辑器,您还可以快速调整图片大小。 还提供出色的客户服务。

    这个插件的使用是免费的。 免费下载。

    主要特征:

    • 用于垂直和水平定位的滑块
    • 简单明了,用户界面也适合初学者
    • 通过单击文本编辑器按钮,您可以添加一个滑块
    • 此插件可以使用各种类型的短代码来执行各种类型的操作

    随机评论:

    • 我强烈推荐给摄影师、照片修图师和编辑这个插件。 易于安装和实施,最近由于与另一个插件冲突而停止工作。 支持非常好,开发人员立即解决了这个问题。
      boraboraphotovideo 2022 年 3 月

    截图和视频:

    价格:免费
    评分:4.1星
    活跃安装:30,000+
    最后更新时间:2022 年 3 月 4 日

    BA Plus – 前后图像滑块插件

    图像幻灯片选项 WordPress 插件

    BA Plus – 前后图像滑块插件 - 图像幻灯片选项 WordPress 插件
    • 下载精简版
    • 下载专业版

    使用 BA Plus – Before & After Image Slider 插件,您将能够定义您上传的图像的 alt 属性,从而产生一个 SEO 优化的网站 此插件已在最新 WordPress 的最新 WordPress 版本上成功测试服务器。

    此外,该插件有一个精简版,其中包括对短代码的充分支持,并提供出色的显示和开发功能。 此外,该插件还有一个包含附加功能的专业版。

    该插件使您能够在网站重新设计之前和之后显示照片,以便您可以在网站内部和外部进行比较。 该插件对于希望在两个网站之间进行比较的用户非常有用。

    除了可以选择使用覆盖模式外,您还可以定义属性,例如左侧和右侧的 alt 值,并很容易地创建简码。

    它允许您使用功能性简码轻松比较两个图像。 这是显示结果前后差异的理想工具,例如化妆、重新设计、摄影、网站甚至地标。

    通过主题辅助样式,主题在任何屏幕尺寸上看起来都不错。 该插件提供直观的用户界面,还允许您沿对角线方向划分屏幕。

    在高级版中,插件是收费的,而精简版是免费的。

    主要特征:

    • 定制器允许您导入和导出数据
    • 滑块的初始位置可以由您的代码确定
    • 可以在两个或多个图像之间进行比较
    • 可以更改幻灯片的持续时间
    • 将滑块导出到静态 HTML 页面可以通过 Slider to HTML 完成
    • 每当您移动光标时,该栏会自动向下滑动
    • 在移动设备上,轻扫和轻击既快速又简单

    随机评论:

    • 这个插件让我可以拖动滑块来调整它在预览中的位置。 容易配置吗? 查看。 它与任何主题完美兼容? 查看。 它很容易用 CSS 设置样式? 查看。 最后一项尤为重要。 没有通过 javascript 进行 hacky 大小调整。 当浏览器尺寸发生变化时,此滑块会优雅地调整到新的屏幕尺寸。 非常感谢。
      stephanextragroup 2021 年 10 月
    • 所描述的所有数据都一一实现了它们,为这个模型提供了我以前从未见过的各种视图。 我见过很多插件,这是我见过的最好的。
      2020年 12 月8 日

    截屏:

    价格:15.00 美元
    评分:4.4星
    活跃安装:2,000+
    最后更新时间:2020 年 6 月 5 日

    最后,让我们声明

    总之,使用所有这些最好的之前和之后的 WordPress 插件,您可以使用现成的插件在不到 24 小时内制作一个外观精美的网站。

    推荐:通过定期发布关于最佳 WordPress 博客主题和博客最佳 WordPress 插件的文章,我们收到了观众的投票、推荐和分享。

    感谢您阅读本文。 希望你觉得它有用。

    在评论部分,请告诉我您是否知道之前和之后的任何其他插件。 如果您喜欢这篇文章,请在 Facebook 和 Twitter 上分享。