本篇文章將會介紹我個人在使用Divi製作網站時，會搭配Divi主題一起使用的外掛，不管你是用Divi製作商業品牌網站、個人作品集、部落格，或者是使用Woocommerce的電商類型線上購物網站，都可以參考使用！
Divi是一個非常強大的外觀主題編輯器，同時也提供使用者很多彈性空間，讓一些專業的工程師們，可以為Divi製作專屬的外掛，來補充額外的功能。
如果你還不清楚Divi是什麼樣的主題，可以先去看Divi的介紹文【WordPress】人人都可以是網站設計師，DIVI最強大的頁面編輯器，以及基礎使用教學的【Divi新手必看】網站設計完整步驟教學，看這篇就夠！。
那我們就正式進入Divi必備的外掛清單介紹囉！
本文重點目錄
外掛 #1. Supreme Modules Lite
首先，第一個要介紹的外掛是Supreme Modules Lite，它是我平常用Divi主題製作網站時，必裝的外掛第一名，它提供了Divi使用者更多設計款式的Module選擇，例如說，可以加入文字到分隔線Divider中、文字色彩可以選擇漸層色、提供文字的打字特效等等，讓你的網站變得更加豐富。
Supreme Modules Lite還有提供專門為Contact Form 7設計的模組，也就是說，你可以在Divi編輯器中直接調整Contact Form 7的樣式（文字大小、輸入框的顏色、按鈕款式等等），不必再靠語法來修改Contact Form 7的外觀，非常方便！
費用：免費/付費
範本：連結
外掛 #2. Popups for Divi
Popups for Divi外掛可以將任何一個Section設定為會彈跳出來的視窗，但它並不是自動彈跳的類型，而是要在頁面上加入一個按鈕，將按鈕的連結對象設定為此Section的ID，使用者點擊按鈕時，這個Section就會跳出，很適合放在資料量多，但又只能在一個頁面上呈現的網站，例如：一頁式推銷頁面、服務說明頁面等等。
費用：免費
範本：連結
外掛 #3. Filter for Divi
Filter for Divi外掛的表現方式類似於Divi的Tab Module，但是在設計上更加自由，我會發現這個外掛，是因為我覺得Tab Module不好用而且樣式醜XD，要大幅調整款式的話，還要利用程式碼修改，實在太麻煩。
而Filter for Divi可以將需要分類呈現的資料，利用按鈕來篩選資料，不必使用多個頁面表現，適合用在作品集類型的網站。但是Filter for Divi的壞處在於，剛開始設定比較複雜，雖然作者有寫教學，卻不夠詳細，期待他未來可以出更清楚的影片教學分享。
費用：免費/付費
範本：連結
外掛 #4. Simple Divi Shortcode
Simple Divi Shortcode外掛可以將你存在Divi Library，或者是建立在Divi Library的內容，用短代碼的方式加入至網頁中，如果Divi提供的Section及Row的種類不夠多，就可以使用短代碼來提升Section的分隔數量與種類。
並且，若有需要大量重複使用的網頁內容，也可以用短代碼的方式放在網頁中，這樣之後只需要修改一個地方，全部有此短代碼的內容，都可以一次被修改成最新版。
費用：免費
外掛 #5. Sticky Menu (or Anything!) on Scroll
Sticky Menu外掛可以將任何的Section、Row、Module，跟著滾輪一起移動上下，不會因為使用者往下瀏覽頁面，就看不到你想讓使用者看到的內容，適用於部落格網站，文章旁側邊欄的廣告之類的。
費用：免費
教學＆範本：連結
外掛 #6. Use Any Font
Divi編輯器雖然有內建安裝新字體的功能，但常常會因為伺服器或者Wordpress本身系統的設定，而無法順利安裝字體檔案進去，這種時候我就會使用Use Any Font外掛，它的免費版可以讓你自由安裝一種字體，付費版則是不限字體安裝數量，適合不熟悉Wordpress後台設定的用戶。
費用：免費/付費
外掛 #7.Safe SVG
有時候我們網站上的圖檔，會因為解析度的不同，在不同的螢幕使用下，造成圖片有鋸齒狀的現象發生，一般的圖片還無所謂，但是像是Logo商標的圖片，則要盡量避免。
我會使用Save SVG外掛，幫助我的網站可以順利上傳SVG的檔案，因為Wordpress系統會預設幾種可以上傳到網站上的檔案類型，而SVG並不在其中，當然你也可以使用一些修改器，將系統設定更改，但之前有發生過幾種知名Wordpress後台修改器被駭客入侵，導致使用者的網站整個掛掉的情況發生，所以我會盡可能避免安裝能夠直接全面修改後台的外掛。
*SVG檔案：可以利用ai程式，將向量的檔案存成適合網頁觀看的SVG檔，可以有效解決圖形邊緣鋸齒的問題。
費用：免費
另外，如果你的網站是使用Woocommerce製作的網路商店，以下這幾個外掛，是我個人在製作線上購物網站時，常會使用的輔助外掛，使用上非常簡單，又能將你的購物功能變得更加完整。
外掛 #8. Themify – WooCommerce Product Filter
線上購物商店的商品數量若非常多，或者是品項複雜，會需要一個側邊分類欄，幫助你的客戶們更快地找到適合的商品，而Themify – WooCommerce Product Filter是我個人非常喜歡用的外掛之一，使用上比較單純，而且是完全免費的外掛，你可以自由地選擇要出現的分類內容、分類方式，Divi的官方網站甚至有提供一篇它的完整的使用教學。
費用：免費
教學＆範本：連結
外掛 #9. Advanced Shipment Tracking for WooCommerce
Advanced Shipment Tracking外掛雖然不算是替Divi網站有任何美化的功能，但它確實很好用，所以我把它列在必備的外掛之一當中。
Advanced Shipment Tracking外掛會在你的訂單中，新增一個出貨的選項，當你完成出貨，將出貨單號填入訂單中，Advanced Shipment Tracking外掛就會自動寄送訂單狀態更新的信件到你的客戶信箱中，通知對方貨品已完成出貨，貨品的貨運單號、訂單細節，都會一併寄給客戶，能替你或你的員工減輕不少工作的負擔。
費用：免費
外掛 #10. Ajax Search for WooCommerce
Ajax Search外掛可以為你的Woocommerce網站增加搜尋列的功能，它的搜尋列會在關鍵字輸入的當下，跳出有關聯的分類、商品、金額等，讓客戶在搜尋產品時，省去要不停重複按Enter的步驟，就能查找他要的商品，是個設計得非常完整，使用上又只需要放入短代碼，就能夠馬上使用的外掛。
費用：免費
以上這十個外掛，希望可以幫助到你，將你的Divi網站製作的更加完整！
如果你對於這篇文章有任何疑問或者建議，都歡迎你在底下留言給我喔：）
本文作者 – LiLing
90後的台灣女生，目前正於紐西蘭擔任多媒體設計師，擅於利用Wordpress建立網站，分享各種不必使用程式語法，也可以架設網站的101種方法。
有機會想試看看，版主推薦這個外掛 Supreme Modules Lite 😍😍
有用Divi的話真的很推薦再裝supreme module lite，免費版的就很夠用！