多數人以為，免費的 WordPress 佈景主題功能一定被閹割成試用版，真正實用的功能都得靠加購才解得開。OceanWP 卻反過來操作，主題本身完全免費，沒有隱藏的功能牆，站上有超過 50 萬個網站正在用它，需要更進階的效果時，加購的是額外的擴充能力，不是被鎖住的基本功能。
選佈景主題最麻煩的地方，往往不是找不到免費選項，而是免費版能撐多久。裝上去先體驗良好，等網站做到一半才發現版面編排卡死，想加個側邊欄要另外找外掛湊，最後還是得整套換掉重來。OceanWP（讀作 Ocean WP）是 2016 年推出的多用途 WordPress 佈景主題，設計邏輯跟這類先甜後苦的免費主題不同，主題本身只搭好骨架與基礎功能，其餘依需求靠免費的 Ocean Extra 外掛與付費擴充套件加掛，不會強迫網站一開始就背負用不到的功能。這套模組化的做法，正是它能撐住 50 萬站規模又維持輕量的原因。
OceanWP 是什麼？50 萬站啟用的免費 WordPress 主題
OceanWP 是一款 2016 年上架、完全免費的 WordPress 多用途佈景主題，官方在 WordPress.org 主題目錄公開的啟用數已經超過 50 萬（Active Installations 500,000+），是目前規模數一數二的免費主題之一。它鎖定的不是單一產業，而是什麼類型的網站都做得出來，形象網站、部落格、作品集、線上商店，套用不同示範範本後外觀差異很大，底層用的卻是同一套主題核心。
跟多數全包式主題不同，OceanWP 不強迫使用特定的頁面編輯器。喜歡用區塊編輯器（Gutenberg）排版可以直接用，習慣 Elementor、Beaver Builder、Brizy、Visual Composer、SiteOrigin 或 Divi 這幾款主流頁面建構工具的人，換上 OceanWP 也能沿用原本熟悉的排版習慣，不必為了主題重學一套操作邏輯。電商網站也不例外，OceanWP 跟 WooCommerce 整合得相當深入，商店頁與商品頁的購物體驗細節後面會展開；除此之外，官方也把 Easy Digital Downloads、LifterLMS、LearnDash 這幾款數位商品與線上課程外掛列為支援對象，經營數位產品或開課平台同樣用得上。
這些相容性清單背後，其實都指向同一個設計邏輯，主題本身盡量保持精簡，功能要擴充到什麼程度，交給使用者依需求決定。
安裝後主控台跳出的 2 項外掛提示
多數付費主題得先付費、下載壓縮檔，再手動上傳到後台安裝，OceanWP 省掉這道手續。在 WordPress 後台「外觀→佈景主題→新增佈景主題」直接搜尋「OceanWP」，點擊安裝、啟用就完成，全程不必離開後台介面，也不用先付款。
啟用之後，主控台會立刻跳出一則提示，建議安裝兩支外掛：一支負責匯入示範內容，讓後面要匯入的範本能一鍵套用完整頁面與文章；另一支是 Ocean Extra，也就是 OceanWP 的核心配套外掛。這裡容易讓人誤會的是，Ocean Extra 聽起來像是另一個可裝可不裝的加分外掛，實際上它是主題功能的延伸模組，前面提到的示範範本匯入、後面會講到的逐頁版面覆寫，背後運作的都是它。官方 FAQ 講得很直接，沒有裝 Ocean Extra，OceanWP 只會是一個功能有限的基本主題。這也是為什麼這一步不建議跳過，即使當下用不到那些進階設定，先裝起來也不吃虧，Ocean Extra 本身完全免費，沒有功能被鎖住的付費限制。
免費版型一鍵匯入，不必從空白頁面開始排版
排版最耗時間的部分，往往不是寫內容，而是從一片空白開始決定版面骨架，首頁要放哪些區塊、選單怎麼排、色系怎麼搭。OceanWP 內建的示範網站範本庫（官方稱 Site Templates，後台介面叫 Install Demos）就是要解決這件事，選一個範本，點下匯入，連頁面、文章、選單結構、Customizer 的樣式設定都會一併套用，等於直接拿到一個做好的網站雛型，不必再從零排起。
範本庫的數量會隨官方持續增修，這裡不鎖死一個具體數字，但涵蓋的網站類型相當廣，部落格、形象網站、作品集、線上商店都找得到對應範本。比較實用的細節是，同一個版型常常會分成三種版本，Elementor 版、Gutenberg 版，還有完全不依賴頁面建構工具的無建置器版，習慣用哪一套排版工具就選對應版本，不必為了套用某個範本改學新工具。
匯入前系統會先列出這個範本需要哪些外掛：免費的部分會標示「Install Now」，可以直接一鍵裝好；需要付費擴充的部分則標「Get This Addon」，讓使用者在按下匯入之前，就先知道這個範本要花多少額外功夫才能跟示範網站長得一模一樣。
7 種頭部版型，其中穿透式與垂直導覽較少見
頭部（Header）是使用者一進站就會看到的區塊，OceanWP 在這裡準備了 7 種版面樣式可以切換，其中大部分是常見的水平排列，但有兩款在免費主題裡比較少見。一是穿透式頭部，背景透明，直接疊在首屏的圖片或影片區塊上，適合形象網站營造沉浸感；二是垂直頭部，導覽列固定在畫面側邊、不放在頂端，這種排法在作品集類型的網站上尤其常見，能讓主視覺有更完整的展示空間。
頭部裡的每個元素都能個別設定，包含 Logo、社群圖示選單、搜尋框的呈現樣式、選單的下拉樣式，彼此互不牽連，換掉其中一項不會動到其他設定。
有一點要先講清楚，避免搞混，頭部置頂顯示本身分成 2 層。免費版就有的是基礎版，捲動頁面時頭部固定在畫面頂端不消失；進階的置頂特效，像是捲動時頭部縮小的動畫、多種滾動顯示效果（滑入、往下捲隱藏、往上捲才顯示），以及置頂狀態下換用另一個獨立 Logo，這些都歸在付費擴充套件 Sticky Header 裡，官方文件也明講這是搭配 OceanWP Pro Bundle 才會開放的進階功能。免費版能做到頭部固定不消失，但特效層級的置頂效果需要額外加購，這條分界線值得記住。桌機與行動裝置的頭部設定各自獨立。
手機選單 3 種版面，含滑出式動畫
手機版頭部並不是桌機版本自動縮小顯示，而是一整套獨立的設定系統，牽涉到的第一個概念是斷點（breakpoint），畫面寬度低於自訂的數值時，才會切換成手機版頭部呈現，判斷依據是螢幕寬度，不是單純辨識裝置種類，這代表平板橫放時可能還吃桌機版設定，直放才切到手機版，實際切換點可以自行調整。
手機版頭部有 3 種呈現樣式：下拉式在原本的位置往下展開選單，側邊欄式從畫面側邊滑入，展開時原本的頁面內容會被推到一旁，全螢幕式則是選單展開後直接蓋滿整個畫面，三種樣式適合的場景不太一樣，選單項目多的網站用全螢幕式或側邊欄式通常比下拉式清楚。
點開選單的漢堡圖示本身也能替換成自訂圖示，不必用預設的三條線樣式，動畫效果會在點擊時跟著切換，不是靜態圖示硬切換畫面。手機版的選單內容、Logo、搜尋框顯示位置都能獨立於桌機版設定，桌機版用的選單項目、桌機版用的 Logo，手機版都可以換成完全不同的版本，不會因為調整手機版而牽動桌機顯示。
全站版面設定和逐頁個別覆寫的差別
OceanWP 的版面控制分成 2 層，先掌握這個邏輯，後面提到的 Metabox 才不會覺得選項太多眼花撩亂。第一層是 Customizer 裡設定的全站預設，全站可以選 5 種常見的版面配置組合，主要差在側邊欄要不要顯示、顯示在左邊還是右邊，這一層設定會套用到全站每一個頁面，是預設值。
第二層才是逐頁覆寫，靠的是內建的 Metabox。打開任何一篇文章、頁面、商品、商店頁面的編輯畫面，都會看到一個設定區塊，可以針對這一頁單獨改掉版面配置、換掉 Logo、開關頁首標題、開關麵包屑顯示、開關頁尾版權區、指定要用哪個側邊欄、開關 Top Bar、指定要套用哪個選單，甚至自訂這一頁專屬的標題與副標題，全部不用寫一行程式碼，改完存檔就生效，也不會影響到其他頁面的全站設定。官方原文把這個機制描述成不必寫任何自訂程式碼，就能輕鬆覆寫全站設定，這也是 OceanWP 拿來跟同類主題做區隔的重點之一。
404 錯誤頁與搜尋結果頁這兩種特殊頁面同樣適用這套邏輯，可以各自指定專屬版面與 Logo，跟一般頁面分開處理。搜尋結果頁更進一步，能自訂要顯示的搜尋結果筆數，也能指定搜尋要涵蓋哪些內容類型，等於連這種平常最容易被忽略的頁面都保留了客製空間。
Ocean Extra 外掛補上的選單與字體管理
前面提到 Ocean Extra 是 OceanWP 的核心配套外掛，它實際補上的功能不只一項。第一項是字型本地化，預設狀態下網站字型多半直接連到 Google 伺服器讀取，Ocean Extra 一鍵就能把 Google 字型下載到自己主機上，不必手動上傳字型檔，官方的說法是這樣做能讓網站讀取更快，也更符合 GDPR 對使用者資料隱私的要求。除了 Google 字型，也支援 Adobe Fonts（Typekit）串接，慣用 Adobe 字型庫的設計工作流程可以直接沿用。
選單管理是另一個重點。想把導覽選單變成分區塊呈現的大型選單（Mega Menu），直接在 WordPress 內建的「外觀→選單」設定裡就能啟用，不必另外安裝專門的選單外掛；選單項目也能加上圖示，支援 Font Awesome、Simple Line Icons、Dashicons 這幾套常見的圖示庫，選單看起來不再只是純文字清單。
Ocean Extra 還內建多種現成的 shortcode，像是自動顯示目前年份、顯示目前登入的使用者名稱、登入或登出連結、麵包屑，以及 WooCommerce 購物車，這些原本得寫程式碼或另外找外掛才能做到的小功能，貼一段 shortcode 就能用。另外還有一項是 Customizer 面板管理功能，後台選項一多，Customizer 側邊欄常常長到要一直捲動，這個功能可以把用不到的設定面板整個關閉，介面變乾淨，載入速度也會跟著變快，對只用得到主題一小部分功能的使用者尤其實用。
WooCommerce 商店頁不只裝外掛，還內建 4 項購物體驗
不少人以為，WooCommerce 網站要做到浮動購物車、商品快速預覽這類體驗，都得另外裝專門的外掛才有，OceanWP 免費版其實內建了 4 項這類功能，不必額外加裝。
第一項是 Sticky Add to Cart，也就是浮動加入購物車列。捲動商品頁面時，這條加入購物車的按鈕列會固定跟隨在畫面上，不會因為捲動就消失不見，官方把這項功能定位成用來提高轉換率的細節設計。第二項是 Product Quick View，商品快速預覽，在商店列表頁點一下商品就會彈出簡述視窗，不必整頁跳轉到商品詳情頁，就能先判斷要不要繼續看下去。
第三項是 Off Canvas Cart，也就是側邊滑出式購物車，購物車直接嵌在選單裡，點擊後從側邊滑出呈現，不必整頁跳轉到購物車頁面才能看到目前放了什麼商品。第四項是 Off Canvas Filter，篩選欄同樣以側邊滑出的方式呈現，讓商店主頁面保持乾淨，不會被一長串篩選選項擠壓版面。
商店列表頁與商品頁本身也能自由排版。商店與商品列表頁提供 4+1 種版面樣式可以切換，商店列表頁另外有 7 個可自由排序的版面建構元素，單一商品頁則有 6 個，全部在 Customizer 裡用視覺化方式拖拉調整順序，不必碰任何程式碼，商店頁想把商品評價排在價格前面，或是把加入購物車按鈕移到描述上方，都能直接在後台調整。
文章列表、單篇內容的版面選項
部落格相關的版面選項同樣走 Customizer 視覺化調整的邏輯。文章列表頁提供 3 種呈現樣式：格狀排列的 Grid、以大圖為主的 Large Image、圖文並排的 Thumbnail，三種切換起來畫面差異明顯，選哪一種主要看網站想強調的是版面密度還是圖片視覺。分頁方式也有 3 種可選，標準的頁碼分頁、往下捲動自動載入下一批文章的無限捲動，還有單純的上一頁與下一頁按鈕，適合的情境不同，內容量大、希望讀者停留久一點的站台常用無限捲動。
單篇文章與列表頁的內容結構都能自由排序，不必受限於主題原本排好的固定順序。單篇文章結構有 9 個可獨立排序、也能個別開關顯示的內容元素，例如標題、meta 資訊、內文、相關文章這幾個區塊，都能調整先後順序或直接關閉；列表頁的內容結構則有 5 個可排序元素。文章的 meta 資訊本身還能細部勾選要顯示哪些項目，總共提供 6 種可選欄位，作者、發布日期、分類、留言數這類資訊要不要露出，可以個別決定。
相關文章區塊與上一篇、下一篇文章的判斷邏輯也能自訂，各自指定要依哪一個分類法（taxonomy）來判斷關聯性，而不是綁死用預設的文章分類，這對用自訂分類法管理內容的網站來說是實用的細節。
頁尾小工具的欄位數、視差捲動效果
頁尾常常是整個網站被忽略最多的區塊，OceanWP 在這裡也做了不少細節。頁尾小工具區可以整個開關顯示，欄數與間距也能自行調整，不受限於預設的排列方式。視差捲動（Parallax）效果是額外提供的設計選項，捲動頁面時頁尾背景會用不同速度移動，做出立體層次感，想要更素雅的呈現也可以直接關掉這個效果。
如果連內建的頁尾小工具區都不夠用，也可以用自訂範本完全取代，換句話說預設的頁尾小工具排列方式不是唯一選擇。頁尾版權區同樣能自訂，可以放自訂文字內容，而且支援 shortcode，前面提到的目前年份、登入連結這類 shortcode 都能直接放進版權文字裡；也能指定要在頁尾顯示哪一個選單，或是整個關閉版權區的顯示。就連頁尾小工具的標題要用哪個 HTML 標題標籤，都能個別選擇，這種細節對在意網站結構完整度的人會用得上。
SEO 不是外掛的事，主題本身也內建結構化資料
多數人優化 SEO 的第一反應是裝 Yoast 或 Rank Math 這類外掛，但主題本身的程式碼結構與內建的結構化資料同樣有影響，這一塊常常被忽略。OceanWP 官方直接列出這方面的內建功能，整合了基礎的結構化資料（Schema），標題標籤（H 標籤）可以調整，另外還有幾項附加的 SEO 相關設定。
標題階層是常被忽略卻很重要的一塊，OceanWP 讓頁面標題、部落格標題、單篇文章標題這幾處都能個別調整要用哪個 H 標籤層級，避免整個網站的標題階層因為主題預設寫死而錯亂，例如同一頁裡出現兩個 H1 這種對 SEO 不利的結構問題。麵包屑（breadcrumbs）也有獨立的顯示開關與分類法設定，讓使用者決定麵包屑要不要顯示、要依照哪種分類邏輯呈現，這項功能除了幫助搜尋引擎理解網站的頁面階層，對使用者導航同樣有幫助，不是純粹為了 SEO 而存在的裝飾。
這些都是主題底層打的基礎，不是拿來取代專門的 SEO 外掛。真正的關鍵字優化、meta 描述設定、頁面標題撰寫，仍然要靠 Yoast、Rank Math 這類專門的 SEO 外掛完成，兩者的關係是互補，一個顧底層結構，一個顧內容層面的優化，缺一邊都不完整。
效能設定，停用不需要的腳本或樣式
輕量是 OceanWP 常被提到的優點之一，具體做法在效能控制面板裡看得到。這個面板可以把用不到的 WordPress 選項，或是 OceanWP 自身功能對應的腳本與樣式檔案逐一關閉，減少頁面要載入的檔案量。這個邏輯跟另外裝快取外掛不太一樣，快取外掛是把已經載入的檔案壓縮、合併，效能面板則是從源頭下手，用不到的功能就連帶它的程式碼一起關掉，不讓瀏覽器多花時間去讀取根本用不上的東西。
同一個區塊底下，還有一個新增自訂 CSS 與 JS 的面板，可以直接在 Customizer 裡貼上自訂程式碼，不必另外開檔案編輯器，也附有現成的自訂程式碼庫可以直接套用參考。對剛接觸 OceanWP 的使用者，建議預設維持原樣即可，只有確定某個功能完全用不到時才手動關閉，避免關掉的其實是網站正在用的功能，反而造成版面跑掉或某個區塊消失不見。
免費版功能完整，付費擴充分 3 種方案規模
免費版功能完整，讀到這裡已經很清楚，不是閹割過的試用版。官方 FAQ 對 Ocean Extra 的定位講得直白，它是 100% 免費、功能全開、沒有任何限制的外掛，前面提到的版型匯入、逐頁覆寫、選單與字型管理，全部不用多付一毛錢。
真的需要更進階的功能時，像是前面提到的置頂特效，或是白標介面、彈出視窗這類進階效果，加購有 2 種做法，可以單獨購買某一個擴充套件，只補上真正需要的那一項，也可以直接買下包含所有擴充套件的整合方案包。方案包依可安裝的網站數量分成 3 個規模層級，依序遞增，適合單一網站的接案者，跟同時維護數十個網站的代理商，各自對得上不同層級。計費週期有 2 種選擇，年繳訂閱，或是一次付清的終身授權，兩種模式都提供 14 天不囉唆的退款保證，加上持續的功能更新與技術支援承諾。至於實際金額，官方定價頁採動態載入且會不定期調整，這裡不寫死一個數字，實際要加購前，直接到官方頁面看當下公佈的價格最準。
整體來看，OceanWP 的策略跟多數強調一次給到滿的全包式主題不同，先把免費版的骨架打紮實，讓超過 50 萬個網站不用多花一毛錢就能架出一個功能完整的網站，真正碰到進階需求時，才用外掛層一項一項補齊。對剛接觸 WordPress、還在挑第一款佈景主題的人，這套先夠用、要加購才加購的邏輯，會比一次面對滿滿的付費選單來得踏實。