淘寶店鋪裝修其實(shí)是為了迎合用戶購(gòu)物體驗(yàn)的第一部分，同時(shí)也符合了淘寶上的店鋪經(jīng)營(yíng)方針。

店鋪裝修是網(wǎng)店面對(duì)顧客的第一扇門，可想而知，如果你的店鋪裝修都不到位，那接下來的生意又會(huì)流失了多少呢？因此裝修店鋪是我們賣家開店首要認(rèn)真對(duì)待的一件事情。不論是從店鋪導(dǎo)航、店招、海報(bào)、等等，最后到寶貝詳情頁(yè)，這一系列的裝修都需要我們多花點(diǎn)心思進(jìn)去。而如今的詳情頁(yè)，淘寶明文建議將主圖尺寸變大，并將導(dǎo)航和店招設(shè)置成通欄模式，從而提升寬屏用戶瀏覽體驗(yàn)。

這里我們發(fā)現(xiàn)一個(gè)問題，如何將導(dǎo)航和店招裝修成通欄呢？方法其實(shí)很簡(jiǎn)單，具體裝修教程如下：

1、頁(yè)頭通欄裝修準(zhǔn)備：

首先需要準(zhǔn)備頁(yè)頭通欄1920*150的尺寸，

方法：在PS里面新建兩條垂直參考線，第一條485PX，第二條1435PX；再建立一條水平參考線120PX，如圖：

然后把整個(gè)頁(yè)頭背景存儲(chǔ)為WEB所用格式，注意文件小于200K，尺寸為1920*150像素

在把店招部分給裁剪保存下來，尺寸為950*120像素，如下圖：

2、頁(yè)頭通欄裝修步驟：

1. 店招安裝（尺寸為：950*120像素）

進(jìn)入店鋪裝修后臺(tái)，店招部分，編輯，選擇自定義店鋪招牌，然后插入準(zhǔn)備好的店招（如果需要加多個(gè)鏈接，可以采用切片或者熱點(diǎn)來加店招鏈接）

2. 頁(yè)頭背景安裝（尺寸為：1920*150像素，文件小于200K）

左側(cè)-->頁(yè)頭，然后更換頁(yè)頭背景圖，背景顯示：不平鋪；背景對(duì)齊：居中；應(yīng)用到所有頁(yè)面；頁(yè)頭下邊距10像素：關(guān)閉。

注意必須是旺鋪專業(yè)版才能更換頁(yè)頭背景圖片，如果不是專業(yè)版，新旺鋪可以免費(fèi)升級(jí)專業(yè)版。

3.導(dǎo)航欄CSS代碼改導(dǎo)航條顏色

在PS里面將導(dǎo)航條中的顏色CMYK值查出來，如下圖，值為：9c6218

打開免費(fèi)在線生成導(dǎo)航欄CSS代碼網(wǎng)頁(yè)：http://www.taoour.com/tbzx/navigationBar_css/navigationBar_css.html

替換下面紅框幾個(gè)部分，注意保留#號(hào)，其他地方也可以根據(jù)自己實(shí)際需要修改，可以在線預(yù)覽先看效果

生成代碼并復(fù)制

到店鋪裝修后臺(tái)，導(dǎo)航欄位置，點(diǎn)擊編輯按鈕

點(diǎn)擊顯示設(shè)置，將生成的導(dǎo)航欄CSS代碼復(fù)制到這里

最后發(fā)布，完整的頁(yè)頭通欄就OK了。

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則

本文來源： 新旺鋪如何將導(dǎo)航和店招裝修成通欄？