淘寶全屏店招,自定義導(dǎo)航就是這么簡單!
看到別人店鋪那種高大上的全屏店招和自定義導(dǎo)航是不是很羨慕?可是自己還不會做?怎么辦?下邊小編就把這個方法跟大家共享。
前提是你要會PS哦!
第一步:打開PS新建一個1920像素*150像素的文件.
第二步:做好你的店招和自定義導(dǎo)航。可以隨心所欲的做,比如在店招上加代金券熱銷產(chǎn)品,都可以!

這是小編雙12做的一個店招。
第三步:把你做好的店招先存成JPG格式,先不去管它,然后再把源文件裁剪成990像素*150像素大?。ㄟ@個尺寸是天貓的,淘寶C店的尺寸是950*150)。


這是裁剪之后的大小。然后保存!
第 四步:打開店鋪后臺圖片空間圖片上傳。把你裁剪之后的那個店招上傳到圖片空間(990*150的,)然后復(fù)制這個圖片代碼,而不是鏈接。復(fù)制好之后, 這里就需要你有另外一個軟件了,就是Dreamweaver,簡稱DW。這個軟件是給你店招自定義導(dǎo)航加連接的。新建一個HTML。

然后點左上角的“拆分”這樣是為了看著方便!然后把里面的代碼全部刪掉,不要!

第五步:把你剛才復(fù)制的圖片代碼粘貼到最上邊空白處,然后點擊下邊的空白處。

紅框標注的地方隨意點一下,圖片就會在下方顯示。如下圖。

第六步:找到軟件最下邊,屬性欄里的一個長方形圖標,然后在圖片上按住鼠標不放慢慢拉動,就會出現(xiàn)一個半透明的東西,這個叫做熱點。如下圖。

第七步:弄好熱點之后,就可以加鏈接了,第一個是首頁,所以就去店鋪首頁復(fù)制鏈接,粘貼在軟件最下邊的鏈接欄里,鏈接欄里的“#”不要。“鏈接"下邊的"目標"選項的第一個是新窗口打開。如下圖。

這樣就把首頁的鏈接加上了,其他的鏈接也是這個步驟。

第八步:鏈接全部弄好之后,回到后臺,打開店鋪裝修,然后編輯店招,選擇自定義招牌,下邊的高度設(shè)置150PX,如下圖。

設(shè)置好之后,把DW里做好的代碼復(fù)制一下。

第九步:復(fù)制好代碼回到店鋪裝修,點一下店招里的"< >"這個符號,把代碼粘貼進去。如下圖。

然后保存,一個990的店招就出來了。
第十步:點擊裝修?樣式管理背景設(shè)置上傳圖片,設(shè)置如下圖。

傳好之后保存即可。預(yù)覽一下有沒有問題,沒問題就可以發(fā)布了。
如果有的朋友不想要用DW加連接,就去掉導(dǎo)航部分,把店招做成1920*120的!
會了這個方法,你就可以隨心所欲的做自己想要的店招,比如這樣

?發(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ī)則
本文來源: 全屏店招之制作自定義導(dǎo)航教程