小編將細致的介紹怎樣制作淘寶店鋪海報(或全屏海報)如何一圖添加多個鏈接,so easy!讓店鋪瞬間變得高大上哦!
一、怎么添加全屏海報?
1、先用PS做好海報(這里小編做的海報寬度為950px,高度為380px)

2、將做好的圖片上傳到淘寶后臺的圖片空間,并復(fù)制圖片的鏈接

3、進入淘寶后臺的店鋪裝修,在你要放圖片的位置新建一個自定義內(nèi)容區(qū)

4、編輯自定義內(nèi)容區(qū),并插入圖片,將之前復(fù)制好的圖片代碼粘貼進圖片地址,點擊確定


5、點擊源碼,并將所有代碼復(fù)制下來


6、打開DW,新建一個html文件

7、將復(fù)制好的源碼中的代碼粘貼進html文件中的<body></body>之間

8、單擊設(shè)計區(qū)域的圖片,在下面的屬性欄中會有矩形熱點工具、橢圓形熱點工具、多邊形熱點工具可供選擇


9、選擇你所需要的熱點工具,框選你需要加鏈接的區(qū)域

10、在屬性欄中的鏈接加入你框選內(nèi)容所要加的鏈接(切記要把鏈接那里默認的#刪除)

11、繼續(xù)使用熱點工具框選,然后添加鏈接(切記刪除#)

12、添加完成之后,復(fù)制代碼區(qū)域<body></body>之間的內(nèi)容

13、進入淘寶后臺店鋪裝修,將自定義內(nèi)容之前的源碼刪除,然后粘貼從DW復(fù)制下來的代碼

14、點擊確定,完成操作,去前臺試驗熱點是否添加成功

二、怎樣制作淘寶全屏海報熱點?
1、先用PS做好海報(這里小編做的海報寬度為1920px,高度為600px)

2、將做好的圖片上傳到淘寶后臺的圖片空間,并復(fù)制圖片的鏈接

3、將圖片的地址鏈接粘貼到下面全屏海報代碼中的圖片地址中(其中高度可根據(jù)需求自行更改)
- <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、將圖片地址添加好之后,將整個代碼復(fù)制,并開啟DW,新建html文件,將代碼粘貼放到<body></body>之間

5、單擊設(shè)計區(qū)域的圖片,選擇你所需要的熱點工具,框選你需要加鏈接的區(qū)域,在屬性欄中的鏈接加入你框選內(nèi)容所要加的鏈接(切記要把鏈接那里默認的#刪除)

6、繼續(xù)使用熱點工具框選,然后添加鏈接(切記刪除#)

7、添加完成之后,復(fù)制代碼區(qū)域<body></body>之間的內(nèi)容

8、進入淘寶后臺店鋪裝修,添加自定義內(nèi)容區(qū),將代碼粘貼到源碼中

9、點擊確定,完成操作,去前臺試驗熱點是否添加成功

三、源代碼復(fù)制到DW之后,卻無法顯示圖片?
1、收到一個疑問:將源代碼復(fù)制在html中,切換到設(shè)計模式,卻無法顯示圖片?像這樣

2、圖片無法顯示原因:圖片地址不規(guī)范、不準(zhǔn)確,淘寶后臺復(fù)制過來的代碼將http:直接省略了

3、解決方案:重新添加上http:

4、刷新一下,圖片就能夠顯示了


相關(guān)推薦:
淘寶全屏店招怎么安裝? 淘寶店鋪招牌全屏的設(shè)置方法
樂發(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ī)則





