小編將細致的介紹怎樣制作淘寶店鋪海報(或全屏海報)如何一圖添加多個鏈接,so easy!讓店鋪瞬間變得高大上哦!
一、怎么添加全屏海報?
1、先用PS做好海報(這里小編做的海報寬度為950px,高度為380px)
2、將做好的圖片上傳到淘寶后臺的圖片空間,并復制圖片的鏈接
3、進入淘寶后臺的店鋪裝修,在你要放圖片的位置新建一個自定義內容區
4、編輯自定義內容區,并插入圖片,將之前復制好的圖片代碼粘貼進圖片地址,點擊確定
5、點擊源碼,并將所有代碼復制下來
6、打開DW,新建一個html文件
7、將復制好的源碼中的代碼粘貼進html文件中的<body></body>之間
8、單擊設計區域的圖片,在下面的屬性欄中會有矩形熱點工具、橢圓形熱點工具、多邊形熱點工具可供選擇
9、選擇你所需要的熱點工具,框選你需要加鏈接的區域
10、在屬性欄中的鏈接加入你框選內容所要加的鏈接(切記要把鏈接那里默認的#刪除)
11、繼續使用熱點工具框選,然后添加鏈接(切記刪除#)
12、添加完成之后,復制代碼區域<body></body>之間的內容
13、進入淘寶后臺店鋪裝修,將自定義內容之前的源碼刪除,然后粘貼從DW復制下來的代碼
14、點擊確定,完成操作,去前臺試驗熱點是否添加成功
二、怎樣制作淘寶全屏海報熱點?
1、先用PS做好海報(這里小編做的海報寬度為1920px,高度為600px)
2、將做好的圖片上傳到淘寶后臺的圖片空間,并復制圖片的鏈接
3、將圖片的地址鏈接粘貼到下面全屏海報代碼中的圖片地址中(其中高度可根據需求自行更改)
- <divstyle="height:600px;">
- <divclass="footer-more-trigger"style="left:50%;top:auto;border:none;padding:0;">
- <divclass="footer-more-trigger"style="left:-960px;top:auto;border:none;padding:0;">
- <imgsrc="圖片地址"_fcksavedurl=""圖片地址""border="0"alt="全屏海報"/>
- </div>
- </div>
- </div>
4、將圖片地址添加好之后,將整個代碼復制,并開啟DW,新建html文件,將代碼粘貼放到<body></body>之間
5、單擊設計區域的圖片,選擇你所需要的熱點工具,框選你需要加鏈接的區域,在屬性欄中的鏈接加入你框選內容所要加的鏈接(切記要把鏈接那里默認的#刪除)
6、繼續使用熱點工具框選,然后添加鏈接(切記刪除#)
7、添加完成之后,復制代碼區域<body></body>之間的內容
8、進入淘寶后臺店鋪裝修,添加自定義內容區,將代碼粘貼到源碼中
9、點擊確定,完成操作,去前臺試驗熱點是否添加成功
三、源代碼復制到DW之后,卻無法顯示圖片?
1、收到一個疑問:將源代碼復制在html中,切換到設計模式,卻無法顯示圖片?像這樣
2、圖片無法顯示原因:圖片地址不規范、不準確,淘寶后臺復制過來的代碼將http:直接省略了
3、解決方案:重新添加上http:
4、刷新一下,圖片就能夠顯示了
相關推薦:
淘寶全屏店招怎么安裝? 淘寶店鋪招牌全屏的設置方法
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。