小編將細(xì)致的介紹怎樣制作淘寶店鋪海報(或全屏海報)如何一圖添加多個鏈接,so easy!讓店鋪瞬間變得高大上哦!
一、怎么添加全屏海報?
1、先用PS做好海報(這里小編做的海報寬度為950px,高度為380px)
2、將做好的圖片上傳到淘寶后臺的圖片空間,并復(fù)制圖片的鏈接
3、進(jìn)入淘寶后臺的店鋪裝修,在你要放圖片的位置新建一個自定義內(nèi)容區(qū)
4、編輯自定義內(nèi)容區(qū),并插入圖片,將之前復(fù)制好的圖片代碼粘貼進(jìn)圖片地址,點擊確定
5、點擊源碼,并將所有代碼復(fù)制下來
6、打開DW,新建一個html文件
7、將復(fù)制好的源碼中的代碼粘貼進(jìn)html文件中的<body></body>之間
8、單擊設(shè)計區(qū)域的圖片,在下面的屬性欄中會有矩形熱點工具、橢圓形熱點工具、多邊形熱點工具可供選擇
9、選擇你所需要的熱點工具,框選你需要加鏈接的區(qū)域
10、在屬性欄中的鏈接加入你框選內(nèi)容所要加的鏈接(切記要把鏈接那里默認(rèn)的#刪除)
11、繼續(xù)使用熱點工具框選,然后添加鏈接(切記刪除#)
12、添加完成之后,復(fù)制代碼區(qū)域<body></body>之間的內(nèi)容
13、進(jìn)入淘寶后臺店鋪裝修,將自定義內(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)容所要加的鏈接(切記要把鏈接那里默認(rèn)的#刪除)
6、繼續(xù)使用熱點工具框選,然后添加鏈接(切記刪除#)
7、添加完成之后,復(fù)制代碼區(qū)域<body></body>之間的內(nèi)容
8、進(jìn)入淘寶后臺店鋪裝修,添加自定義內(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)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(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ī)則