Divi 輪播外掛推薦：免費好用的商品圖片輪播器

Divi 5 目前已有原生 Group Carousel 與 Post Carousel 模組，過去「Divi 沒有原生輪播」的結論已經過時。Group Carousel 可搭配 Loop 重複動態內容，Post Carousel 也能選擇文章類型，因此內容卡片、文章與商品資料都應先測原生方案；原生模組缺少特定圖片效果或互動時，才評估第三方外掛。

答案先講：新站先試 Divi 5 原生 Carousel；既有站若尚未遷移，或確實需要原生模組沒有的視覺效果與互動，再測第三方外掛。Divi Carousel Lite 可作免費候選，但官方說明中的免費版以 Image Carousel 與 Logo Carousel 為主，不能把它寫成免費全包。

三分鐘重點：Divi 5 已有原生 Group Carousel 與 Post Carousel，也能搭配 Loop 處理動態內容。原生功能不符需求時再比較第三方外掛。無論採哪一種方案，都要控制圖片載入、支援鍵盤與暫停，並用手機實測。

這篇文章的閱讀對象，是把 Divi 當作主力架站工具、又確實需要商品或作品輪播的人。內容會從「要不要用輪播」講到原生與外掛怎麼選、怎麼避免拖慢速度。CTA 不必硬塞進每一組輪播；作品展示也可能以瀏覽為主，應依區塊任務決定。

Divi 5 已有原生輪播，什麼時候還需要外掛

舊版 Divi 的 Image、Slider 與 Video Slider 用途不同，過去確實缺少通用卡片輪播。Divi 5 的 Group Carousel 可把文字、圖片、按鈕等模組組成投影片，並搭配 Loop 重複商品等動態內容；Post Carousel 則可依文章類型與分類顯示內容。若需要變體選擇、特殊篩選或外掛專屬互動，仍要逐項確認原生設定是否符合。

選擇順序因此改成：先檢查目前 Divi 版本與原生模組，再列出缺少的資料來源、互動與樣式，最終才決定是否增加外掛。少一項依賴，通常就少一項相容性與效能風險。

這也直接影響你怎麼看後面的比較。因為外掛是獨立維護的，你挑的不僅是功能強不強，還包括作者更新頻率、與 Divi 5 新架構的相容性、以及未來升級 WordPress 主版號會不會被甩開。我把這些都放進後面的選擇條件裡。

在挑外掛之前，先確認你的網站真的需要輪播

這一節我會講得比較直白，因為這個準則在各種 Divi 電商站上到現在都還沒失靈過：輪播是個被過度濫用的元件，它的預設值會讓人誤以為「動等於有質感」，實際上動錯地方僅會讓訪客略過整個區塊。

許多輪播測試發現後續投影片較少被看見，但效果會隨內容、位置、導覽與使用者任務而不同，不能當成全網通用定律。自動播放也可能搶走閱讀節奏，因此應以自己的點擊、曝光與任務完成率測試。

所以你真正該先回答的是底下三個問題，外掛挑選反而是整個流程的最終一步。

三個判斷條件

1. 這個位置如果僅放一張圖，會不會更清楚？若僅有一款主打商品或一個訊息，單張 hero 圖通常更容易理解，但轉換是否更高仍要實測。輪播較適合同類、平等且需要並列瀏覽的內容。
2. 使用者會不會想主動滑？商品櫥窗、作品集、相簿這類內容，使用者本來就想看「下一張」，輪播成立。如果是品牌訊息、促銷公告這類「我希望你看到」的內容，放輪播等於把主控權交給直覺會略過它的人。
3. 行動裝置上能不能順利操作？手機上的輪播要靠手勢滑動，自動播放會跟使用者搶畫面。不能關閉自動播放、沒有觸控手勢支援的外掛，在手機上幾乎等於零分。

三個都通過，再往下看外掛。若有任何一個答案是「不確定」，我會建議你先用靜態圖片格狀排列取代，把預算留給更有感的優化。與輪播比起來，Divi 圖片懸停特效這類互動反而更能引導點擊，又不會搶走閱讀節奏。

不用輪播，還有三個更安全的替代方案

如果上面三個判斷條件讓你猶豫，底下的替代方案通常轉換更穩定，視覺上也不會差太多。

• 靜態格狀排列：把要展示的商品或作品排成三到四欄的格狀，一次全部露出。好處是沒有自動播放的打擾、每一張都平等曝光，訪客可以一眼掃完。網頁版面設計裡的格狀排版就是這個路線。
• 單張 Hero 圖加 CTA：首頁主視覺若僅有一個主要訊息，可先測單張圖與明確按鈕。它通常較容易收斂訊息與控制 LCP，但是否更有效仍要看任務與數據。
• 分類篩選列表：當商品或作品數量較多時，長輪播會讓後面的項目不易被看見；這時改成可篩選的列表，通常更方便訪客直接選擇類別。是否切換不必以固定件數判斷，可依內容量與互動資料測試。

這三個替代方案的共通點，是把「選擇權」交還給使用者，不再用自動播放替他們決定要看什麼。輪播之所以常常失敗，正是因為它預設要替使用者做選擇，而使用者其實不喜歡被代勞。

Divi Carousel Lite：目前最值得裝的免費輪播外掛

若原生模組不符合需求，可測試 Divi Carousel Lite。它在 WordPress.org 的外掛頁的現行代稱為 Carousels Slider for Divi，官方 FAQ 說明免費版包含 Image Carousel 與 Logo Carousel，並標示相容 Divi 4、Divi 5；功能與相容性仍應以測試站為準。

它最打動我的地方跟功能數量無關，重點在於它把「能免費又能在 Builder 裡設」這兩件事同時做到。很多免費輪播解法是靠 shortcode 套進 Text Module，設定要回後台、預覽要切頁面，對客戶端交付之後他們完全無法自己改。Divi Carousel Lite 是正規的 Divi 模組，出現在 Builder 的模組清單裡，欄位、樣式、斷點設定都在熟悉的介面上完成。

它免費版能做的事

• 免費輪播類型：官方目前列出 Image Carousel 與 Logo Carousel；WooCommerce 商品、見證與文章專用模組需查付費方案。
• 響應式斷點：可以分別設桌面、平板、手機要顯示幾張，手機版縮成一張是預設值，這點很重要。
• 自動播放與間隔控制：能不能關閉自動播放、間隔設多久，都開放設定，不會強迫你用動態。
• 導覽與分頁：箭頭、圓點、捲軸列可開可關，樣式能微調。
• 連結與 CTA：每張圖都能獨立連到對應的商品頁或文章，這是它最關鍵的能力。

它的限制你要先知道

免費版除了進階樣式限制，最重要的邊界是模組類型。若需求是動態商品、見證或文章輪播，不應沿用下面的免費 Image Carousel 流程假裝能自動抓資料；可先用 Divi 5 原生 Group Carousel 搭配 Loop，或用 Post Carousel，再依缺少的功能評估外掛。

可以先用免費版完成必要功能，再確認是否缺少特定版型、控制項、動態資料或支援服務。若需求能以現有設定或少量 CSS 穩定完成，就不必急著升級；遇到免費版無法維護或無法達成的功能，再比較付費版的授權與成本。

用一點 CSS 把免費版從 80 分推到 90 分

Divi Carousel Lite 免費版提供基本樣式欄位；若品牌規範超出內建設定，才需要用 CSS 補強。底下列出常見調整方向，請依實際需求選用。

• 投影片內距：預設的項目間距常常太擠，加一點 padding 讓每張圖有呼吸空間，整列看起來會立刻從擁擠變舒適。
• 箭頭樣式：預設箭頭通常是灰色小圖示，放在電商站上存在感太弱。把它改成品牌色、放大、加上圓形底，點擊率會明顯提升。
• 圓點導覽的作用狀態：作用中的圓點預設常常看不出差別，要手動把 active 狀態的顏色或大小拉開，使用者才知道現在看到第幾張。

這些微調不用寫很多程式碼，Divi 本身可以在模組的「自訂 CSS」欄位直接加，Divi 子主題也是放這類全站樣式的理想位置。原則是，能用 Divi 內建欄位設定的，就別寫 CSS；內建欄位設不到的，才用 CSS 補。免費版的價值，正好就在「80 分用內建、最終 20 分靠 CSS」，這個分工清楚了，你就不會誤以為一定要砸錢買付費版才能做出好看的輪播。

不僅是商品：其他三種你會用到的輪播類型

免費版適合圖片與 Logo。下面三種情境仍有參考價值，但不代表都由 Lite 免費版提供專用模組。

• Logo 牆：把合作品牌、媒體露出、客戶標誌排成輪播，是 B2B 與服務業首頁建立信任感的標準動作。比起靜態排列，輪播的優勢在可以放十幾個 logo 又不佔太多版面，慢慢滑過去就好。
• Testimonial 見證輪播：客戶評價、推薦語的並列展示。這一類內容使用者本來就會想看下一則，輪播完全成立。重點是每一則都要附上真實姓名、公司或角色來源，空泛的「好用、推薦」反而扣分，會被讀者當成假見證。
• 文章輪播：把最新文章或精選文章排成輪播，對內容站是延長停留時間的工具。設定上記得僅抓「有特色圖片」的文章，沒圖的文章進輪播會破版，也失去視覺輪播的意義。

這三種有一個共同特徵，它們的內容都是「平等、同類、需要並列」，正好就是前面講的輪播成立條件。如果你發現自己想用輪播展示的內容不符合這個特徵，那多半是版面選錯工具，而不是外掛不夠強。logo 牆與 testimonial 在信任感的應用上，跟Divi 頁首設計裡常見的信任區塊是同一個邏輯，可以一起規劃。

原生、免費外掛與付費擴充：一張表看懂怎麼選

Divi 的輪播生態分成三條路線，不僅有一個外掛可選。你選哪一條，會直接影響未來兩年的維護成本。我用一張表把三條路線攤開。

路線	工具型態	成本	適合誰	主要限制
Divi 5 原生	Group Carousel、Post Carousel	隨 Divi	內容卡片、作品、文章與 Loop 動態內容	特殊互動與資料條件要逐項確認
免費外掛	Divi Carousel Lite	免費	圖片與 Logo 輪播	專用商品、見證與文章模組不在免費範圍
付費擴充	單一模組或模組合輯	以當下授權頁為準	原生功能缺少的特殊互動或資料條件	增加相容、效能與續約成本

三條路線可以這樣判斷：內容卡片、文章與動態商品先用 Divi 5 原生模組試做；需要原生沒有的圖片或 Logo 效果，再測免費外掛；若仍缺特殊互動或資料條件，才比較付費單一模組與模組合輯。不要因為合輯功能多就預設比較划算，未使用的模組仍會增加維護面。

判斷的核心是「你會用到幾個模組」。如果答案是僅有輪播，買整包是浪費錢還多載一堆沒用到的程式碼。如果答案是三個以上，整包反而比單品加總便宜，Divi 必裝外掛總覽裡的幾個主流整包都值得一起比。

Divi 5 帶來的變數：為什麼你挑的外掛必須跟得上

如果你現在才開始裝輪播外掛，有一個時間點因素一定要放進判斷，就是 Divi 5。Elegant Themes 在 Divi 5 把整個主題骨幹重寫過一遍，從原本高度依賴 jQuery 與大量簡碼（shortcode）的舊架構，搬到更現代、更輕量、反應更快的新核心。對終端使用者來說，前後台的回應都變快、Builder 比較不會卡；對外掛開發者來說，這代表一場不算小的遷移工程。

遷移期最直接的副作用是，部分舊外掛在 Divi 5 上會出狀況。常見的狀況包括模組在 Visual Builder 裡載入失敗、設定面板打開卻是空白、或前端輪播的 JavaScript 因為 jQuery 依賴被拿掉而整組不動。這不見得是外掛作者偷懶，而是 Divi 5 改了底層依賴，舊程式碼需要時間跟上。Divi 5 的新介面與效能改造，Divi 5 介面深度解析有完整的整理，升級前值得先看過一次。

這件事對你挑輪播外掛的影響很具體。在 Divi 5 全面推開的這段期間，選外掛要加看三個訊號：

• 最近一次更新與相容紀錄：不要用固定月數直接判定棄更；要對照期間內 WordPress、Divi 與 PHP 是否有相關變更，以及支援區是否持續回覆相容問題。
• 是否明確標示 Divi 5 相容：用心的作者會在說明頁或更新紀錄寫「Compatible with Divi 5」或「Divi 5 ready」。沒寫不代表一定不能用，但你要自己測過。
• 支援論壇的近期抱怨：WordPress.org 的支援討論區是免費的情報庫。搜尋「Divi 5」配上外掛名稱，如果近期有人回報模組消失或 JS 錯誤而作者還沒回，那就是明確的警示。

WordPress.org 目前顯示這款外掛仍有更新，並標示支援 Divi 5，但產品標示不能代替站內測試。至少要在測試站建立模組、儲存、重新開啟與檢查前台，再測響應式、快取、鍵盤操作和重要互動；這仍是基本煙霧測試，不等於證明所有外掛組合都相容。

圖片輪播從零到上線：六步驟實作流程

底下流程以免費 Image Carousel 為例，適合手動選圖。若要自動抓 WooCommerce 商品，可改用 Divi 5 Group Carousel 搭配 Loop；若原生資料條件仍不足，再評估其他已驗證方案。

第一步：準備統一規格的商品圖

輪播最忌諱圖片尺寸不一致，因為它會讓整列在切換時上下跳動，視覺上很像閃爍。第一步永遠是「把所有要用於同一組輪播的圖，壓成同一個比例」。商品圖我習慣用 1 比 1 正方形，作品集用 4 比 3 或 16 比 9，看內容決定，但同一組內必須統一。

圖檔要採用合適格式並壓到合理檔案大小。沒有素材的話，商用免費圖庫可以應急，但商品頁仍應優先使用能準確呈現實品的圖片。壓縮工具可參考圖片壓縮工具整理，並以實際輸出品質與載入結果判斷。

第二步：安裝並啟用 Divi Carousel Lite

這一步對熟 WordPress 的人是常識，但還是寫一下。後台「外掛、安裝外掛」，搜尋 Divi Carousel Lite，安裝啟用。如果你從沒裝過外掛，WordPress 外掛安裝教學走一次就會。啟用後它不會出現在後台選單，而是直接長進 Divi Visual Builder 的模組清單，這是很多人會找不到的原因。

第三步：在 Visual Builder 加入 Carousel 模組

開啟要編輯的頁面，進入 Visual Builder，在 Row 中新增模組並搜尋 Carousel。免費版應看到 Image Carousel 或 Logo Carousel；若出現 Product Carousel，要先確認它來自哪個付費方案或其他外掛，不要把它當成 Lite 免費功能。

第四步：設定內容來源與連結

Image Carousel 從媒體庫選圖，再依模組實際提供的欄位設定連結。若目標是導購，每張圖應連到對應商品或內容；若目標是純作品瀏覽，則可不放 CTA，但要提供清楚導覽與替代文字。動態 WooCommerce 查詢不屬於這份免費外掛流程，可另用 Divi 5 原生 Loop 處理。

這個步驟也最常被忽略。不少站的輪播做得很漂亮，點下去卻沒有任何反應，那個視覺投資就完全浪費了。每張圖都應該配一個明確的「看更多」、「立即選購」入口，導購效果才會出來，這部分後面會再搭配實際配置講。

第五步：調整響應式與斷點

在「Design」分頁裡，找到斷點設定。桌面顯示四到五張、平板三張、手機一張是我預設的配置。手機版僅顯示一張的原因是，手機螢幕寬度不夠，擠兩張會讓每張圖小到看不清楚，使用者反而滑不動。如果你希望手機版也橫向滑多張，那也要確認外掛有觸控手勢支援。

手機版的排序與顯示策略，可以回頭參考Divi 手機版排序的作法，把輪播放在行動版最該出現的位置，而不是桌面怎麼排、手機就照搬。

第六步：跑一次行動版與速度檢查

上線前一定要做兩件事。第一是拿自己的手機開頁面，實際滑一次，看自動播放間隔會不會太搶、手勢順不順。第二是用 PageSpeed Insights 跑一次行動版分數，確認輪播沒有把 LCP 拖垮。這一步的細節我留在下一節講，因為它是整篇文章最容易被低估的成本。

輪播的隱形成本：手機載入、Core Web Vitals 與 SEO

輪播可能增加圖片與腳本載入量。若多張大圖在初始畫面同時下載，尤其輪播位於首頁首屏時，可能拖慢 LCP（Largest Contentful Paint，最大內容繪製）。影響幅度仍要看首張圖尺寸、預載、延遲載入、腳本與實際裝置，不能單憑有沒有輪播下結論。

這件事在手機上更明顯。根據 Statista 的統計（2026 年 4 月），全球行動裝置占網頁流量的比例長期很高，但台灣占比仍應看自己的分析資料，不能從全球數字直接推定。Google 已全面採行動優先索引，也就是主要使用手機版內容進行索引，不是「僅看手機速度」的排名規則（見 2023 年 10 月 Google 的行動優先索引宣告）。

這代表你的輪播如果在手機上慢，它在 Google 眼裡就是慢。網頁速度直接影響使用者滿意度與轉換，這是 web.dev 一直在強調、也有大量資料佐證的事實，不是 SEO 圈的都市傳說。想把速度與排名的關聯看得更完整，可以回頭讀Core Web Vitals 與 SEO的整理。

四個把輪播成本壓下來的動作

• 正確設定延遲載入：首屏可能成為 LCP 的圖片不要延遲，畫面外圖片才延後載入，並實測元件是否真的按需請求。細節可參考Lazy Loading 延遲載入。
• 採用合適圖片格式：比較 WebP、AVIF 與 JPEG 的檔案大小和可接受畫質，不要僅換副檔名就當成完成最佳化。
• 第一張圖依實際尺寸輸出：第一張常是 LCP 候選，使用正確尺寸與格式；沒有適用所有頁面的 100 KB 安全線。
• 停用沒用到的模組：如果模組合輯支援依功能載入，可關閉未使用模組；是否真的減少 CSS 與 JavaScript，仍要用網路面板確認。

怎麼實測輪播到底拖慢了多少

講了一堆最佳化原則，但你怎麼知道輪播真的拖慢了網站？這要用工具量，不是憑感覺。交付前建議一定跑三個工具：

• PageSpeed Insights：直接餵網址，看行動版的 LCP、CLS、INP 分數。重點看 LCP 元素是不是落在輪播的那張圖上，如果是，第一張圖就要再壓。
• Lighthouse，Chrome 開發者工具內建：在本機或預覽環境跑，能看到「Avoid enormous network payloads」這類提示，幫你抓出哪幾張圖檔太大。
• WebPageTest：可以看完整的瀑布圖，確認輪播那幾張圖是不是在第一時間全部被載入。如果瀑布圖上五張圖擠在最前面，就代表延遲載入沒有真正生效。

可先量有輪播的頁面，再在相同環境暫時停用輪播重測。兩次 LCP 差異能協助估算影響，但單次測量有波動，應跑多次並控制網路、快取與內容。不要用零點二秒或一秒作通用及格線，應回到 Core Web Vitals 門檻與使用者實際裝置判讀。網頁速度優化有完整流程。

輪播不會因為元件名稱就自動有利或不利於 SEO。應檢查重要內容與連結是否出現在渲染後 HTML、圖片替代文字是否準確、載入是否合理，以及隱藏投影片會不會造成操作問題。搜尋表現仍取決於整頁內容、技術品質與其他訊號。

輪播的無障礙性：鍵盤、螢幕閱讀器與減動量需求

這一節講的東西，大部分輪播教學會略過，但它直接影響兩件事：你網站對身心障礙使用者的可用性，以及你在 Google 體驗指標上的成績。輪播是公認無障礙最難做好的元件之一，因為它「會動」這件事本身，就跟不少使用者的需求衝突。

先講鍵盤操作。輪播控制項要能用鍵盤操作，焦點也要看得見；僅有目前可見的投影片連結應進入合理的 Tab 順序。非作用中投影片若以 display: none 隱藏，本來就會退出焦點順序，這通常比把畫面外連結留在 Tab 順序更安全。切換後則要讓新投影片可被操作，並提供目前位置資訊。

再講螢幕閱讀器。輪播的自動播放會不停改變畫面，可能打斷依賴輔助科技的使用者。比較好的做法是讓自動播放在使用者聚焦時暫停，也就是 pause on focus；若元件沒有這項能力，就關掉自動播放，把節奏還給使用者。

也要處理 prefers-reduced-motion。使用者在作業系統開啟減少動態效果時，網站應停用非必要的自動播放與轉場，或改成靜態呈現。這對可能因動態畫面不適的使用者尤其重要，也符合響應式網頁設計照顧不同使用情境的原則。

上線底線不僅是圖片 alt 與暫停按鈕。控制項要有可理解的名稱、支援鍵盤、焦點清楚可見，非作用中投影片不能留下混亂的 Tab 順序；若有自動播放，還要能暫停並尊重減少動態設定。用鍵盤與螢幕閱讀器實測，才能確認外掛宣稱的無障礙功能真的可用。

四種實務上常見的輪播配置

理論講完，底下是四種在 Divi 電商或品牌站常用的輪播配置位置。每一種都有它成立的條件，不是到處都能套。

配置一：首頁 Hero 下方的主打商品櫥窗

這是輪播最經典、也最被濫用的位置。我的準則是：Hero 區本身用單張靜態圖配 CTA，輪播往下挪一格，放在 Hero 下方，專責展示「當期主打商品」或「熱銷分類」。這樣 Hero 負責單一訊息、輪播負責並列展示，兩者不搶工作。

以 3C 用品電商為例，可讓 Hero 保留單一主訊息與 CTA，下一區再放當季商品輪播，每張連到對應商品頁。這樣主訊息與並列瀏覽各自有清楚任務；實際是否優於首屏輪播，仍應用點擊與轉換測試。相關版面脈絡可參考3C 產品購物網站的 Divi 架站流程與CTA 按鈕設計。

配置二：商品分類頁的相關商品

商品頁底部可測試「相關商品」或「同分類推薦」輪播，協助仍在比較的使用者繼續瀏覽。是否提高停留或客單價要看推薦品質、位置與實際數據，不能從元件本身推定。

這組輪播可用 Divi 5 Group Carousel 搭配 Loop，依 WooCommerce 商品分類產生內容，減少手動維護；實作前仍要確認價格、庫存與連結是否正確更新。WooCommerce 的使用規模可參考 W3Techs 統計（2026 年 6 月），但統計口徑與日期會變動。純 WooCommerce 站可另看WooCommerce 商品輪播的作法。

配置三：作品集或案例展示

服務業、設計工作室、攝影師的作品集，輪播是天然的展示工具，因為使用者本來就想看「下一個案例」。配置上我會建議作品圖可點、點進去是單一作品詳細頁，而不是僅在輪播裡放大。這樣既有並列瀏覽的效率，也有深度閱讀的入口。

作品集搭配Divi 作品集設計的靜態版面一起做，效果會比單靠一個輪播更好，因為輪播適合「精選」、靜態格狀適合「完整列表」，兩者服務的搜尋意圖不同。

配置四：部落格與內容站的最新文章輪播

前三種配置都偏電商，但 Divi 也常被用在內容站與部落格，這類站最適合的輪播是「最新文章」或「精選文章」。它通常放在首頁中段，目的是讓第一次來的讀者快速看到你最有價值的幾篇內容，誘發點擊、延長工作階段。

這組輪播的素材來源是 WordPress 文章，設定上抓「最新六篇」或「某個分類的精選」即可。比起商品輪播，文章輪播更要注意特色圖片的統一，因為文章圖通常來自不同來源、比例混亂，直接進輪播會比商品圖更容易破版。如果你做的是純內容站，美妝部落格用 Divi 加 Extra 主題的架站流程是值得參考的範例，那是一個典型的高顏值內容站配置，文章輪播在裡面扮演的就是導讀的角色。

四個應該避開的輪播地雷

底下這四個，是在審稿或接手 Divi 站時最常直接打回票的配置。

1. 把輪播放在 Hero 當首屏主視覺。前面講過，輪播會稀釋單一訊息，放在最重要的位置等於把你最想講的一句話拆成五句沒人記得的話。Hero 用單張靜態圖，訊息收斂、LCP 也好控制。
2. 自動播放快到來不及閱讀。間隔要配合每張內容長度，並提供暫停；若沒有明確播放需求，讓使用者主動切換通常更容易控制。
3. 投影片多到後段沒人看。用各張曝光與點擊資料判斷是否過長；內容量大時，改用分類、篩選或分頁通常更容易瀏覽。
4. 沒有觸控手勢支援又放在手機首屏。桌面上靠箭頭還能點，手機上沒有觸控滑動，使用者根本不會去按那兩顆小箭頭。沒觸控支援的輪播在手機等於不存在。

這四個地雷的共同點，都是把「會動」誤判成「有質感」。真正的質感來自訊息收斂與操作順暢，不是來自畫面在動。

現在就動手：三步驟行動清單

看完上面，你應該已經能判斷自己的站要不要輪播、要用哪一條路線。底下是把這篇文章收斂成你可以今天執行的三步。

1. 先用三個條件自查：這個位置僅放一張會不會更好、使用者會不會主動想滑、手機上能不能順利操作。任何一個答案是「不確定」，先別裝輪播。
2. 先用原生模組試做：Divi 5 可用 Group Carousel、Loop 或 Post Carousel；原生設定缺少需要的圖片效果或互動時，再測外掛。
3. 控制載入並用手機實測：確認延遲載入沒有延後首張 LCP 圖、圖片尺寸正確、自動播放可暫停，最終用手機與鍵盤實測。

如果你連 Divi 本身都還沒摸熟，建議先回頭把Divi 主題終極指南走過一遍，再回來裝輪播外掛，會少踩很多基礎坑。輪播僅是視覺的一小塊，把它放在整體網站規劃裡，它才會發揮價值；單獨被當作「讓網站變漂亮」的銀彈，它通常僅會變成拖慢速度又沒人點的裝飾。

輪播這個元件，換句話說，就是一件事：用得好，它是並列展示的高效工具；用得差，它是拖垮速度又稀釋訊息的雞肋。差別僅在於你有沒有先問對問題。現在，輪到你動手了。