淘寶店鋪裝修其實是為了迎合用戶購物體驗的第一部分，同時也符合了淘寶上的店鋪經營方針。

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

這里我們發(fā)現一個問題，如何將導航和店招裝修成通欄呢？方法其實很簡單，具體裝修教程如下：

1、頁頭通欄裝修準備：

首先需要準備頁頭通欄1920*150的尺寸，

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

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

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

2、頁頭通欄裝修步驟：

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

進入店鋪裝修后臺，店招部分，編輯，選擇自定義店鋪招牌，然后插入準備好的店招（如果需要加多個鏈接，可以采用切片或者熱點來加店招鏈接）

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

左側-->頁頭，然后更換頁頭背景圖，背景顯示：不平鋪；背景對齊：居中；應用到所有頁面；頁頭下邊距10像素：關閉。

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

3.導航欄CSS代碼改導航條顏色

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

打開免費在線生成導航欄CSS代碼網頁：http://www.taoour.com/tbzx/navigationBar_css/navigationBar_css.html

替換下面紅框幾個部分，注意保留#號，其他地方也可以根據自己實際需要修改，可以在線預覽先看效果

生成代碼并復制

到店鋪裝修后臺，導航欄位置，點擊編輯按鈕

點擊顯示設置，將生成的導航欄CSS代碼復制到這里

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

樂發(fā)網超市批發(fā)網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發(fā)市場供應廠商搭建網上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務權威性網站。

本文內容整合網站：百度百科、知乎、淘寶平臺規(guī)則

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