DIVI
【DIVI教學】如何用DIVI編輯器製作一頁式網站

【DIVI教學】如何用DIVI編輯器製作一頁式網站

今天這篇文章將會教你,如何使用Divi編輯器製作一頁式的網站,上方選單將會帶你快速地跳轉到相關的內容,省去替每一個選項都製作頁面的時間,在短時間內完成一個簡潔有力的網站。 一頁式網站範本 下圖就是一頁式網站的示範,只要點選右上方的選單,網頁就會跳躍至你所選定的區塊,在使用者的體驗上,提升許多與網頁的互動感,一頁式網站最大的好處是,你的顧客無需開啟新的分頁,就能將品牌想傳遞的訊息一次閱讀完畢。...

read more
【Divi教學】三分鐘教你如何置入Google地圖

【Divi教學】三分鐘教你如何置入Google地圖

這篇文章要教你如何透過Divi Builder,將Google Map貼入到你的網頁當中,方法非常簡單,三分鐘就能完成。 1. Google Map複製置入程式碼 首先,先開啟Google Map,搜尋到你要置入的地點後,點選分享Share,接著選擇嵌入地圖Embed a map,點擊右方的複製Copy Html,把整串程式碼複製起來即可。 2.選擇Divi Module 用Divi...

read more
【Divi教學】Divi Builder加入頁面互動特效,讓你的網站更生動

【Divi教學】Divi Builder加入頁面互動特效,讓你的網站更生動

有許多網站會在各個主要頁面中,為各個區塊或是元件加上動畫,或者是一些滑鼠碰觸到時產生的特效,通常這些效果需要透過編寫程式語法來達成,但如果你是使用Divi編輯器的話,不用懂任何語法,就可以做出許多讓網站看起來更有活力的特效!我在這篇文章會教你如何用Divi編輯器,製作出數種不同的網頁特效。 1.頁面載入特效...

read more
【Divi教學】響應式手機平板頁面設計教學,讓你的網站怎麼看都好看!

【Divi教學】響應式手機平板頁面設計教學,讓你的網站怎麼看都好看!

響應式頁面指的是,當你的顧客不論用電腦、手機、平板瀏覽網站時,網站內容可以自動適應裝置大小的不同,而改變整個網站版面,將圖片、文字、元件大小都調整成適合觀看的模式。 在過去,響應式網站是一種優勢,但在現代這個人人手機不離身的環境下,響應式網站變成了一種必備要素,若你的網站無法自動提供適當的版面大小給用戶,那將會流失掉非常多的潛在客戶。...

read more
【Divi教學】在Divi主題中新增字體步驟教學

【Divi教學】在Divi主題中新增字體步驟教學

在使用Divi有文字內容的Module時(像是Text, Blurb...等等),在Text Font欄位中,除了現成的Google字體可以選擇以外,另外也可以上傳自己想要使用的特殊字體。今天這篇文章要教你如何在Divi編輯器中上傳字體,以及如果遇到上傳失敗的問題時,要如何解決。 1.新增字體至Divi步驟教學...

read more
【Divi新手教學】如何用Divi設計Woocommerce線上購物網站

【Divi新手教學】如何用Divi設計Woocommerce線上購物網站

線上購物是目前科技社會不可缺少的銷售管道之一,如果想要不受任何平台限制地製作一個自己的線上購物網站,利用Wordpress建站 + 安裝Woocommerce線上購物功能 + Divi設計商品頁面,這個方式不需要付任何手續費給Wordpress,還能讓你擁有網站的所有權,會是我目前最推薦的建站方式之一。...

read more
Divi vs. Elementor 兩大WordPress編輯器優缺點比較

Divi vs. Elementor 兩大WordPress編輯器優缺點比較

你是否正在猶豫要使用Divi還是Elementor,將你的網站外觀不再只是文章列表呢? 相信大多數人在使用Wordpress製作網站時,不論是部落格網站,或者是商業型品牌網站,都會遇到該如何製作、設計首頁的問題,而Divi跟Elementor這兩個頁面編輯器,正是目前世界上最熱門的兩個Wordpress編輯器。...

read more
【Divi主題必備】10個WordPress外掛推薦清單,讓Divi功能最大化!

【Divi主題必備】10個WordPress外掛推薦清單,讓Divi功能最大化!

本篇文章將會介紹我個人在使用Divi製作網站時,會搭配Divi主題一起使用的外掛,不管你是用Divi製作商業品牌網站、個人作品集、部落格,或者是使用Woocommerce的電商類型線上購物網站,都可以參考使用! Divi是一個非常強大的外觀主題編輯器,同時也提供使用者很多彈性空間,讓一些專業的工程師們,可以為Divi製作專屬的外掛,來補充額外的功能。...

read more