|?屬金魚的雪梨寶寶

      作者:雪梨 | 編輯:雪梨

      https://shelleydigital.com/before-and-after/


      很多網(wǎng)站在產(chǎn)品頁面展示的時候就會加上before and after的功能,來展示產(chǎn)品的前后使用功效的對比。?


      比如截圖展示的這樣



      這個功能WordPress網(wǎng)站就可以輕松添加。


      我們通過添加先關(guān)的功能的WordPress插件就可以完成該效果


      WordPress插件Twenty20 Image Before-After


      這里給大家演示的WordPress 插件是Twenty20 Image Before-After?
      在WordPress后臺搜索安裝該插件,然后激活,就可以使用了。
      在編輯頁面的時候,就可以在你的WordPress編輯器里找到這個插件。?


      然后在你的WordPress媒體管理里面,選擇兩張圖片作為前后對比的效果


      選擇好圖片,然后點擊insert插入
      然年就進行具體的編輯界面


      設(shè)置好,點擊insert shortcode添加短代碼,然后在你需要添加該功能的時候,添加這段短代碼就可以了
      當然了,還可以添加到widget微件中。

      在WordPress后臺,找到外觀appearance,微件widget,然后把設(shè)置好的微件拖到你需要的位置



      然后,你的網(wǎng)頁 before and after功能就設(shè)置好啦


      除了這款Twenty20 Image Before-After,還可以試試其他的插件哦




      Happy Addons for?Elementor



      如何你的網(wǎng)站使用的是Elementor編輯器, 那也非常的方便。

      首先安裝Happy Addons插件,這個插件是專門用于Elementor page builder的,安裝Happy Addons之后呢,你的Elementor就會多出很多的小工具。



      然后你添加before and after微件,就可以制作實現(xiàn)產(chǎn)品前后對比的功能了。


      趕快去試試吧。?

      債見



      點贊(3) 打賞

      評論列表 共有 0 條評論

      暫無評論

      服務號

      訂閱號

      備注【拉群】

      商務洽談

      微信聯(lián)系站長

      發(fā)表
      評論
      立即
      投稿
      返回
      頂部