Elementor Pro的「PopUp」是一種彈跳視窗功能,這在一般網頁中很常見,常用的是在網頁中點一個按鈕就跳出一個小視窗裡面有對應的圖文內容,或是網頁載入後在特定時機(例如滑到網頁底部)就跳出 小視窗…諸如此類的。
一般這樣的功能在WordPress有許多外掛可以安裝(但介面或功能不見得符合需求,須多方測試),不過既然學了Elementor Pro網頁設計,這種PopUp彈跳視窗功能就不必再仰賴其它外掛了(少裝一支外掛節省效能),在Elementor Pro中我們可以把 PopUp彈跳視窗設計得非常客製化、美觀,完全可以照自己心意、想法來設計(而不是純設定)。
Elementor Pro的 PopUp彈跳視窗功能不僅可以用來製作常見的彈跳視窗功能,也可以延伸來做為複雜型的「選單區」功能,例如本站的手機版選單,就是用 PopUp來製作,又或者是你可以把「購物車項目」也放在彈跳視窗中,並設計一個按鈕在適當處讓訪客點擊後就跳出小視窗讓他看到購物車中的項目等等,所以只要你發揮創意, PopUp可以用在很多地方喔。
▼ 本站的手機版選單
接下來我會寫幾篇有關 Elementor Pro的「PopUp」彈跳視窗的基本運作與變化運用。