淘寶店鋪導(dǎo)航顏色怎么設(shè)置？需要注意什么？

相信大家在進(jìn)入不同的店鋪逛的時(shí)候，會(huì)發(fā)現(xiàn)每個(gè)店鋪的裝修風(fēng)格是不一樣的，有一些賣(mài)家也想將自己的店鋪打造出不一樣的風(fēng)格，那么可以首先從店鋪導(dǎo)航顏色上面著手，那么淘寶店鋪導(dǎo)航顏色怎么設(shè)置?

導(dǎo)航條的“顯示設(shè)置”是通過(guò)一些固定的代碼來(lái)實(shí)現(xiàn)設(shè)置的。在此我們?cè)O(shè)置一個(gè)導(dǎo)航條的導(dǎo)航條背景色為綠色，首頁(yè)/店鋪動(dòng)態(tài)背景色為白色，首頁(yè)/店鋪動(dòng)態(tài)右邊線為墨綠色，首頁(yè)/店鋪動(dòng)態(tài)文字顏色藍(lán)紫色，所有分類(lèi)背景色牡丹紅，所有分類(lèi)右邊線青銅色，所有分類(lèi)文字顏色黃色。

當(dāng)然這個(gè)搭配肯定不會(huì)美觀的，只是舉這么個(gè)例子。給位可以根據(jù)自己的喜好和美觀來(lái)搭配顏色。規(guī)定好顏色之后，就可以把以下代碼編輯到“顯示設(shè)置”的輸入框內(nèi)。點(diǎn)擊“確認(rèn)”即可完成設(shè)置。其中/* */內(nèi)的文字為注釋文字，不影響代碼內(nèi)容。

淘寶店鋪裝修導(dǎo)航條已經(jīng)修改好顏色了，那其它分欄條怎么自定義顏色?

新建一個(gè)淘寶自定義模板自己寫(xiě)代碼就可以了，把你2處位置的那塊代碼復(fù)制進(jìn)自定義內(nèi)容區(qū)，然后換個(gè)背景圖或者背景顏色就Ok了。導(dǎo)航條可以自己定義顏色的，但是需要使用到CSS代碼!

先編輯好代碼后，再直接安裝到店鋪導(dǎo)航條中的“顯示設(shè)置”中!

下面是導(dǎo)航條的顏色修改的代碼，你只需要修改紅色部分的代碼，紅色部分就是顯示的顏色：

/* 導(dǎo)航條背景色*/

.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}

/*首頁(yè)/店鋪動(dòng)態(tài)背景色*/

.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}

/*首頁(yè)/店鋪動(dòng)態(tài)右邊線*/

.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}

/*首頁(yè)/店鋪動(dòng)態(tài)文字顏色*/

.skin-box-bd .menu-list .menu .title{color:#ff0000}

/*所有分類(lèi)背景色*/

.all-cats .link{background: none repeat scroll 0 0 #00ad08;}

/*所有分類(lèi)右邊線*/

.all-cats .link{border-right:1px #006205 solid;}

/*所有分類(lèi)文字顏色*/

.skin-box-bd .all-cats .title{color:#ff0000}

自由導(dǎo)航：跳轉(zhuǎn)橋梁

首先解決一個(gè)基礎(chǔ)問(wèn)題——什么是自由導(dǎo)航?顧名思義，自由導(dǎo)航是指能在店鋪任意位置擺放的具有導(dǎo)航作用的按鈕或圖片。自由導(dǎo)航其實(shí)有兩種形態(tài)，一種是指向活動(dòng)頁(yè)面或活動(dòng)分類(lèi)的大小banner，一種是直接指向某一分類(lèi)的button。

除了分類(lèi)button，促銷(xiāo)banner也可以算作是自由導(dǎo)航的一種?，F(xiàn)在越來(lái)越多的店鋪選擇去掉首頁(yè)左側(cè)欄，買(mǎi)家在瀏覽這種店鋪的時(shí)候下拉一點(diǎn)網(wǎng)頁(yè)便看不到導(dǎo)航了。點(diǎn)擊TOP按鈕可能會(huì)面臨重新瀏覽一遍剛才瀏覽過(guò)的內(nèi)容，不點(diǎn)TOP按鈕又有無(wú)法查看分類(lèi)的問(wèn)題，所以這種頁(yè)面布局的情況下自由導(dǎo)航的作用就不言而喻了。不僅圖片能起到展示、推廣、傳遞信息的作用，還能起到頁(yè)面切換的功效。

自由導(dǎo)航的禁忌

? 不要過(guò)于浮夸。導(dǎo)航圖片以傳達(dá)信息為重，其實(shí)買(mǎi)家要的是快速理解圖片內(nèi)容，而不是看店鋪在炫耀美工技巧。

案例指導(dǎo)：如上圖，店主主要表達(dá)的是“秋冬馬甲”這一內(nèi)容，而圖中視覺(jué)權(quán)重最高的是兩個(gè)男模和一堆看起來(lái)沒(méi)有任何用處的英文字母，造成的后果是只會(huì)吸引到對(duì)圖上兩款馬甲有興趣的消費(fèi)者點(diǎn)擊，而對(duì)這兩款不感興趣的消費(fèi)者則會(huì)認(rèn)為是宣傳海報(bào)而已，起不到引導(dǎo)作用。

? 不要有某張圖片過(guò)于搶眼。根據(jù)視線律動(dòng)研究表明，在一個(gè)頁(yè)面中如果有一區(qū)域視覺(jué)權(quán)重過(guò)強(qiáng)(如，通體灰色調(diào)，突然有張紅色的圖片)會(huì)導(dǎo)致瀏覽者的視線不穩(wěn)定或在權(quán)重較高的區(qū)域來(lái)回瀏覽，無(wú)論是哪一種都不是我們想要的。

? 不要太多類(lèi)型的促銷(xiāo)活動(dòng)。其實(shí)這個(gè)不僅和導(dǎo)航有關(guān)和營(yíng)銷(xiāo)也有關(guān)系，同時(shí)出現(xiàn)了太多形式的促銷(xiāo)活動(dòng)往往會(huì)造成買(mǎi)家的不解，引起買(mǎi)家的浮躁心理，從導(dǎo)航的角度會(huì)造成傳達(dá)不明確的后果。

大家在等到淘寶店鋪導(dǎo)航內(nèi)容設(shè)置完成之后，賣(mài)家朋友可以進(jìn)行一個(gè)整體的瀏覽。換句話說(shuō)，也就是檢查一遍檢查，如果有需要調(diào)整位置或者刪除內(nèi)容方面的事項(xiàng)的話，那么就可以及時(shí)的進(jìn)行修改淘寶店鋪導(dǎo)航顏色的操作。

推薦閱讀：

淘寶自定義導(dǎo)航欄怎么設(shè)置？css代碼有哪些？

淘寶開(kāi)店怎么設(shè)置寶貝分類(lèi)？店鋪導(dǎo)航欄分類(lèi)怎么設(shè)置？

淘寶導(dǎo)航欄顏色怎么改？淘寶導(dǎo)航欄如何設(shè)置？

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

推薦閱讀：

哪些商品要求填寫(xiě)“工業(yè)產(chǎn)品生產(chǎn)許可證”編號(hào)？

京東雙十二什么時(shí)候開(kāi)始預(yù)熱？商家怎么預(yù)熱？

寶貝下架再上架會(huì)影響權(quán)重嗎？影響排名嗎？

更多資訊請(qǐng)關(guān)注幕 思 城。