淘寶全屏店招,自定義導航就是這么簡單!
看到別人店鋪那種高大上的全屏店招和自定義導航是不是很羨慕?可是自己還不會做?怎么辦?下邊小編就把這個方法跟大家共享。
前提是你要會PS哦!
第一步:打開PS新建一個1920像素*150像素的文件.
第二步:做好你的店招和自定義導航。可以隨心所欲的做,比如在店招上加代金券熱銷產品,都可以!
這是小編雙12做的一個店招。
第三步:把你做好的店招先存成JPG格式,先不去管它,然后再把源文件裁剪成990像素*150像素大小(這個尺寸是天貓的,淘寶C店的尺寸是950*150)。
這是裁剪之后的大小。然后保存!
第 四步:打開店鋪后臺圖片空間圖片上傳。把你裁剪之后的那個店招上傳到圖片空間(990*150的,)然后復制這個圖片代碼,而不是鏈接。復制好之后, 這里就需要你有另外一個軟件了,就是Dreamweaver,簡稱DW。這個軟件是給你店招自定義導航加連接的。新建一個HTML。
然后點左上角的“拆分”這樣是為了看著方便!然后把里面的代碼全部刪掉,不要!
第五步:把你剛才復制的圖片代碼粘貼到最上邊空白處,然后點擊下邊的空白處。
紅框標注的地方隨意點一下,圖片就會在下方顯示。如下圖。
第六步:找到軟件最下邊,屬性欄里的一個長方形圖標,然后在圖片上按住鼠標不放慢慢拉動,就會出現一個半透明的東西,這個叫做熱點。如下圖。
第七步:弄好熱點之后,就可以加鏈接了,第一個是首頁,所以就去店鋪首頁復制鏈接,粘貼在軟件最下邊的鏈接欄里,鏈接欄里的“#”不要。“鏈接"下邊的"目標"選項的第一個是新窗口打開。如下圖。
這樣就把首頁的鏈接加上了,其他的鏈接也是這個步驟。
第八步:鏈接全部弄好之后,回到后臺,打開店鋪裝修,然后編輯店招,選擇自定義招牌,下邊的高度設置150PX,如下圖。
設置好之后,把DW里做好的代碼復制一下。
第九步:復制好代碼回到店鋪裝修,點一下店招里的"< >"這個符號,把代碼粘貼進去。如下圖。
然后保存,一個990的店招就出來了。
第十步:點擊裝修?樣式管理背景設置上傳圖片,設置如下圖。
傳好之后保存即可。預覽一下有沒有問題,沒問題就可以發布了。
如果有的朋友不想要用DW加連接,就去掉導航部分,把店招做成1920*120的!
會了這個方法,你就可以隨心所欲的做自己想要的店招,比如這樣
?發揮你的想象,嘗試做不一樣的店招吧!
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 全屏店招之制作自定義導航教程