古騰堡(Gutenberg)編輯器裝修指南:菜單添加與主題切換兼容性詳解(04)

在這篇文章中,我們將帶您深入了解如何使用古騰堡(Gutenberg)編輯器為您的WordPress網(wǎng)站進(jìn)行裝修設(shè)計(jì)。無論您使用的是默認(rèn)主題,還是先使用其他主題再切換成默認(rèn)主題,古騰堡都能幫助您實(shí)現(xiàn)靈活的布局和模塊配置。在本文中,我們將詳細(xì)講解如何添加菜單、處理不同主題的兼容性問題,并通過實(shí)用步驟幫助您快速上手。

不論是你是想做博客新聞網(wǎng)站(如下圖)默認(rèn)主題

圖片[1]-古騰堡(Gutenberg)編輯器裝修指南:菜單添加與主題切換兼容性詳解(04)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

還是想做一個(gè)電商網(wǎng)站(如下圖),下圖是一個(gè)用其他主題然后切換成了默認(rèn)主題,不管什么主題都是可以用古騰堡(Gutenberg)來配合的,當(dāng)然下面只是展示有頁(yè)眉和中間的內(nèi)容還有頁(yè)腳,作為演示的,當(dāng)然你用其他主題也會(huì)遇到有不兼容的情況,首頁(yè)模塊就會(huì)有些顯示有些不顯示

圖片[2]-古騰堡(Gutenberg)編輯器裝修指南:菜單添加與主題切換兼容性詳解(04)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

我們先拿講述怎么添加菜單,不管你做什么類型網(wǎng)站都是一樣的,如下圖,這是選擇一個(gè)大容器

圖片[3]-古騰堡(Gutenberg)編輯器裝修指南:菜單添加與主題切換兼容性詳解(04)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

我們選中菜單,這菜單的選項(xiàng)有點(diǎn)多,我們選中后,在右邊會(huì)有一個(gè)+號(hào)

圖片[4]-古騰堡(Gutenberg)編輯器裝修指南:菜單添加與主題切換兼容性詳解(04)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

這個(gè)是最基本的,因?yàn)槭侵苯佑媚J(rèn)主題的,可以直接編輯和添加鏈接,如上圖

圖片[5]-古騰堡(Gutenberg)編輯器裝修指南:菜單添加與主題切換兼容性詳解(04)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

這種是其他主題編輯好的,暫時(shí)無法編輯,我們需要先點(diǎn)編輯(edit),如上圖

圖片[6]-古騰堡(Gutenberg)編輯器裝修指南:菜單添加與主題切換兼容性詳解(04)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

然后繼續(xù)點(diǎn)擊編輯(edit),如上圖

圖片[7]-古騰堡(Gutenberg)編輯器裝修指南:菜單添加與主題切換兼容性詳解(04)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

然后就可以刪除或者修改以及二級(jí)菜單都是可以直接編輯的,如上圖

圖片[8]-古騰堡(Gutenberg)編輯器裝修指南:菜單添加與主題切換兼容性詳解(04)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

如果你覺得菜單太多了,你可以刪除這個(gè)菜單導(dǎo)航模塊,但建議你要么在這里可視化刪除,或者直接在網(wǎng)站后端的Menu菜單刪除,看你自己喜歡了

圖片[9]-古騰堡(Gutenberg)編輯器裝修指南:菜單添加與主題切換兼容性詳解(04)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

然后加入頁(yè)眉所需要的模塊就行,一般就是導(dǎo)航,如上圖

圖片[10]-古騰堡(Gutenberg)編輯器裝修指南:菜單添加與主題切換兼容性詳解(04)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

比如第一個(gè)Navigation,這就是菜單,或者其他的,如果沒有就查看所有(Browvse all)

然后像其他的logo模塊和我的賬戶和購(gòu)物車啊,都是這樣單獨(dú)設(shè)置的

圖片[11]-古騰堡(Gutenberg)編輯器裝修指南:菜單添加與主題切換兼容性詳解(04)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

logo和標(biāo)語,如上圖

圖片[12]-古騰堡(Gutenberg)編輯器裝修指南:菜單添加與主題切換兼容性詳解(04)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

然后加入其他的模塊,比如多語言多貨幣也是可以的,看你的需要,另外一種直接用默認(rèn)主題做的就不說了,基本操作都是一樣的

以上就是兩種方法,一種是直接默認(rèn)主題做的,一種是其他主題變換成默認(rèn)主題,希望能幫到大家.

總結(jié):

希望本教程能夠幫助您掌握使用古騰堡(Gutenberg)編輯器裝修網(wǎng)站的基礎(chǔ)操作,無論是直接使用默認(rèn)主題,還是先使用其他主題再切換成默認(rèn)主題。通過這些步驟,您將能夠輕松應(yīng)對(duì)菜單添加和模塊配置等任務(wù)。接下來,我們將分享更多關(guān)于默認(rèn)主題和古騰堡的實(shí)用技巧,敬請(qǐng)期待!


聯(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é)假日休息
? 轉(zhuǎn)載聲明
本文作者:Harry
THE END
喜歡就支持一下吧
點(diǎn)贊0 分享
評(píng)論 搶沙發(fā)

請(qǐng)登錄后發(fā)表評(píng)論

    暫無評(píng)論內(nèi)容