網站右下角顯示聯絡小圖示

14 2 月, 2020 By j6boh elementor, 聯絡小圖示, 騏旭網站架設 0 Comments

不懂得程式語法也可以製作網頁互動特效！類似KeyReply的功能

有興趣的朋友可以到 Elementor 官網部落格觀看所有特效如何運作，網址連結如下：https://elementor.com/blog/introducing-motion-effects/

1. 新增「段」，為物件創造放置的空間

2. 在「佈局」進行滿版設定

編輯段
拉伸段：開啟內容寬度：全寬欄間距：沒有間距

3. 插入「圖片」，請先插入「聯絡小圖示」

4. 至「進階 -> Positioning」

編輯圖片
寬度：自訂，請將單位調整為「vw」，並將圖片尺寸調整至適切大小位置：Fix Horizontal Orientation 至左；Offset 單位調整為「px」 Vertical Orientation 至下；Offset 單位調整為「px」 * 位置請依照自己的需求調整

5. 至「內容 -> 連結」

編輯圖片
連結：貼上聯絡小圖示對應的連結如果是要電話連結(手機點擊會直接撥號)，填上 tel:電話號碼例如:+886937808408

藉由以上操作步驟，成功製作出想要的聯絡小圖示，完全不需要寫程式！