OceanWP Astra
OceanWP Astra

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

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

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

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

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

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

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

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

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

截圖 2022 02 18 下午11.47.23
Astra子主題

Astra自訂調整項目

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

Astra 外觀自訂 00
自訂

全域

Astra 外觀自訂 01
全域
  • 排版樣式:可以調整網站的預設字型、字體大小等等。
  • 色彩:調整主題的主要配色、連結顏色。
Astra 外觀自訂 02
色彩
  • 內容容器:容器版面的配置選項、修改版面寬度等等。
    • 區塊式版面
    • 僅內文套用區塊式版面
    • 全幅寬度:完整置於區域內
    • 全幅寬度:延伸至整個區域
    • Narrow Width
截圖 2023 05 28 下午2.29.54
內容容器
  • 按鈕:調整整個網站的按鈕樣式、顏色等等。
  • 返回頂端:返回頂端按鈕設定。

頁首編輯器

修改頁首。

(若是在這裡修改前台沒有變動,您的網站頁首可能是用 Elementor 製作的唷!可以至「範本」查看)

Astra 頁首編輯器
Astra 頁首編輯器
  • 網站標題及標誌:可以自行上傳圖檔替換網站的Logo,修改網站的標題。
  • 主要選單:選單的部分可以到 外觀->選單 修改。
  • 購物車:修改購物車圖示,也可以刪除圖示,若不是購物車網站則不會出現這個選項。

網站文章

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

Astra 文章
網站文章
  • 網站文章/彙整:文章列表設定。
    • 容器版面配置
    • 資訊欄版面配置
    • 內容寬度
    • 文章結構
    • 中繼資料
    • 文章內容顯示方式
  • 單篇文章:文章內頁設定。
    • 容器版面配置
    • 資訊欄版面配置
    • 內容寬度
    • 相關文章

頁面

頁面的標題、容器版面配置及資訊欄設定。

Astra 頁面
頁面

資訊欄(側邊欄)

這邊有三個資訊欄選項:右邊的側邊欄、左邊的側邊欄,以及一個禁用側邊欄的選項。也可以調整欄位寬度。

截圖 2023 05 28 下午2.47.21
資訊欄

頁尾編輯器

修改頁尾。頁尾是利用小工具、選單組成,點進各個區塊就可以各別調整。也可以到 外觀->小工具外觀->選單 調整。

(若是在這裡修改前台沒有變動,您的網站頁尾可能是用 Elementor 製作的唷!可以至「範本」查看)

Astra 頁尾
頁尾編輯器
  • General:調整小工具內容。
截圖 2023 05 28 下午2.52.11
  • Design:調整小工具的設計。
截圖 2023 05 28 下午2.52.03

WooCommerce

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

Astra WooCommerce
WooCommerce
  • 產品目錄:調整商品列表頁排版,是否顯示分類、篩選器、商品資訊、加入購物車按鈕等等。
  • 單項商品:調整是否需要麵包屑導航列

延伸閱讀:

各種ChatGPT及AI工具應用、指令手冊、解決方案,每週更新。
學習最新AI工具,就上Learn AI
AI如何讓工作更輕鬆、更有效率?立刻學習!
LA廣告-1
LA廣告-2
LA廣告-3
Related Post
最新文章
【教學】如何架設購物網站?電商WooCommerce WordPress設計指南

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

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

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

網頁設計公司
持續更新!8+6個網站架設公司推薦、網頁設計靈感網站

想進行網頁設計的你,在找專業的網頁架設公司推薦、網頁設計推薦嗎?數位時代中每個品牌幾乎都有專屬的品牌網站,就算還未擁有網站的品牌,也即將開始數位轉型,像是開始進行網站架設、網頁設計,在最初規劃網頁時,是否不確定該如何選擇信賴的網站公司、網頁設計公司,接下來本文將整理8間精選網站設計公司、網頁設計公司,協助讀者挑選出專業又能帶入流量的高效益網站。

Canonical url 標準網址
URL 是什麼?完整解析與最佳 SEO URL 設計指南

深入介紹「URL(統一資源定位符)」的定義、結構與運作方式,帶你理解 URL 的每個組成部分,並解析絕對與相對 URL 的差異及其實際應用。同時彙整打造 SEO 友善網址的設計原則,幫助網站管理者優化網站連結結構,提升搜尋引擎排名與使用者體驗。

Selected Post
精選文章
WordPress SMTP
SMTP是什麼?收不到 WordPress 網站的信?

如果您注意到無法收到您的WordPress網站發送的郵件,這可能表示您的網站尚未設定SMTP(簡單郵件傳輸協定)。本文將解釋SMTP是什麼,並解釋為什麼它對您的郵件傳遞如此重要。讓我們來探討解決這個問題的方法!

WordPress網站安全
6個免費檢測網站安全的必備工具(2025更新)

在當今數位時代,網站安全是至關重要的議題。保護你的網站免受惡意攻擊和數據洩露,是確保網站運作正常並維護用戶信任的關鍵。這篇文章中,我們將向你介紹一些免費且有效的網站安全工具,讓你能夠輕鬆檢測和強化你的網站安全。

WordPress 維護
實用!16 個 WordPress 維護的技巧手冊

網站架好了要如何進行 WordPress 維護?你需要定期維護網站核心功能、安裝的外掛、主題和其他方面。WordPress 是一個很棒的內容管理平台,但做好網站維護是讓你的網站在市場上走得更久的關鍵。