[WordPress] 外掛分享： Simple Before After Image Slider

WordPress 外掛 Simple Before After Image Slider 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Simple Before After Image Slider」是 2025-04-10 上架。
  • 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
  • 上一次更新是 2025-04-11，距離現在已有 22 天。
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

rvndojoker |

外掛標籤

photo | slider | before after | photographers | image comparison |

內容簡介

總結：Simple Before After Image Slider 是一款極簡且輕量的外掛，可讓您在 WordPress 網站上的任何位置展示前後比較的圖片。非常適合攝影師展示照片的編輯，設計師比較視覺效果，以及行銷人員突顯轉變。

問題與答案：
1. Simple Before After Image Slider 可以在哪些編輯器上使用？
- 可以在 Gutenberg、Elementor 和 Classic Editor 上使用。

2. 如何使用這個外掛來展示多個比較圖片？
- 僅需將以下 shortcode 插入到任何文章、頁面或小工具中：
[before_after_slider before="URL_BEFORE" after="URL_AFTER"]
若要進行多個比較，可以分別添加不同的 shortcode：
[before_after_slider before="URL1" after="URL2"] [before_after_slider before="URL3" after="URL4"]

3. 這個外掛是由哪家公司開發的？
- 這個外掛是由 ThePresetsRoom 開發，是一個專業照片編輯的中心。

4. 這個外掛使用了哪個開源庫？
- 這個外掛使用了 img-comparison-slider 的開源庫。

5. 這個外掛的授權是什麼？
- 授權為 MIT 授權，並使用了元件的編譯版本。所有榮譽歸原始作者。

原文外掛簡介

Simple Before After Image Slider is a minimalistic and lightweight plugin that allows you to display before/after image comparisons anywhere on your WordPress site. Perfect for photographers showcasing photo edits, designers comparing visuals, and marketers highlighting transformations.
🚀 Key Features:
– Responsive and fast-loading before/after slider.
– Works with Gutenberg, Elementor, and Classic Editor.
– SEO-friendly and lightweight.
– No dependencies – clean, optimized code.
💡 How to Use
Simply insert the following shortcode into any post, page, or widget: [before_after_slider before=”URL_BEFORE” after=”URL_AFTER”]
For multiple comparisons, add separate shortcodes: [before_after_slider before=”URL1″ after=”URL2″] [before_after_slider before=”URL3″ after=”URL4″]
🌟 Powered By:
This plugin is developed by ThePresetsRoom – a hub for professional photo editing.
Dependencies
This plugin uses the open source library img-comparison-slider.

GitHub repository: https://github.com/sneas/img-comparison-slider
Source file used: https://github.com/sneas/img-comparison-slider/blob/master/packages/img-comparison-slider/src/index.ts
License: MIT

The compiled version of the component is used in this plugin. All credit to the original authors.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Simple Before After Image Slider」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 |

延伸相關外掛（你可能也想知道）

  • Firelight Lightbox 》Easy FancyBox WordPress外掛為您的網站提供靈活美觀的光箱解決方案，幾乎適用於網站上的所有媒體連結。Easy FancyBox使用更新的傳統FancyBox jQuery擴展版本...。
  • ACF Photo Gallery Field 》t; 'Status', , 'name' => 'status', , 'choices' => array(, 'public' => 'Public', , 'private' => ...。
  • LightPress Lightbox 》這個外掛讓你保留了超棒的 Lightbox 2功能，卻移除了Prototype框架和Scriptaculous效果庫的大部分體積。, Warren Krewenki將Lightbox移植到了jQuery，而這個...。
  • Image Watermark 》Image Watermark 外掛能讓您自動給 WordPress 媒體庫上傳的圖片打上浮水印，也可大量添加浮水印到之前上傳的圖片之中。, 欲進一步瞭解，請前往dFactory的外掛...。
  • Easy Watermark 》Easy Watermark 可以在圖片上傳到 WordPress 媒體庫時自動加上浮水印。您還可以手動添加浮水印到現有的圖片（全部一次或每個圖片）。浮水印可以是圖像、文字...。
  • WP Photo Album Plus 》此外掛不僅僅是一個相簿外掛，更是一個完整且高度自訂的多媒體內容管理和展示系統。, 特色包括：, , 任意數量的相簿，包含任意類型的多媒體檔案，以及子相簿,...。
  • Advanced Image Styles 》在 WordPress 的可視化編輯器中輕鬆調整圖片的邊界和邊框。。
  • Import External Images 》此外掛會將文章中所有連結的圖片下載到本地並該圖片添加至相簿附件中。, 特色功能, 感謝, 此外掛是基於 http://www.bbqiguana.com/ 的「Add Linked Images to...。
  • WP Paint – WordPress Image Editor 》WP Paint – WordPress Image Editor 是一個基於瀏覽器的 HTML5 影像編輯器，可以用於 WordPress 的媒體圖像。它有一個直觀的界面，與大多數常見的桌面...。
  • WP Colorbox 》WordPress Colorbox 外掛是一個簡單的 Lightbox 工具，適用於 WordPress。它使用受歡迎的 jQuery ColorBox 庫，允許用戶在 Lightbox 中彈出內容。用戶還可以...。
  • Flickr Justified Gallery 》這個外掛讓你可以在部落格中以非常優雅且炫酷的佈局方式，顯示你的 Flickr 照片流、相簿、畫廊、群組池或標籤。, 創建一個具有 Flickr 或 Google+ 相同風格的...。
  • Easy Image Collage 》使用 Easy Image Collage 輕鬆地將響應式圖片拼貼網格添加到您的文章、頁面或任何自定義文章類型中。類似於 Diptic、Pic Jointer 和 Instagram Layouts 等應...。
  • Faster Image Insert 》Faster Image Insert 的目標是執行一項正確的事情：, 將內建的媒體管理器下移至一個元框中，直接放在主編輯面板旁邊，讓您完全掌握管理器：打開它，使它折疊...。
  • Import external attachments 》此外掛會製作文章中所有連結圖片與 PDF 的本機複本，並將它們新增為圖片集附件。, 來源與支援：, https://github.com/ryanpcmcquen/import-external-attachme...。
  • WP-SimpleViewer 》WP-SimpleViewer外掛讓你能夠輕鬆地在WordPress中創建SimpleViewer圖庫。 SimpleViewer是一款免費、可自定義的Flash圖片庫。圖片和說明文字可以從WordPress媒...。

文章
Filter
Apply Filters
Close
Mastodon