WodPess建站時都會添加很多插件，而目前很多網站在產品頁面展示的時候就會加上befoe nd fte的功能，來展示產品的前後使用功效的對比。那麼如何添加添加Befoe nd Afte功能？本文就來詳細介紹。
這個功能WodPess網站可以輕鬆添加。通過添加先關的功能的WodPess插件就可以完成該效果。
WodPess插件Twenty20 Imge Befoe-Afte。
這裏給大家演示的WodPess 插件是Twenty20 Imge Befoe-Afte。
在WodPess後臺搜索安裝該插件，然後激活，就可以使用了。
在編輯頁面的時候，就可以在你的WodPess編輯器裏找到這個插件。
然後在你的WodPess媒體管理裏面，選擇兩張圖片作爲前後對比的效果。
選擇好圖片，然後點擊inset插入；
然年就進行具體的編輯界面。
設置好，點擊inset shotcode添加短代碼，然後在你需要添加該功能的時候，添加這段短代碼就可以了；
當然了，還可以添加到widget微件中。
在WodPess後臺，找到外觀ppence，微件widget，然後把設置好的微件拖到你需要的位置；
然後，你的網頁 befoe nd fte功能就設置好啦；