裝修前首先要先確定店鋪的風格，由于店鋪是做軟件的，什么紅啊粉的色系肯定不太適合，于是我覺得用藍綠色系，繼然是做軟件的，當然要做出官網(wǎng)風格，要大氣，由于店鋪默認的店招是在最上方，而且只有150像素高（還要去掉店鋪頁面鏈接導航條），所以店招看起來比較小氣，于是我去掉原先的店招（只要在店鋪裝修時，選亮店招時會有刪除按鈕），決定頁頭重新設(shè)計。以下是我裝修的步驟流程，貼出來和大家分享哦！
一、巧妙利用通欄及店鋪LOGO的設(shè)置來制作個性頁頭
情況就是店鋪左上角默認是淘寶網(wǎng)字樣的logo，升級到拓展版以后，可以自行修改自已店鋪的LOGO，這個功能往往容易被好多店主忽略掉，我看了好多拓展版的店鋪，很多人都沒有用此功能，有效的利用好這個logo，可以大提升店鋪的形象哦，費話不多說了，大家先打開ps,制作一個230*70像素大小的圖片，圖片盡量能體現(xiàn)店鋪的名稱、形象，當然要和你的裝修風格相匹配,做好后,在首頁裝修界面有l(wèi)ogo修改處,加載就可以了哦。
做好logo后，由于原有的店招被刪除了，也就沒有了店鋪各頁面的鏈接導航條了，這里拓展版可以采用頁頭通欄功能，增加一個自定義區(qū)，如下圖：
自行編輯頁面制作一個鏈接導航條就可以了，這里建議大家不要直接在店鋪裝修頁面編輯內(nèi)容，可以在網(wǎng)頁編輯軟件中做好貼進去，本人使用的是frontpage。
下面頁頭做好的效果，貼出來給從家看看哦
二、制作大店招
上面的頁頭做好了，現(xiàn)在就開始做店招了，做店招應(yīng)注意以下幾點：
1、由于店鋪頁頭上方的通欄最多只支持250像素高，具我做出來的實際經(jīng)驗值，做260高也沒事，但不能超過260，否則在產(chǎn)品頁面260像素菜以下的內(nèi)容將不會顯示，但在店鋪的其它頁面會正常顯示！記好制作店招的大小的時侯要去掉上方鏈接導航條那塊自定義內(nèi)容的高度，筆者這里上方的自定義用掉了60像素菜，也就是說下方的店招可以做到190-200像素高度的樣子比較合適。
2、圖片盡量在清晰的范圍內(nèi)優(yōu)化到最小，太大會引起客戶瀏覽加載速度過慢
3、盡量使用falsh模板，這樣制作出來的圖像清晰，如果用gif,圖片元素多，色彩豐富的的會很多，而且顏色失真比較嚴重。
本人采用的是falsh模板制作的，步驟和上方添加通欄自定義內(nèi)容差不多，只不過選擇添加“Flash模板區(qū)”就行了
進入falsh模板編輯
這里有點技巧，大家有沒有覺得一張圖片展示有點不大盡興呢，我這里巧用了falsh模板中的圖片輪播功能，這里最多可以展示五張圖片，大家可以充分發(fā)揮自已的創(chuàng)作空間，到網(wǎng)上多找找素材，制作幾張漂亮的圖片，突然是不是發(fā)現(xiàn)相當于展示了五個店招哦。
店招做好后，整個頁頭效果就出來了，發(fā)布出來看看效果哦，下面我將人店鋪的頁頭效果展示給大家看看。
好了，我的頁頭裝修過程就先給大家介紹到這兒吧，后面的裝修還需要大家自已答配整體店鋪風格，不斷模索!
一、巧妙利用通欄及店鋪LOGO的設(shè)置來制作個性頁頭
情況就是店鋪左上角默認是淘寶網(wǎng)字樣的logo，升級到拓展版以后，可以自行修改自已店鋪的LOGO，這個功能往往容易被好多店主忽略掉，我看了好多拓展版的店鋪，很多人都沒有用此功能，有效的利用好這個logo，可以大提升店鋪的形象哦，費話不多說了，大家先打開ps,制作一個230*70像素大小的圖片，圖片盡量能體現(xiàn)店鋪的名稱、形象，當然要和你的裝修風格相匹配,做好后,在首頁裝修界面有l(wèi)ogo修改處,加載就可以了哦。
做好logo后，由于原有的店招被刪除了，也就沒有了店鋪各頁面的鏈接導航條了，這里拓展版可以采用頁頭通欄功能，增加一個自定義區(qū)，如下圖：
自行編輯頁面制作一個鏈接導航條就可以了，這里建議大家不要直接在店鋪裝修頁面編輯內(nèi)容，可以在網(wǎng)頁編輯軟件中做好貼進去，本人使用的是frontpage。
下面頁頭做好的效果，貼出來給從家看看哦
二、制作大店招
上面的頁頭做好了，現(xiàn)在就開始做店招了，做店招應(yīng)注意以下幾點：
1、由于店鋪頁頭上方的通欄最多只支持250像素高，具我做出來的實際經(jīng)驗值，做260高也沒事，但不能超過260，否則在產(chǎn)品頁面260像素菜以下的內(nèi)容將不會顯示，但在店鋪的其它頁面會正常顯示！記好制作店招的大小的時侯要去掉上方鏈接導航條那塊自定義內(nèi)容的高度，筆者這里上方的自定義用掉了60像素菜，也就是說下方的店招可以做到190-200像素高度的樣子比較合適。
2、圖片盡量在清晰的范圍內(nèi)優(yōu)化到最小，太大會引起客戶瀏覽加載速度過慢
3、盡量使用falsh模板，這樣制作出來的圖像清晰，如果用gif,圖片元素多，色彩豐富的的會很多，而且顏色失真比較嚴重。
本人采用的是falsh模板制作的，步驟和上方添加通欄自定義內(nèi)容差不多，只不過選擇添加“Flash模板區(qū)”就行了
進入falsh模板編輯
這里有點技巧，大家有沒有覺得一張圖片展示有點不大盡興呢，我這里巧用了falsh模板中的圖片輪播功能，這里最多可以展示五張圖片，大家可以充分發(fā)揮自已的創(chuàng)作空間，到網(wǎng)上多找找素材，制作幾張漂亮的圖片，突然是不是發(fā)現(xiàn)相當于展示了五個店招哦。
店招做好后，整個頁頭效果就出來了，發(fā)布出來看看效果哦，下面我將人店鋪的頁頭效果展示給大家看看。
好了，我的頁頭裝修過程就先給大家介紹到這兒吧，后面的裝修還需要大家自已答配整體店鋪風格，不斷模索!
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則
本文來源： 教你打造大氣通欄頁頭店招
