Elementor Pro如何設(shè)計(jì)網(wǎng)站頁(yè)眉導(dǎo)航
Elementor pr頁(yè)眉導(dǎo)航有很多不同樣式的自帶模板,比主題自帶的導(dǎo)航美觀和功能強(qiáng)大。你可以從 Elmentor Pro 模板庫(kù)里提供的幾十款導(dǎo)航模板中選擇合適的一款,一鍵導(dǎo)入頁(yè)眉導(dǎo)航欄,簡(jiǎn)單替換文字和logo后就拿來(lái)用。如果還滿意的就去安裝 Envota elements插件,那里面提供了 10多個(gè)免費(fèi)的頁(yè)眉可選擇。
1、安裝 Elementor和 Elementor Pro插件
要使用 Elementor Pro 設(shè)計(jì)網(wǎng)頁(yè)頁(yè)眉,就必須要先安裝 Elementor 和 Elementor Pro插件。前者是免費(fèi)版本,后者是付費(fèi)版本。
兩者都要安裝,缺一不可。
2、新建頁(yè)眉模板
在 WordPress后臺(tái) > 模板 > Theme Builder > 添加新模板。
3、選擇設(shè)置模板
選擇模板類(lèi)型為 Header。
輸入模板名稱(chēng) header 或者其他能區(qū)分開(kāi)的名字,如下圖所示點(diǎn)擊“創(chuàng)建模板”。
點(diǎn)擊“創(chuàng)建模板”按鈕進(jìn)入library頁(yè)面
4、選擇并插入頁(yè)眉模板
當(dāng)鼠標(biāo)放到模板上方出現(xiàn)放大鏡按鈕時(shí),點(diǎn)擊預(yù)覽模板,看好了就點(diǎn)擊“插入”按鈕導(dǎo)入到模板中。
此時(shí)會(huì)問(wèn)你是否也想導(dǎo)入模板的文檔設(shè)置,選擇是可能會(huì)覆蓋以前的設(shè)置。
如果想更換導(dǎo)航菜單,點(diǎn)擊菜單塊(周?chē)霈F(xiàn)藍(lán)色虛線框),去左側(cè)面板 layout > menu 選擇新菜單。
5、保存header模板
點(diǎn)擊頁(yè)面左下角的“更新”按鈕
在彈出窗口中點(diǎn)擊 add condition
你想在哪里顯示這個(gè)頁(yè)眉模板:可選整站、歸檔、單獨(dú)頁(yè)面等。或創(chuàng)建多個(gè)頁(yè)眉,在不同地方使用不同頁(yè)眉。
點(diǎn)擊 save&close 按鈕保存。
6、查看插入頁(yè)眉效果
想看頁(yè)眉效果,點(diǎn)擊左下角的預(yù)覽按鈕(眼睛),或者直接打開(kāi)域名查看。
總結(jié):Elementor Pro頁(yè)眉模板有數(shù)十款,你可以選擇中意的一款導(dǎo)入,也可以在此基礎(chǔ)上修改成滿意的。
沒(méi)有購(gòu)買(mǎi) Elementor Pro 的話,可以使用 Elementor免費(fèi)版配合 Elementor Header & Footer Builder插件制作頁(yè)眉。
本文轉(zhuǎn)載自微信公眾號(hào)「魏艾斯筆記」,可以通過(guò)以下二維碼關(guān)注。轉(zhuǎn)載本文請(qǐng)聯(lián)系魏艾斯筆記公眾號(hào)。