拓展版裝修之妙用通欄打造大氣頁頭店招經驗分享

萬事開頭難，裝修前首先要先確定店鋪的風格，由于店鋪是做軟件的，什么紅啊粉的色系肯定不太適合，于是我覺得用藍綠色系，繼然是做軟件的，當然要做出官網風格，要大氣，由于店鋪默認的店招是在最上方，而且只有150像素高（還要去掉店鋪頁面鏈接導航條），所以店招看起來比較小氣，于是我去掉原先的店招（只要在店鋪裝修時，選亮店招時會有刪除按鈕），決定頁頭重新設計。以下是我裝修的步驟流程，貼出來和大家分享。

一、巧妙利用通欄及店鋪LOGO的設置來制作個性頁頭

情況就是店鋪左上角默認是淘寶網字樣的logo，升級到拓展版以后，可以自行修改自已店鋪的LOGO，這個功能往往容易被好多店主忽略掉，我看了好多拓展版的店鋪，很多人都沒有用此功能，有效的利用好這個logo，可以大提升店鋪的形象哦，費話不多說了，大家先打開ps,制作一個230*70像素大小的圖片，圖片盡量能體現店鋪的名稱、形象，當然要和你的裝修風格相匹配,做好后,在首頁裝修界面有logo修改處,加載就可以了哦。

做好logo后，由于原有的店招被刪除了，也就沒有了店鋪各頁面的鏈接導航條了，這里拓展版可以采用頁頭通欄功能，增加一個自定義區，如下圖：

自行編輯頁面制作一個鏈接導航條就可以了，這里建議大家不要直接在店鋪裝修頁面編輯內容，可以在網頁編輯軟件中做好貼進去，本人使用的是frontpage。

下面頁頭做好的效果，貼出來給大家看看哦

二、制作大店招

上面的頁頭做好了，現在就開始做店招了，做店招應注意以下幾點：

1、由于店鋪頁頭上方的通欄最多只支持250像素高，具我做出來的實際經驗值，做260高也沒事，但不能超過260，否則在產品頁面260像素菜以下的內容將不會顯示，但在店鋪的其它頁面會正常顯示！記好制作店招的大小的時侯要去掉上方鏈接導航條那塊自定義內容的高度，筆者這里上方的自定義用掉了60像素菜，也就是說下方的店招可以做到190-200像素高度的樣子比較合適。

2、圖片盡量在清晰的范圍內優化到最小，太大會引起客戶瀏覽加載速度過慢

3、盡量使用falsh模板，這樣制作出來的圖像清晰，如果用gif,圖片元素多，色彩豐富的的會很多，而且顏色失真比較嚴重。

本人采用的是falsh模板制作的，步驟和上方添加通欄自定義內容差不多，只不過選擇添加“Flash模板區”就行了

進入falsh模板編輯

這里有點技巧，大家有沒有覺得一張圖片展示有點不大盡興呢，我這里巧用了falsh模板中的圖片輪播功能，這里最多可以展示五張圖片，大家可以充分發揮自已的創作空間，到網上多找找素材，制作幾張漂亮的圖片，突然是不是發現相當于展示了五個店招哦。

店招做好后，整個頁頭效果就出來了，發布出來看看效果哦，下面我將人店鋪的頁頭效果展示給大家看看。

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

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

本文來源： 拓展版裝修之妙用通欄打造大氣頁頭店招經驗分享