內容簡介
Before After 外掛程式將修改過的版本jQuery Before/After Plugin整合至 WordPress 中。
它可以用於展示編輯前後照片的差異，變更前後的照片等等。
請查閱“其他說明”以獲得使用說明以在您的部落格中使用此外掛程式。
演示網站：
使用最新版本進行演示
使用自訂主題進行演示
作者資訊：
在Twitter上追蹤作者或成為facebook好友
也在Google+上
使用方法
撰寫您的文章內容（除了圖片以外）
切換到文章編輯器區域的「HTML 編輯器」模式
點擊「BeforeAfter」按鈕（這將開始「[beforeafter]」短碼）
透過 WordPress 圖片/媒體上傳器將照片添加到您的文章中
當您在文章中插入這些圖片時，1 張圖片應該是左對其，另外一張可以是右對其 / 中心對其 / 無對其
以「左對其」的照片作為編輯前的照片，所以請根據需要對其照片
在您在文章中插入這兩張圖片後，再次點擊「BeforeAfter」按鈕以關閉「[/beforeafter]」短碼
您可以在關閉「[/beforeafter]」短碼後，為您的文章添加更多內容
在「[beforeafter]...[/beforeafter]」之外的內容會在短碼執行時被忽略，在主頁面、存檔頁面等其他地方，該內容將按照文章中的內容顯示。
外掛標籤
開發者團隊
原文外掛簡介
Before After plugin integrates modified version 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:
Demo with Latest version
Operation on custom theme
Author info:
Follow me on Twitter or become my Friend on facebook
Also on Google+
Usage
Write the content of your post other than the images
Switch to ‘HTML-editor’ mode of the post editor area
Click ‘BeforeAfter’ button (This will start the ‘[beforeafter]’ shortcode)
Add the photos to your post through the wordpress image/media uploader
1 photo should be left align when you insert the images on your post, the other one can be aligned right/center/none
The ‘left-aligned’ photo is taken as before photo so please align your photos accordingly
After you have inserted the two images in the post Click ‘BeforeAfter’ button again to close ‘[/beforeafter]’ shortcode.
You can add more content to your post after closing the ‘[/beforeafter]’ shortcode
The content other than image information withing the ‘[beforeafter]…[/beforeafter]’ is ignored when the shortcode is executed, in other places like home page archive page the content will be shown as is in the post.
