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

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


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

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

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

紅框標(biāo)注的地方隨意點(diǎn)一下,圖片就會(huì)在下方顯示。如下圖。

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

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

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

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

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

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

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

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

?發(fā)揮你的想象,嘗試做不一樣的店招吧!
樂(lè)發(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)廠(chǎ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ī)則
本文來(lái)源: 全屏店招之制作自定義導(dǎo)航教程