【Divi教學】如何製作Divi彈出視窗,適用任何內容

【Divi教學】如何製作Divi彈出視窗,適用任何內容

有時候我們需要利用「彈出視窗Popup」來展示部分資訊,例如餐廳的網站,可以設置彈出視窗讓客人訂位,或者是不想再為了一些幅度不夠長的資訊增加一個新的頁面,都可以使用「彈出視窗」,既可加入更多多元化的內容,又可增加網站的互動性。 這篇文章要教你如何在網站上製作「彈出視窗」(如下圖示範),步驟非常簡單,且不論各種內容都可以放到彈出的視窗中唷! 彈出視窗範例 如何製作彈出視窗 1. 安裝外掛「Popups for Divi」 請先到網站後台Dashboard,開啟外掛>安裝外掛,搜尋「Popups for...
【Divi教學】停用Divi主題自動更新

【Divi教學】停用Divi主題自動更新

許多人可能會認為「自動更新」等於可以使用更多新功能,或者是得到更好的使用者體驗服務,然而,為什麼我要選擇停用自動更新呢? 「更新」在大多數時候是為了解決一些bug,或者是將錯誤修正,確實可以得到更好的使用體驗,但是若這次的更新屬於很大規模,或者是要加入新功能的情況,很有可能會有些新的物件或程式碼,對原本在網站上的元件造成影響,甚至嚴重點的話,讓你整個網站錯誤呈現。...
【DIVI教學】如何將手機版選單子選單折疊呈現

【DIVI教學】如何將手機版選單子選單折疊呈現

通常手機版的子選單,會自動在點選Menu圖示時,自動展開,有時候子選單數量太多的話,還會造成閱讀上的困難,今天這篇文章要教你如何在Divi的手機版選單加上+號,將所有的子選單收合起來,讓視覺上看起來更加整潔乾淨。 原始標題 下圖為原始的手機版選單樣式,子選單會全部展開,且無法收合。 成果展示 下圖為加入下方程式碼後,手機版的子選單將會被收合起來,使用者須點選+號後,才可以看到子選單內容。 步驟教學 1.增加CSS程式碼 首先,點選左方功能列的Divi → General → 將下方的程式碼全部選起複製,並貼上到Custom...
【Divi教學】如何用Divi設計WooCommerce線上購物網站

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

*更新:Divi正式推出購物車及結帳頁面的Module啦~ 線上購物是目前科技社會不可缺少的銷售管道之一,如果想要不受任何平台限制地製作一個自己的線上購物網站,利用Wordpress建站 + 安裝Woocommerce線上購物功能 + Divi設計商品頁面,這個方式不需要付任何手續費給Wordpress,還能讓你擁有網站的所有權,會是我目前最推薦的架站方式之一。...
【Divi教學】如何製作WordPress網站選單&多排下拉選單

【Divi教學】如何製作WordPress網站選單&多排下拉選單

許多人會透過安裝「多層次選單」的外掛,來將數量過多、導致選單長度過長的子選單分成好幾排,但如果你使用的是Divi主題,Divi本身就已經有內建多層次選單的功能,而這篇文章除了會教你如何製作選單以外,還會教你如何不透過外掛,製作多層次的選單! 建立選單 首先,開啟WordPress網站後台,點選外觀>選單,開始製作選單。 接著,點擊「建立選單」。 輸入「選單名稱」後,如果要指定選單顯示的位置,請勾選下方的「指定編輯中選單的顯示位置」: Primary Menu:網站主要選單Secondary...