在打造一個(gè)完美的WordPress網(wǎng)站時(shí)，主題的選擇和設(shè)置至關(guān)重要。Astra主題憑借其高度自定義和靈活的功能，成為了許多用戶的首選。在之前的教程中，我們已經(jīng)討論了Astra主題的其他設(shè)置，今天將重點(diǎn)講解頁眉和頁腳的設(shè)置。這部分設(shè)置雖然被留到了最后，但它們的重要性不容忽視。通過合理的配置，您可以顯著提升網(wǎng)站的視覺效果和用戶體驗(yàn)。

步驟：網(wǎng)站后端→Appearance→Customize→Header Builder

點(diǎn)擊后，我們會(huì)得到這一個(gè)界面

左側(cè)紅色框會(huì)顯示我們的頁眉，也就是標(biāo)頭的一些放置的內(nèi)容，方便總體調(diào)整，當(dāng)然你也可以在下方單獨(dú)調(diào)整

如上圖，對(duì)應(yīng)的網(wǎng)站logo（Site Title & Logo），菜單（Primary Menu），按鈕（Button 1），個(gè)人賬戶（Account），根據(jù)你實(shí)際需求去調(diào)整

大家很疑惑為什么有三排頁眉，但現(xiàn)在只有中間一排有布局，這就是留給你自己的操作空間，你可以把上下兩排當(dāng)做空隙調(diào)整，或者加入其他功能，他的布局也會(huì)在前端的頁面展示在上下兩排，下面我添加一個(gè)功能大家可以看一下

如上圖，我加入了一個(gè)搜索功能，然后他就出現(xiàn)在頁眉的上方，大家覺得展示的太小了對(duì)吧，因?yàn)檫@排的間隙沒有調(diào)整好，之前是只有第二排有布局，上下兩排間隙是調(diào)整到最小的，不然整個(gè)頁眉會(huì)顯得很龐大，不協(xié)調(diào)，下面看怎么調(diào)整間隙

點(diǎn)擊設(shè)置符號(hào)，然后可以設(shè)置高度，也就是間隙，還有展示在那些設(shè)備，如下圖

如上圖，你還可以單獨(dú)設(shè)置這一排的文字顏色背景顏色等等，非常的方便

其他兩排也是這樣的操作，當(dāng)然你也可以設(shè)置整個(gè)頁眉

步驟：網(wǎng)站后端→Appearance→Customize→Header Builder→DESIGN

因?yàn)槲覀冞x擇的是透明頁眉，所以設(shè)置不在這

步驟：網(wǎng)站后端→Appearance→Customize→Header Builder→Transparent Header

當(dāng)然透明頁眉也可以設(shè)置展示的設(shè)備，還有更換網(wǎng)站logo，但這里是我沒用打開Enable on Complete Website（在整個(gè)網(wǎng)站上啟用）可以不用設(shè)置，因?yàn)槲以陧撁嫉木W(wǎng)站logo設(shè)置了，如果你在這里啟用了，那你之前的設(shè)置就會(huì)被覆蓋

在這里設(shè)置各種文字和背景，如果沒有設(shè)置透明頁面就不用在這里設(shè)置

如上圖，透明頁眉是看你需要的網(wǎng)站效果的，如果你不需要首頁的幻燈片或者海報(bào)融為一體，可以不啟用這個(gè)，Astra主題的模版有些是透明頁眉有些不是，在導(dǎo)入的時(shí)候可以看清楚，如果還是沒注意，也是可以調(diào)整的

頁眉是分三個(gè)部分的，怎么排列就看你需要什么樣的效果了，中間肯定居中的，適合放菜單

添加也是有很多功能可以選擇的，如上圖和下圖

按鈕最多可以添加兩個(gè)Button 1和Button 2，適合跳轉(zhuǎn)鏈接

分隔器也是最多兩個(gè)Divider 1和Divider 2

簡碼展示：HTML 1和HTML 2，也是最多兩個(gè)，比如有一些插件可以用這種簡碼插入到標(biāo)頭，比如多語言多貨幣

LanguageSwitcher：多語言（語言轉(zhuǎn)換器）

Secondary Menu：（次要菜單），你可以理解為主菜單后的存在

ToggleButton：（折疊符號(hào)），手機(jī)端的菜單展示

Search是搜索欄，Social是社交鏈接

Cart：是購物車

小部件的功能可以到后端小部件設(shè)置：Widget 1到4，當(dāng)然一般用于頁腳的，如果頁腳不需要你可以設(shè)置頁眉

還有四個(gè)已經(jīng)添加在頁眉，所以不會(huì)顯示在可以添加的功能

同時(shí)也主要三個(gè)設(shè)備的調(diào)試，比如下面的手機(jī)端

手機(jī)端OFF CANVAS是折疊符號(hào)和里面的內(nèi)容設(shè)置

菜單記得配置好每一個(gè)對(duì)應(yīng)的菜單項(xiàng)目，不然不會(huì)顯示

下面來講下頁腳，基本差不多，有一個(gè)區(qū)別就是他可以設(shè)定一排多少列

如上圖，他可以設(shè)置一排幾列，能達(dá)到你需要的效果，還有布局的效果

能添加的模版都差不多，主菜單變成了頁腳菜單，大家更具自己的需要添加

最后還有一個(gè)問題就是Astra和Astra pro是有區(qū)別的，如下圖

Sticky Header（粘性頁眉）也就是置頂頁眉

置頂頁眉還是很好的，不然你滑動(dòng)的時(shí)候頁眉是不會(huì)粘貼在當(dāng)前頁面的上方的，會(huì)處于首頁的最上方

所以建議開通Astra pro 解鎖所有的功能，體驗(yàn)感會(huì)更好

總結(jié)

通過本文的介紹，相信大家已經(jīng)掌握了如何在Astra主題中設(shè)置頁眉和頁腳。這些設(shè)置不僅能夠讓您的網(wǎng)站更具個(gè)性化，還能提升用戶的瀏覽體驗(yàn)。如果您對(duì)Astra主題或WordPress其他方面的設(shè)置感興趣，歡迎關(guān)注我們下期的內(nèi)容，我們將為您深入講解盜版主題插件和正版主題插件的區(qū)別，幫助您做出更明智的選擇。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息