OceanWP Astra

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

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

目錄

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

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

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

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

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

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

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

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

Astra自訂調整項目

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

截圖 2022 02 19 上午11.08.30
主題 Astra 外觀自訂可以調整什麼? 10

Global

截圖 2022 02 19 上午11.09.17
Global
  • Typography:可以調整網站的預設字型、字體大小等等。
  • Colors:調整主題的主要配色、連結顏色。
截圖 2022 02 19 上午11.47.36
Color
  • Buttons:調整整個網站的按鈕樣式、顏色等等。

Header Builder

修改頁首。

截圖 2022 02 19 上午11.48.15
Header Builder
  • Site Title & Logo:可以自行上傳圖檔替換網站的Logo,修改網站的標題。
  • Primary Menu:選單的部分可以到 外觀->選單 修改。
  • Cart:修改購物車圖示,也可以刪除圖示,若不是購物車網站則不會出現這個選項。

Blog

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

截圖 2022 02 19 上午11.50.19
Blog

Footer Builder

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

截圖 2022 02 19 上午11.52.14
Footer Builder

WooCommerce

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

截圖 2022 02 19 上午11.57.11
WooCommerce
  • 產品目錄:調整商品列表頁排版,是否顯示分類、篩選器、商品資訊、加入購物車按鈕等等。
  • Single Product:調整是否需要麵包屑導航列

延伸閱讀:

Share 分享 :

分享在 facebook
分享在 twitter
分享在 telegram
分享在 email
Related Post

最新文章