怎么改淘寶導(dǎo)航欄顏色？

淘寶店鋪導(dǎo)航欄是買家查看店鋪商品的一條快速通道，清晰的的導(dǎo)航欄可以提高轉(zhuǎn)化和提高訪問(wèn)深度。

對(duì)淘寶店鋪?zhàn)鲅b修的時(shí)，有的賣家需要修改導(dǎo)航欄顏色，那導(dǎo)航欄顏色怎么改呢?

下面一起看看導(dǎo)航欄的設(shè)置吧。

1、進(jìn)入店鋪裝修首頁(yè)由賣家中心進(jìn)入店鋪裝修首頁(yè)。

2、啟動(dòng)編輯命令單擊“編輯”，移動(dòng)鼠標(biāo)至導(dǎo)航條，并啟動(dòng)編輯命令。

3、編輯選項(xiàng)分為“導(dǎo)航設(shè)置”和“顯示設(shè)置”，可設(shè)置導(dǎo)航內(nèi)容和更改導(dǎo)航條的顯示外觀。

導(dǎo)航內(nèi)容默認(rèn)只有“首頁(yè)”，我們可以將寶貝分類或自定義頁(yè)面添加至導(dǎo)航條，來(lái)做一個(gè)清晰的導(dǎo)航指引。

4、啟動(dòng)添加命令單擊“添加”5、添加寶貝分類寶貝分類下列舉了店鋪的所有分類，勾選需要添加至導(dǎo)航條的分類，并確定。

6、添加分類后的效果添加進(jìn)來(lái)的分類最終是否會(huì)在導(dǎo)航條顯示呢?

我們可以驗(yàn)證一下。

7、保存導(dǎo)航設(shè)置單擊“保存”8、添加分類后的導(dǎo)航條新添加的分類就在導(dǎo)航條顯示出來(lái)了。

同理，我們可以將自定義頁(yè)面或鏈接顯示在導(dǎo)航條中。

9、啟動(dòng)新建頁(yè)面命令單擊“新建頁(yè)面”，因店鋪暫時(shí)沒(méi)有自定義頁(yè)面可用，先添加一個(gè)自定義頁(yè)。

10、創(chuàng)建自定義頁(yè)面頁(yè)面隨之跳轉(zhuǎn)，為我們列舉了新頁(yè)面的頁(yè)面屬性，但這是一個(gè)正在新建的頁(yè)面，其屬性需要我們手動(dòng)完善。

選擇頁(yè)面類型為“自定義頁(yè)”(默認(rèn)值)，設(shè)置頁(yè)面名稱、頁(yè)面地址，以及頁(yè)面內(nèi)容，并保存。

頁(yè)面返回至可裝修狀態(tài)，我們直接在此頁(yè)面繼續(xù)對(duì)導(dǎo)航條進(jìn)行設(shè)置。

11、啟動(dòng)添加命令在導(dǎo)航條編輯對(duì)話框匯總，啟動(dòng)添加命令。

12、添加自定義頁(yè)面勾選要添加的自定義頁(yè)面，并確定。

13、調(diào)整導(dǎo)航內(nèi)容位置點(diǎn)擊上下箭頭調(diào)整導(dǎo)航內(nèi)容至合適的位置即可。

導(dǎo)航內(nèi)容的設(shè)置相對(duì)而言比較簡(jiǎn)單，難點(diǎn)在于如何更改導(dǎo)航的背景和文字顏色，也就是顯示設(shè)置。

14、自定義顏色實(shí)現(xiàn)途徑雖然系統(tǒng)模板給我們提供了很多套配色方案，但這些配色畢竟是有限的，有時(shí)候要實(shí)現(xiàn)自己想要的特定的背景和文字顏色效果，就需要通過(guò)CSS代碼的方式來(lái)自定義導(dǎo)航樣式。

CSS代碼大家可以在百度上搜索，這里我就不提供了。

1)復(fù)制代碼全選代碼，并復(fù)制。

用紅色標(biāo)記的背景顏色、字體等可替換，這樣便可得到另一種效果的導(dǎo)航條，顏色值可從Photoshop中獲得。

2)粘貼代碼將復(fù)制后的代碼粘貼到顯示設(shè)置中，并確定。

3)導(dǎo)航條效果導(dǎo)航條的顏色和其中的字體等便隨著CSS代碼改變了，買家在瀏覽店鋪過(guò)程中點(diǎn)擊相應(yīng)的分類、頁(yè)面即可快速跳轉(zhuǎn)至某個(gè)分類頁(yè)，或者自定義頁(yè)面。

導(dǎo)航欄設(shè)置自定義顏色，可以讓導(dǎo)航欄變得與眾不同，讓導(dǎo)航欄和整個(gè)頁(yè)面協(xié)調(diào)性更高。

如果你對(duì)導(dǎo)航欄的設(shè)置還有別的疑問(wèn)或者是你還有更好的建議，請(qǐng)?jiān)谠u(píng)論區(qū)留下你的疑問(wèn)或建議。

這個(gè)問(wèn)題還有疑問(wèn)的話，可以加幕.思.城火星老師免費(fèi)咨詢，微V.信X號(hào)是為: msc496。