OceanWP主題 - 快速輕巧且客製化彈性高多功能主題教學

OceanWP主題 – 快速輕巧且客製化彈性高多功能主題教學

文章最後更新日期 2021 年 3 月 11 日

OceanWP主題是一款2016年推出,非常輕量的 WordPress主題 之一,而且幾乎完全支援第三方外掛和頁面編輯器(如:Elementor、Beaver builder等等),以前要做一個網站可能要30天,透過視覺化頁面編輯器來開發,可能只要3天就可以完成

站長幫客戶使用OceanWP主題架設到目前為止,幾乎還沒遇過有程式衝突的問題,尤其是每個頁面都可以個別設定頁首、頁尾、側邊欄,是一款支援度相當高的一款 WordPress佈景主題

OceanWP佈景主題也支援一鍵式匯入網站範例,讓網站的建置更為方便快速,OceanWP佈景主題免費版至目前為止安裝的次數已60萬次,並在 WordPress.org上獲得五星的評價,可想而之有多麼熱門,

OceanWP免費版的功能已經夠完整了,還有付費外掛(core-extensions-bundle)可以加強,跟免費版相比,除了多了13個付費外掛,還有OceanWP 60+個版型可以快速匯入網站。

以下就開始介紹 OceanWP這款多功能好用的佈景主題

OceanWP官方佈景主題連結 

  1. Personal  – $39 /年 / $159 /終身(1站授權)
  2. Business– $79/年 / $319 /終身(3站授權)
  3. Agency  – $129/年 / $519 /終身(25站授權)
    以上價格為USD美金

一、OceanWP多功能佈景主題介紹

OceanWP主題是一個免費的 WordPress佈景主題,本身支援 多款頁面編輯器 Elementor 及 Beaver Builder,還有支援Woocommerce 購物車及WPML多國語言外掛,可說是應用非常廣泛

OceanWP主題一開始只會先安裝官方的外掛 Oceanwp Extra(用來設定每個頁面的標題列、選單、麵包屑、側邊欄、頁首、頁尾等個別頁面設定)、Elementor free(每個頁面都用這個外掛編輯)

就算是匯入OceanWP 主題的網站DEMO範例,也可以個別設定要安裝的外掛、內容等等,非常的貼心,也能降低程式過多,造成網站速度變慢的問題。

oceanwp佈景主題教學01

二、OceanWP主題提供70款以上的精美的網站範例

對於沒有程式底子的設計人員,因為佈景主題大多數都是英文介面,除了一開始的設計之外,常遇到之後找不到修改地方的冏境

OceanWP主題 已有多款的部落格主題形象網站主題購物車主題一頁式主題,可快速建立出高質感的網站
這個主題更支援許多細部的設定(如選單、部落格版面,購物車版面),加上結合 Elementor外掛,修改的彈性及自由度非常高。

oceanwp佈景主題教學0

三、為什麼大家都推薦OceanWP主題?

OceanWP主題不僅速度快、符合SEO網站體質,還支援 Woocommerce 購物車,還有自行開發許多的 Woocommece好用外掛,例如快速購買模式、購物車浮動欄、商品的呈現方式等,讓客戶不需要跳轉頁面就可以查看商品,優化網站動線,是一款非常值得入手的 WordPress佈景主題之一。

oceanwp佈景主題教學03

四、OceanWP的外掛介紹

OceanWP主題 的付費版有多達20種的外掛,像是常用 浮動式固定,彈出視窗、作品集Protfolio、Elementor小工具、Hook工具等等

可以單一購買所需要的外掛,若是會常使用這款主題,也可以購買套餐方案(單站授權約39美元)比較划算

oceanwp佈景主題教學04

五、OceanWP主題支援的頁面編輯器

先前的文章有提到OceanWP主題支援 Elementor 及 Beaver builder,只因為站長比較常用這兩個「頁面編輯器」,其實OceanWP還有支援更多的「頁面編輯器」外掛,例如 Visual Composer、Divi、Brizy 等等,這也是當初站長非常推薦這款WordPress佈景主題的原因

oceanwp佈景主題教學05

六、OceanWP主題 Shortcodes 簡碼

OceanWP主題不僅支援多數的外掛、頁面編輯器,還有提供 OceanWP Shortcodes 簡碼 ,

例如會員登入狀態、購物車狀態等等,讓你可以自由的將這些功能,放在想要的位置,增加更多的客製化彈性。

七、OceanWP佈景主題安裝及設定

如果你還不知道如何安裝佈景主題的話,在這裡站長初步帶領您 OceanWP佈景主題的安裝及設定方式

1. 先進入到WordPress網站後台,點選左方選單的「外觀」,接著在搜尋欄輸入「oceanwp」,找到佈景後按下「安裝」

OceanWP主題 - 快速輕巧且客製化彈性高多功能主題教學

2.安裝完OceanWP佈景主題之後,會出現一個訊息框,點選「Begin installing plugins」開始安裝所需的外掛

OceanWP主題 - 快速輕巧且客製化彈性高多功能主題教學

3.這裡會列出OceanWP會用到的外掛,全選之後,在下拉式選單選擇「Install」,接著按下「套用」

OceanWP主題 - 快速輕巧且客製化彈性高多功能主題教學

4. 接著會開始安裝所選擇的外掛,安裝完之後點選「Return to the Dashboard」回到控制台。

OceanWP主題 - 快速輕巧且客製化彈性高多功能主題教學

5. 接著會出現第二個提示訊息,這個步驟要做 OceanWP佈景主題的相關設定,點選「Run the Setuup Wizard」開始做設定。

OceanWP主題 - 快速輕巧且客製化彈性高多功能主題教學

6. 進入到OceaWP佈景主題的設定界面,這隻鯊魚是不是很可愛XD,接著按下「Get Started」開始做 OceanWP佈景主題設定

註:這個步驟需要啟用 OceanWP Extra 才能開始設定運作。

OceanWP主題 - 快速輕巧且客製化彈性高多功能主題教學

7. 這個步驟開始選擇想要安裝的網站版型,約有13個免費版型可供預覽,可以選擇「Preview」先觀看網站的風格是否符合需求

確定後按下「Select」,再滑到最下方,點選「Install Demo」開始安裝版型資料

在這裡站長選擇「Coach」這個版型作為示範

OceanWP主題 - 快速輕巧且客製化彈性高多功能主題教學

8. 這裡列出這個版型共需要安裝5個外掛,已安裝的外掛會呈現Activated狀態,未安裝的點選「Install Now」安裝

若是出現Get this addon 的訊息,表示這是付費版的功能,可以到 OceanWP官方購買,也可以略過不管他

全部都安裝完之後,就可以點選「Import」開始匯入網站資料

OceanWP主題 - 快速輕巧且客製化彈性高多功能主題教學

9. 接著會開始運作網站的資料安裝,並在這個步驟出現提示安裝的流程,安裝時間依主機及網路速度而定,通常不會太久

OceanWP主題 - 快速輕巧且客製化彈性高多功能主題教學

10. 順利安裝完之後,就可以開始做網站的LOGO、網站標題、連結顏色的相關設定

OceanWP主題 - 快速輕巧且客製化彈性高多功能主題教學

11. 完成!點選「View Your Website」按鈕,就可以看到剛剛設定的網站內容囉,是不是與範例長的一模一樣

OceanWP主題 - 快速輕巧且客製化彈性高多功能主題教學

八、結論

整體而言,站長覺得 OceanWP佈景主題 是一款值得購買的佈景,網站的設定也非常容易,對於WordPress外掛及頁面編輯器的支援度也相當高

更厲害的地方是可以針對每一個網頁個別設定選單、標題、頁首、頁尾、側邊欄

若是要朝向接案之路,這款佈景主題是必備的,可以讓你少花很多時間,少走很多冤枉路。


若是對於教學文章有不清楚的地方,歡迎在下方留言

如果覺得我們的文章對你有幫助,也歡迎幫我們「分享」文章給更多人

我們正在製作 WP新手架站課程,包含部落格經營、電商網站的建置及經營教學,讓你省下5-10萬元的網站費用,不論是自己要經營,或是要當作接案技能都很適合,有興趣的話可以先填寫Email加入,我們將優先通知您,也能享有早鳥優惠價唷~~

想要快速學習成長架站的話,可以參考 WordPress專人1對1網站教學服務 ,1對1的教學可以針對您的需求,讓你更快速學習學習架站技能

若是有網頁設計的需求,也可以透過「聯絡表單」或是「線上客服」的方式與我們聯繫
我們也有提供一對一教學及顧問服務,有需求的話也都可以跟我們聯絡唷

如果對 WordPress架站 有興趣的朋友,可以訂閱馬思特電子報或是按讚追蹤馬思特粉絲頁,我們將不定時發佈 WordPress網站 及 網頁設計相關文章。

近期開了一個FB社團,「WordPres網站架設 / 網頁設計接案 / 部落格經營 / 網路行銷 / 網路賺錢 」,主要會是討論網站架設、部落格經營、網路行銷,進而探討如何從網路賺到錢,有興趣的朋友歡迎加入社團交流

如果我們的教學文章有對您有幫助,可以在下方按5下拍手,或是請 站長喝杯咖啡 支持我們創作更多優質的文章

更多實用文章推薦

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Scroll to Top