專注於企業網站架設,分享WordPress教學和Elementor教學

Astra主題:如何設計頁頭和頁腳

更新日期:2022-08-01
加入讀者學習群
我用的頁面編輯器
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠前3個月優惠30%,戳上方按鈕註冊即可自動帶入優惠碼LOYSEO
所贈主題外掛價值多為$49+
主機送Astra Pro不限站點1年
用Gmail郵箱,註冊易通過
遇到問題,聯繫我

Astra頁頭頁腳編輯器是在Astra 3.0版本之後,用於設計網站頁頭和頁腳的新方法。

下方是編輯Astra主題頁頭和頁腳的兩個視頻教學,請科學上網後查看。

視頻中的Astra使用的是付費版Astra Pro,如果你在編輯頁頭或頁腳時,發現某些元素無法找到或無法使用,那多是因為它是付費版才有的功能,請購買Astra付費版即可使用。

如果想完全定制頁頭頁腳,推薦使用Elementor Pro(付費版)製作頁頭頁腳,具體可查看下方教學。

如何進入Astra頁頭頁腳編輯器

安裝Astra 主題(3.0.0 及更高版本)後,前往外觀> Astra 選項頁面。在這裡,您可以看到一個小通知和一個顯示“使用新頁眉/頁腳生成器”的按鈕。

進入Astra頁頭編輯器

單擊按鈕開始使用“新頁眉/頁腳生成器”進行設計。

然後通過單擊“前往定制器/go to customizer”訪問定制器。進入定制器後,您將看到Header Builder(頁頭編輯器) 和Footer Builder(頁腳編輯器) 的選項。

Astra主題的頁頭和頁腳編輯器

Astra主題如何編輯頁頭

頁頭編輯器的功能包含:

  • 可視化的頁頭編輯器,由上到下分為三欄,無內容的欄目就不展示。
  • 常規設置
  • 樣式設置

您可以在可視化編輯區域(visual builder),添加和管理頁頭元素,並從“常規”和“設計”選項卡中,修改相應的配置。

Astra主題頁頭編輯器的功能配置

您可以單擊加號,以添加不同的頁頭元素,譬如:按鈕、HTML、小部件、社交、主菜單、輔助菜單;

您可以將元素拖放到不同的部分以將它們放置在所需的位置。

點擊每個頁頭元素,便可以對它們進行詳細的設置。

點擊左下角的設備圖標,便可以切換到平板端和移動端對頁頭進行設置,你需要為它們設置canvas菜單和toggle按鈕,以實現在移動端或平板端上展開菜單的功能。

而頁腳的編輯方法與頁頭無異,此處不做贅述。

點贊
0 / 5 0

Your page rank:

讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠前3個月優惠30%,戳上方按鈕註冊即可自動帶入優惠碼LOYSEO
所贈主題外掛價值多為$49+
主機送Astra Pro不限站點1年
用Gmail郵箱,註冊易通過
遇到問題,聯繫我
春節不打烊
架設網站學習交流群