第一次打開 OceanWP，畫面乾淨到讓人不知道該從哪裡按起。它的設定不像一般主題全擠在一個後台頁面，而是拆成「外掛擴充、設定精靈、版型庫、Customizer」四塊，分散在不同入口。新手最常卡的不是不會用，而是找不到設定到底藏在哪。

這篇會把 OceanWP 主題設定從頭走一遍：先裝對外掛、跑完設定精靈、匯入版型庫，再進到 Customizer 把每個面板的用途講清楚，最後談子主題與免費／付費版的取捨。照著順序做，你不用反覆在後台來回找選項，一次就把架構搭起來。

為什麼 OceanWP 適合新手與接案網站

OceanWP 的核心設計理念是「主題輕、功能用外掛補」。一般 WordPress 主題在安裝時，會把所有可能用到的功能全部塞進後台，不管你用不用得到，這會占用主機資源、拖慢網站速度，甚至因為程式碼衝突出問題。OceanWP 反過來，主題本身只保留必要結構，其他功能透過官方外掛按需求加掛。

這個架構帶來三個實際好處。第一、檔案輕、載入快，對在意網站速度的人是加分；第二、版型匯入時會提示「這個版型需要哪些外掛」，不會強迫你裝一堆用不到的東西；第三、每個頁面都能單獨設定頁首、頁尾、側邊欄、麵包屑，彈性很高，這也是它在接案族群裡受歡迎的主因。

OceanWP 在 WordPress.org 上累積超過 50 萬個啟用數、接近五星評價，社群討論資源充足，遇到問題容易找到解法。它同時相容 Elementor、Beaver Builder 等多款頁面編輯器，也針對 WooCommerce 開發了專屬功能，從部落格、形象網站到購物網站都能用同一套主題搭起來。

OceanWP 主題的安裝與 Ocean Extra 外掛啟用步驟

安裝 OceanWP 不需要先付費或下載壓縮檔，直接從 WordPress 後台搜尋就能裝。進到「外觀」→「佈景主題」→「安裝佈景主題」，在搜尋欄輸入 OceanWP，找到後按「安裝」，再按「啟用」。

啟用之後，後台上方會跳出一段提示，要你安裝相依外掛，這一步千萬不要跳過。OceanWP 之所以好用，關鍵就在 Ocean Extra 這個官方擴充外掛——主題的設定精靈、版型庫匯入、Customizer 裡大部分的進階面板，全都要靠它才能運作。

點「Begin installing plugins」進入外掛清單，這裡通常會列出 Ocean Extra、Elementor、WPForms 等幾個推薦外掛。其中 Ocean Extra 是必裝，Elementor 與 WPForms 看需求再決定。勾選要安裝的項目後，在批次管理的下拉選單選「Install」並套用，系統會自動下載並啟用。

外掛裝完後，控制台會出現第二段提示，引導你執行設定精靈。Ocean Extra 沒啟用，這個精靈是跑不起來的，所以前一步的外掛安裝一定要先完成。

設定精靈會帶你走過哪些步驟

設定精靈（Setup Wizard）是 OceanWP 替新手準備的引導流程，會用問答的方式帶你跑完最初的幾項設定。點「Run the Setup Wizard」進入後，會先看到一隻鯊魚的歡迎畫面，按「Get Started」開始。

精靈主要做四件事。第一、讓你挑一個版型套用，免費版約有 13 個版型可以預覽；第二、上傳網站 Logo；第三、設定網站標題與基本識別資訊；第四、選擇頁尾等版面樣式。每一步都能即時看到效果，新手照著走比較不會迷路。

如果你已經想清楚要自己手動設定，這個精靈是可以跳過的。在第一段提示直接點「Skip」，或在版型選擇那一步選「Skip Step」，就會略過版型套用直接進到後台。建議第一次安裝的人至少把精靈完整跑一遍，先感受一下整體流程，之後再回頭微調會更清楚每個設定的位置。

需要提醒的是，精靈裡套用版型只是把整體外觀搭起來，真正細部的字體、間距、顏色調整，還是要進 Customizer 才能做。精靈是起點，不是終點。

版型庫匯入流程與三種匯入元件的取捨

版型庫匯入是 OceanWP 最受新手歡迎的功能，一鍵就能把一個設計完整的範例網站套到自己站上。入口在後台側邊選單的「Theme Panel」→「Install Demos」（舊版稱 Theme Panel，新版整合進 OceanWP 面板，功能相同）。

進到版型清單後，可以用上方的分類篩選器找特定類型，或點「Live Preview」先在新分頁看版型的實際樣式。決定好之後，點版型縮圖或「Import」按鈕開始匯入。免費版透過 Ocean Extra 可用的是 freemium 版型，擁有 Ocean Core Extensions 授權並裝了 Ocean Pro Demos 外掛後，可選的完整網站版型會超過 200 個，還能在 Elementor 與 Gutenberg 兩種版本之間挑。

匯入前系統會先檢查這個版型需要哪些外掛。已安裝的會顯示「Activated」，沒裝的點「Install Now」補上。如果某個外掛顯示「Get This Addon」，代表那是付費功能，可以略過不裝——只是匯入後會比預覽的 DEMO 少幾項功能，整體版型還是進得來。

真正關鍵、也是多數教學沒講清楚的，是匯入時可以選擇要匯入哪些元件。通常會分成三塊：

• 頁面與文章內容（XML）：範例的頁面、文章、圖片、選單。如果你已經有自己的內容，不想被範例文章洗版，這一項可以不勾。
• 小工具（Widgets）：側邊欄、頁尾的小工具配置。建議新手勾選，省去自己重排的時間。
• Customizer 設定（.dat）：版型的字體、配色、版面樣式。這一項最容易被忽略，但它才是讓你的網站長得跟預覽一樣的關鍵。沒匯入這個，套版後的外觀會跟你看到的 DEMO 差很多。

選好元件後按下匯入，系統會開始安裝資料，時間依主機與網路速度而定，通常不會太久。完成後點「View Your Website」就能看到成果。匯入後接著要做的，就是替換成自己的 Logo、文字與圖片。

Customizer 客製選項各面板用途導覽

OceanWP 把網站的全站樣式設定都放在 WordPress 原生的「自訂」裡（外觀→自訂），這跟某些需要在後台與前台之間反覆切換的付費主題不同，OceanWP 是即時預覽，左邊改、右邊馬上看到變化，調整效率高很多。

搭配免費的 Ocean Extra，Customizer 會出現一整排面板，各自負責不同範圍。下表整理目前版本的主要面板與用途，方便你按需求直接找對位置：

調整順序上有個實用的做法：先在 Typography 與 Colors 把全站的字體、配色定好調性，再進 Header、Footer 處理頁首頁尾這兩個每頁都出現的區塊，最後才進 Blog、Sidebar 微調內頁。先大後小，比較不會改了又改。

要注意的是，這裡設定的都是「全站套用」的樣式。OceanWP 同時允許你在個別頁面、文章、商品上用 Metabox 覆寫全站設定，所以全站先定好基調，再針對特定頁面做例外，是最省力的工作流。

Customizer 樣式匯出匯入與效能面板的進階用法

OceanWP 面板裡的 Customizer 區塊，除了控制要顯示哪些設定，還藏了兩個進階且實用的功能：樣式的匯出匯入，以及一鍵重設。

樣式匯出匯入（Customizer Styling Import & Export）可以把你目前整站的 Customizer 樣式匯出成一個 .dat 檔案，也能把別處的 .dat 匯回來。這個功能在兩種情境特別重要。一是你想沿用某個版型的完整樣式，把對應的 .dat 匯入即可；二是你準備改用子主題，可以先把母主題的設定匯出再匯入子主題，避免辛苦調好的樣式歸零。

效能面板（Performance / Scripts & Styles）讓你關閉沒在用的 JavaScript 與 CSS。OceanWP 預設會載入一些通用資源，把確定用不到的關掉，網站就不必載入多餘檔案，載入速度會更乾淨。但這裡有個前提：如果你對 JavaScript 或 CSS 完全沒概念，或關掉後沒看到明顯的速度改善，建議維持預設不要亂動，以免關掉了某個版型正在依賴的資源，導致版面跑掉。

另外還有一個 Customizer Reset（重設）功能，能把所有 Customizer 設定清空、還原成 OceanWP 的預設值。它只會重設樣式設定，不會刪掉你網站的內容，所以當你把樣式調到一團亂、想重新來過時，這是個安全的退路。重設前記得先用上面的匯出功能備份一份目前的 .dat，以防之後又想要回去。

子主題該不該裝，以及安裝前要先備份什麼

子主題（Child Theme）解決的是一個很多人踩過的坑：主題更新會覆蓋你的客製。如果你曾經直接改過主題檔案、或在某些地方加過自訂程式碼，當你按下「佈景主題更新」，這些改動就會被新版原廠設定覆蓋掉，等於白做。子主題會把客製的部分獨立出來，更新母主題時不受影響，更新後的版本也能繼續沿用你的設定。

不過要先釐清一個常見誤解：在 Customizer 裡做的設定（字體、顏色、版面）是存在資料庫裡的，主題更新不會把它們蓋掉，所以光是調 Customizer 並不需要子主題。真正需要子主題的時機，是你打算動主題檔案或加 PHP／CSS 程式碼的時候。如果你全程只用 Customizer 與 Elementor，沒碰過任何檔案，那子主題對你來說不是必需品。

如果確定要裝子主題，動手前的第一步是備份。先到 OceanWP 面板的 Customizer 區塊，把目前的樣式匯出成 .dat 檔案留好。接著到 OceanWP 官方資源取得子主題壓縮檔，在後台「外觀」→「佈景主題」→「安裝佈景主題」用上傳的方式裝進來，再按「啟用」。

啟用子主題後，網站可能會先回到接近預設的樣子，別緊張——這時把剛才備份的 .dat 透過樣式匯入功能匯回來，原本的樣式就會回到子主題上。整個流程 OceanWP 設計得相當友善，幾個按鈕就能完成，不像傳統手動建立子主題那樣要自己寫 style.css 與 functions.php。

免費版與付費版的差異，什麼時候才該升級

OceanWP 主題本身完全免費，付費的是擴充功能與更多版型。免費版搭配 Ocean Extra 已經能設定頁首、頁尾、側邊欄、選單、麵包屑，也能匯入約 13 個 freemium 版型，對部落格、簡單形象網站來說功能其實夠用。

付費的 Core Extensions Bundle 主要多了兩類東西：一是進階外掛，例如彈出式登入視窗、固定頁首、側邊滑出面板、作品集、頁尾召喚行動區塊、Cookie 通知等；二是 200 多個完整網站版型，且能在 Elementor 與 Gutenberg 之間選。授權目前分成個人（1 站）、商業（3 站）、接案（25 站）三種等級，各自有年繳與終身買斷兩種付費方式。

判斷要不要升級，可以用一個簡單的原則：先用免費版把網站做到不能再做為止，真的卡在某個特定功能、而那功能剛好是付費外掛提供的，再單點補上。 OceanWP 的版型匯入會明確標示哪些外掛是付費的（顯示 Get This Addon），你會很清楚自己缺的是哪一塊，不會為了用不到的功能整包買下去。

對接案者或要長期重複使用這套主題的人，買斷的接案授權通常比年繳划算；只架一個自己的網站、又確定會用到付費功能，個人版就足夠。如果只是經營部落格或內容型網站，多數情況免費版加上一套頁面編輯器就能滿足。

把 OceanWP 設定走順的關鍵，不在於把每個選項都調過一遍，而在於搞懂這四塊入口各自管什麼：外掛擴充負責「能用哪些功能」、設定精靈負責「快速搭起骨架」、版型庫負責「外觀範本」、Customizer 負責「全站樣式微調」。先裝好 Ocean Extra，挑一個接近需求的版型匯入（記得連 Customizer 的 .dat 一起匯），再進 Customizer 從字體配色往下調，最後視情況決定要不要上子主題與付費外掛。

照這個順序做，下次要改網站時你會知道該去哪個入口，而不是在後台一頁頁翻。現在就先把 Ocean Extra 裝起來，跑一次設定精靈，把你的第一個版型匯進去——其餘的細節，等網站骨架立起來再慢慢雕。