OceanWP Astra
OceanWP Astra

主題 OceanWP 外觀自訂可以調整什麼?

快速架站精選模板佈景主題OceanWP,教你如何修改調整外觀自訂項目。
目錄

快速架站的精選模板使用OceanWP佈景主題,這篇文章會介紹使用OceanWP佈景主題時,可以在後台的外觀->自訂做什麼調整。

WordPress主題模板需要客製化修改

  • 精選版型的套版內容都是英文,改成中文字時,標題字體通常太大,內容字體通常太小,需要做適當的調整,讓網站設計符合中文使用者的閱讀習慣
  • 主題的 Logo 需要進行替換成你的或客戶品牌的Logo。
  • 主題的整體配色要調整成你的品牌色系,做設計上的搭配。(例如,連結顏色、按鈕顏色、背景顏色等等)
  • 客製化隱藏不需要的欄位。(例如,作者名稱、社群分享按鈕、留言數等等)
  • 修改header、footer位置、內容、連結等等。

如何知道網站目前使用什麼主題?

可以到後台->外觀->佈景主題查看網站目前使用哪個佈景主題。

OceanWP-1
後台->外觀->佈景主題

瑞布架站會新增主佈景主題的子主題,這是避免客製化的內容,在WordPress核心或佈景主題更新時被覆蓋過去。

OceanWP-2
OceanWP子主題

OceanWP自訂調整項目

外觀->自訂可以調整很多項目,我們會介紹比較常見的項目。

截圖 2022 02 10 下午10.32.41
自訂

General Options

截圖 2022 02 10 下午10.35.45
General Options
  • General Styling:可以調整背景顏色、連結顏色及hover時的顏色。
截圖 2022 02 10 下午10.42.15
General Styling
  • Page Tiltle:可以調整要不要顯示頁面標題、麵包屑。
截圖 2022 02 10 下午10.39.02
Page Title
  • Scroll To Top:可以開啟或關閉滾動到頂部按鈕,可以更改圖示、大小、顏色。
截圖 2022 02 10 下午10.46.09
Scroll To Top

Blog

修改部落格文章列表頁(Blog Entires)及內頁(Single Post)設定。

OceanWP Blog
Blog
  • Blog Entires 文章列表
    可以修改文章列表的排版(Layout),有無側欄、欄位數量等等。
Blog Entires 文章列表
  • Single Post 文章內頁
    同樣可以修改文章內頁的排版(Layout),例如全寬、有無側欄、顯示什麼資訊。
Single Post 文章內頁

Header

修改頁首。

截圖 2022 02 10 下午10.54.51
Header
  • General:可以修改頁首的樣式。
  • Logo:替換你的品牌Logo,設定寬高。
  • Menu:設定Menu樣式、連結顏色等等。
  • Social Menu:可以放品牌的社群連結,會顯示社群 icon。
  • Mobile Menu:調整行動裝置版的header。

Footer

Footer通常會在 Theme Panel->My Library 做修改,Select Template這邊可以選擇設定好的Footer樣式。

若沒有設定 Template 可以在此修改 Footer 呈現的樣式。

截圖 2022 02 11 上午1.00.50
Footer

Social Sharing

修改文章內頁的社群分享按鈕及樣式,只有內建的社群按鈕可以做顯示或隱藏,無法新增其他社群。

Social Sharing
Social Sharing

WooCommerce

若你的網站是購物車網站,我們使用WooCommerce外掛,可以在自訂調整部分視覺修改。

  • General:調整Wishlist、On sale。
  • Menu Cart:調整header購物車圖示樣式。
  • Advanced Styling:調整所有商品頁的連結顏色、按鈕顏色、背景顏色等等。
Ocean Woo
WooCommerce
  • Archives:調整商品列表頁排版(Layout),有無側欄、欄位數量,是否顯示 Toolbar、分類、篩選器。
Product Archives
  • Single Product:調整商品內頁排版(Layout)、樣式、摘要元素位置、顏色。
Single Product

延伸閱讀:

各種ChatGPT及AI工具應用、指令手冊、解決方案,每週更新。
學習最新AI工具,就上Learn AI
AI如何讓工作更輕鬆、更有效率?立刻學習!
LA廣告-1
LA廣告-2
LA廣告-3
Related Post
最新文章
【2025 跨境網站營運必備!】從 Surfshark 購買指南看最強 VPN 選擇

如果你曾經試過在中國大陸更新公司網站、用 Google 查關鍵字、或想登入 Facebook 管理廣告帳號,那你一定知道,那種 “網路不通就是地獄” 的無力感。
別擔心,解藥叫 VPN。VPN(虛擬私人網路)不只是跨區看片的工具,它更是跨境網站運營者的秘密武器。今天,我們就來從 surfshark購買指南 開始,聊聊 2025 年網站運營者與設計師該怎麼選 VPN,才能在中國大陸、台灣、甚至歐美市場之間自由穿梭。

【教學】如何架設購物網站?電商WooCommerce WordPress設計指南

擁有一個專屬的購物網站是品牌走向電商化的關鍵之一,無論中小企業、創業者還是個人品牌,都可以透過WordPress購物網站架設及電商網站必備的WooCommerce外掛,設計出符合使用者邏輯的電商網站。本文將帶你了解電商網站架設流程、WooCommerce WordPress教學、從購物網站架設基礎觀念、電商平台比較到實際操作教學,幫助品牌打造高效又能帶來轉換的電商網站設計。

wordpress架站
WordPress網站架設步驟、費用整理!網頁設計與架站前先看

WordPress架站是什麼?在資訊快速發展的時代,幾乎每個品牌都有專屬品牌網站,並且多數人選擇WordPress架站,很多人最在意之一:WordPress架站費用是多少?WordPress網站架設自己做可以嗎?本文將帶你了解WordPress為什麼能成為全球最受歡迎的架站平台,分析不同架站類型的選擇方向,讓你實際了解WordPress架站與網站設計。

Selected Post
精選文章
什麼是VPS主機
VPS主機是什麼?網站效能升級的最佳選擇!

現今,網站及應用程式的需求不斷增加。如果你不是一個專業的網站開發人員,你可能會對虛擬專屬伺服器(VPS)主機一知半解。本文將向你說明VPS主機及其優勢,以及什麼是主機代管,讓你更容易理解並做出明智的選擇。

SSL憑證
SSL憑證/https是什麼?對網站SEO排名有很大的影響?

SSL(Secure Sockets Layer),也就是安全資料傳輸層憑證,是網頁伺服器與瀏覽器之間的加密通信安全技術,確保您的網站資料不容易被攔截。但它對於網站的SEO又有什麼影響呢?我們將解釋這個重要的議題,讓您更了解SSL憑證的作用。