快消品貨源批發(fā)市場(chǎng)
快消品貨源分銷(xiāo)平臺(tái)
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 淘寶店鋪裝修 » 淘寶店鋪怎么添加全屏海報(bào)? 淘寶海加入多個(gè)鏈接熱點(diǎn)的方法

淘寶店鋪怎么添加全屏海報(bào)? 淘寶海加入多個(gè)鏈接熱點(diǎn)的方法

放大字體  縮小字體 發(fā)布日期:2024-09-18 01:37:09  來(lái)源:電商聯(lián)盟  作者:樂(lè)發(fā)網(wǎng)  瀏覽次數(shù):44

小編將細(xì)致的介紹怎樣制作淘寶店鋪海報(bào)(或全屏海報(bào))如何一圖添加多個(gè)鏈接,so easy!讓店鋪瞬間變得高大上哦!

一、怎么添加全屏海報(bào)?

1、先用PS做好海報(bào)(這里小編做的海報(bào)寬度為950px,高度為380px)

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

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

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

5、點(diǎn)擊源碼,并將所有代碼復(fù)制下來(lái)

6、打開(kāi)DW,新建一個(gè)html文件

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

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

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

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

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

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

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

14、點(diǎn)擊確定,完成操作,去前臺(tái)試驗(yàn)熱點(diǎn)是否添加成功

二、怎樣制作淘寶全屏海報(bào)熱點(diǎn)?

1、先用PS做好海報(bào)(這里小編做的海報(bào)寬度為1920px,高度為600px)

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

3、將圖片的地址鏈接粘貼到下面全屏海報(bào)代碼中的圖片地址中(其中高度可根據(jù)需求自行更改)

nclick="copyIdText('code_5660')">復(fù)制內(nèi)容到剪貼板
  1. <divstyle="height:600px;">
  2. <divclass="footer-more-trigger"style="left:50%;top:auto;border:none;padding:0;">
  3. <divclass="footer-more-trigger"style="left:-960px;top:auto;border:none;padding:0;">
  4. <imgsrc="圖片地址"_fcksavedurl=""圖片地址""border="0"alt="全屏海報(bào)"/>
  5. </div>
  6. </div>
  7. </div>

4、將圖片地址添加好之后,將整個(gè)代碼復(fù)制,并開(kāi)啟DW,新建html文件,將代碼粘貼放到<body></body>之間

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

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

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

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

9、點(diǎn)擊確定,完成操作,去前臺(tái)試驗(yàn)熱點(diǎn)是否添加成功

三、源代碼復(fù)制到DW之后,卻無(wú)法顯示圖片?

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

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

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

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

相關(guān)推薦:

淘寶全屏店招怎么安裝? 淘寶店鋪招牌全屏的設(shè)置方法

樂(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)廠商搭建網(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)源: 淘寶店鋪怎么添加全屏海報(bào)? 淘寶海加入多個(gè)鏈接熱點(diǎn)的方法

分享與收藏:  網(wǎng)商學(xué)院搜索  告訴好友  關(guān)閉窗口  打印本文 本文關(guān)鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
淘寶裝修子賬號(hào)設(shè)置流程 淘寶店鋪裝修如何實(shí)現(xiàn)全屏輪播
淘寶神筆子賬號(hào)設(shè)置方法 淘寶詳情模板市場(chǎng)使用教程
淘寶店鋪裝修網(wǎng)商學(xué)院推薦
淘寶店鋪裝修點(diǎn)擊排行
 
手機(jī)版 手機(jī)掃描訪問(wèn)
亚洲一级av,黑白配精品在线视频,欧美亚洲综合网站,高清在线无码不卡69 www.sucaiwu.net