Astra主題如何編輯頁首頁尾?快速建立網站Header & Footer

Astra主題如何編輯頁首頁尾?快速建立網站Header & Footer
本篇文章分享Astra主題如何編輯頁首頁腳,透過Astra預設的元素快速建立網站Header & Footer。
文章目錄

本篇文章共702 字,預計閱讀時間3 分鐘

Astra主題如何編輯頁首頁尾?

阿斯特拉主題自帶了頁首頁尾(Header & Footer)編輯功能,可以直接使用Astra預設的元素填滿頁首或頁尾的內容。

還能加入古騰堡小工具(widget)到頁首或頁腳,自訂程度還是挺高的。

如果你對頁首頁腳的樣式、版面要求比較高,也可以使用Elementor製作完全自訂樣式的頁首頁腳

Astra頁首(Header)生成器

進入WP後台– 外觀– 自訂頁面:

Astra主題自訂介面-左側導覽列

再左側選單列裡找到「頁眉產生器」點選進入。

在頁首產生器頁面下方有三個欄位:

Astra頁眉生成器設定介面

點選欄位內的加號可以加入不同的元素,例如如:logo、選單、社媒按鈕等。

新增元素到頁眉

也可以加入一個「HTML」元素,自訂文字或程式碼內容,例如在導覽列最上方添加一個折扣提醒。

設定頁首高度

點選對應欄位左側的設定按鈕,可以設定該欄目的高度。

切換到「Design」可以調整該列目的背景色、邊框、間距等樣式和佈局:

設定頁首背景色、邊距、邊框

下圖是Well設定的頁首:

頁眉效果展示

Astra頁尾(Footer)產生器

還是在自訂頁面,點選左側選單中的「頁腳產生器」:

Astra主題頁尾產生器

進入頁尾產生器介面,底部同樣出現三個欄位:

為頁尾新增元素

可以在對應欄位中新增需要的元素,點擊欄位左側的設定按鈕可以設定該頁腳欄目的樣式和佈局。

下圖是Well設定的Astra頁尾:

頁尾效果展示

以上就是Astra主題設定頁眉頁腳的全部內容。

更多WordPress教學請關注:WordPress進階教程

 

: ) 文章內容均為原創,轉載須註明出處並添加原文鏈接,否則視為侵權
外貿伺服器推薦(Well在用的伺服器)
vultr-徽標
一線品牌VPS伺服器,穩定、不貴、效能強
Clouvider 標誌
二線品牌VPS伺服器,穩定、便宜、效能強
文章標籤
文章推薦
文章目錄
相關文章
繁體中文