[WordPress] 外掛分享： Before After Pictures

前言介紹

  • 這款 WordPress 外掛「Before After Pictures」是 2011-02-15 上架。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2011-02-25，距離現在已有 5181 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 2.9 以上版本才可以安裝。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

host1967 |

外掛標籤

after | before | images | photos | photo effects |

內容簡介

Before After Pictures 外掛整合了 jQuery Before/After Plugin 到 WordPress。它可以用來展示編輯和原始照片的差異，變更前後的照片等。

請查看“其他注意事項”，以查看如何在您的博客上使用它的使用說明

演示網站：http://www.ansichten-und-aussichten.de/beforeafter-pictures/

使用默認佈景主題
使用 TwentyTen 佈景主題

作者資訊：
Holger Stroeder

限制

兩張圖片的像素大小必須相同
Before/After Pictures僅適用於單個文章和頁面

用法

在外掛的管理頁面上設置默認選項
寫下除了圖像以外的文章內容

上傳 Before 和 After 圖像到 WordPress 或任何其他網站空間中，並記住路徑/ URL

切換到文章編輯器區域的 “視覺化模式”

點擊“Before/After Pictures”按鈕
填寫彈出屏幕中的信息（必須設置id、before和after影像資訊），可以刪除空的屬性

或

切換到文章編輯器區域的“HTML模式”
點擊“Before/After Pictures”按鈕

在編輯器區域中填寫信息（必須設置id、before和after影像資訊），可以刪除空的屬性

参数：
[beforeafterpics id=” image_before=” image_after=” animateintro=” introdelay=” introduration=” showfulllinks=” /]

id：如果您要在一個頁面上放置多個[beforeafter]，那麼每個簡碼必須具有唯一的 id （如果帖子中有超過一個圖像，則必須填寫此項）
image_before：必須設置到圖像檔的路徑 / URL （必須填寫）
image_after：必須設置到圖像檔的路徑 / URL （必須填寫）
animateintro：是否要使拖動條從容器的最右邊開始自動移動到中心。（可選）
introdelay：如果animateIntro為 true，則在開始拖動棒自動移動到圖像中心之前等待的毫秒數。（可選）
introduration：如果animateIntro為true，则拖動棒從影像的右側到影像中央所需的毫秒數。（可選）
showfulllinks：是否顯示位於圖像下方的鏈接，訪客可以點擊該鏈接以自動顯示完整的before或after圖像。 （可選）

原文外掛簡介

Before After Pictures plugin integrates jQuery Before/After Plugin in the wordpress. It can be used to show the difference between edited and original photo, before and after photos of changes, etc.
Please check ‘Other Notes’ for the Usage instructions to see how to use it on your blog
Demosites: http://www.ansichten-und-aussichten.de/beforeafter-pictures/
Operation with default theme
Operation with TwentyTen theme
Author info:
Holger Stroeder
Limitations

Both iomages must have the same size in pixels
Before/After Pictures works only on single posts and pages

Usage

Set the default options on the admin page of the plugin
Write the content of your post other than the images

Upload the before and after images to wordpress or any other webspace and remember the path/url

Switch to ‘Visuell’ mode of the post editor area

Click ‘Before/After Pictures’ button
Fill in the information in the popup screen (id, before and after image must be set), empty attributes can be deleted

or

Switch to ‘HTML’ mode of the post editor area
Click ‘Before/After Pictures’ button

Fill in the information in the editor area (id, before and after image must be set), empty attributes can be deleted

Parameters:
[beforeafterpics id=” image_before=” image_after=” animateintro=” introdelay=” introduration=” showfulllinks=” /]

id: If you want to place multiple [beforeafter] sections on one page, every shortcode must have an unique id. (required if more than one image in the post)
image_before: path/url to the image file must be set. (required)
image_after: path/url to the image file must be set. (required)
animateintro: Whether or not to have the drag bar start completely to the right of the container and gradually move by itself to the midpoint. (optional)
introdelay: If animateIntro is true, the number of milliseconds to wait before beginning the automatic drag bar move to the center of the image. (optional)
introduration: If animateIntro is true, the number of milliseconds it will take for the drag bar to go from the right side of the image to the middle of the image. (optional)
showfulllinks: Whether or not to display links below the image that a visitor can click on that will automatically show the full before or full after image. (optional)

各版本下載點

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

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

0.1 | 0.2 | 0.2.1 | trunk |

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

  • FancyBox for WordPress 》本外掛能讓FancyBox輕鬆整合到您的部落格：上傳，啟用，完成。您也能選擇進行更多的設置。, 您幾乎可以對Fancybox lightbox的所有屬性進行自定義：邊框、邊緣...。
  • Meks Simple Flickr Widget 》這個 WordPress 外掛可以快速地將你的 Flickr 照片顯示於 Widget 中，且不需要進行授權（只需提供你的使用者 ID）。, 功能, , 無需授權（只需提供使用者 ID）...。
  • Unite Gallery Lite 》Unite Gallery 是一種用於 WordPress 的全功能圖片和視頻圖庫。, 它基於 unite gallery javascript 版本，並具有非常強大直觀的 WordPress 管理員，以方便您...。
  • Pixabay Images 》Pixabay Images 是一款 WordPress 外掛，讓您能夠從 Pixabay 中選擇 CC0 公有領域圖片，在部落格上輕鬆插入。這些圖片可安全使用，且不需要歸屬或連結回原始...。
  • Image Optimizer by 10web – Image Optimizer and Compression plugin 》10Web 的圖片最佳化外掛, 使用手冊, 您的網站上有大量高解析度的圖片嗎？圖片可能會使網頁讀取時間增加，令您的訪客感到沮喪。優化圖片可以加速您的網站，同...。
  • Free Assets Library – Openverse/Pixabay 600+ Million Images 》免費資產庫是一款提供 6 億張免費圖片且已下載 75,000+ 次的前 WordPress 外掛 🚀, 您可以簡單地從以下 600+ 萬張圖片中搜尋您最喜愛的圖片：, , Openvers...。
  • WooCommerce Product Image Flipper 》這個外掛非常簡單，它可以在商品檔案上新增第二個產品縮圖，當你懸停在主要產品圖像上時，這個縮圖就會顯示出來。, 如果你想在商品檔案上顯示多張圖片，或者...。
  • User Photo 》這個外掛允許用戶透過「您的個人資料」頁面將個人照片與帳戶相關聯。管理員可以透過訪問「編輯使用者」頁面為用戶添加個人照片。上傳的圖像會被調整大小以符...。
  • Widgets for Social Photo Feed 》**總結:**, 透過我們的反應靈敏Instagram Feed Widgets，免費在2分鐘內展示你的Instagram動態。這款免費外掛讓在你的網站任何地方整合Instagram小部件變得輕...。
  • Featured Content Gallery 》Featured Content Gallery 是一個自動化、完全可自訂的旋轉圖片庫外掛，可以在 WordPress 網站中的任何位置建立。您可以選擇自己的圖像和顯示的分類、頁面或...。
  • Social Photo Fetcher 》Social Photo Fetcher（以前稱為「Facebook Photo Fetcher」）使您可以從 Facebook 相簿中快速輕鬆地生成 WordPress 照片庫。, 靈感來自於Fotobook，但其方法...。
  • WP-SimpleViewer 》WP-SimpleViewer外掛讓你能夠輕鬆地在WordPress中創建SimpleViewer圖庫。 SimpleViewer是一款免費、可自定義的Flash圖片庫。圖片和說明文字可以從WordPress媒...。
  • WP Photo Sphere 》WP Photo Sphere 是一個外掛，允許您顯示 360×180 度全景照片。使用 WP Photo Sphere，您的訪客不需要安裝任何插件即可瀏覽您的全景照片。, WP Photo Sp...。
  • Cincopa video and media plug-in 》無需多個 WordPress 外掛來管理您的媒體，Cincopa 是您所有媒體需求中唯一需要的外掛。使用 Cincopa 輕鬆地添加視頻、照片庫、幻燈片、音樂和播放列表等等。...。
  • Exifography 》Exifography（前稱Thesography）為WordPress上傳的圖像顯示EXIF數據。它利用WordPress自己儲存 EXIF欄位的功能，並在圖片上傳時將緯度、經度和快門 EXIF匯入...。

文章
Filter
Apply Filters
Close
Mastodon