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 上分享。