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

小編將細(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ù)制下來
6、打開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ù)制下來的代碼
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ù)需求自行更改)
- <div style="height:600px;">
- <div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
- <div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">
- <img src="圖片地址" _fcksavedurl=""圖片地址"" border="0" alt="全屏海報(bào)" />
- </div>
- </div>
- </div>
4、將圖片地址添加好之后,將整個(gè)代碼復(fù)制,并開啟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之后,卻無法顯示圖片?
1、收到一個(gè)疑問:將源代碼復(fù)制在html中,切換到設(shè)計(jì)模式,卻無法顯示圖片?像這樣
2、圖片無法顯示原因:圖片地址不規(guī)范、不準(zhǔn)確,淘寶后臺(tái)復(fù)制過來的代碼將http:直接省略了
3、解決方案:重新添加上http:
4、刷新一下,圖片就能夠顯示了
相關(guān)推薦:
淘寶全屏店招怎么安裝? 淘寶店鋪招牌全屏的設(shè)置方法
相關(guān)文章
- 淘寶專業(yè)版基礎(chǔ)版怎么給旺鋪裝修添加模塊?想給淘寶店鋪裝修一下,添加模塊,該怎么辦呢?今天我們就來看看淘寶專業(yè)版基礎(chǔ)版裝修旺鋪的方法,需要的朋友可以參考下2016-02-25
淘寶店鋪裝修之加入同店轉(zhuǎn)讓功能設(shè)置方法圖文教程
這篇文章主要介紹了淘寶店鋪裝修之加入同店轉(zhuǎn)讓功能設(shè)置方法圖文教程,通過本文你還可以學(xué)習(xí)到創(chuàng)建自定義頁面的方法,需要的朋友可以參考下2015-05-11- 這篇文章主要介紹了淘寶店鋪裝修之裝修布局設(shè)置方法圖文教程,淘寶店鋪可以自由選擇網(wǎng)店的布局,也就是你可以選擇通欄的或者左右欄的,可以自由轉(zhuǎn)換,本文就講解了設(shè)置方法,需2015-05-11
- 這篇文章主要介紹了淘寶店鋪裝修添加寶貝詳情頁導(dǎo)航方法圖文教程,增加導(dǎo)航能讓買家迅速了解寶貝信息,尤其是一些描述比較長的寶貝,需要的朋友可以參考下2015-05-11
- 這篇文章主要介紹了淘寶店鋪裝修中修改導(dǎo)航條顏色方法圖文教程,本文用一個(gè)實(shí)際案例講解了一個(gè)彩色導(dǎo)航條的制作過程,需要的朋友可以參考下2015-05-11
淘寶店鋪裝修自己動(dòng)手制作一個(gè)公告欄(HTML)圖文教程
這篇文章主要介紹了淘寶店鋪裝修自己動(dòng)手制作一個(gè)公告欄(HTML)圖文教程,其實(shí)網(wǎng)上也有很多店鋪公告的模板,大家可以自己去下載,但是如果你想做一個(gè)獨(dú)一無二的的店鋪公告欄,2015-05-11淘寶店鋪裝修在導(dǎo)航上加入信用評(píng)價(jià)鏈接方法圖文教程
這篇文章主要介紹了淘寶店鋪裝修在導(dǎo)航上加入信用評(píng)價(jià)鏈接方法圖文教程,很多淘寶賣家看到別人的導(dǎo)航條上可以看到信用評(píng)價(jià),但是自己的卻沒有,如何實(shí)現(xiàn)呢,其實(shí)也不是那么難的2015-05-11- 這篇文章主要介紹了淘寶店鋪裝修添加寶貝排行榜方法圖文教程,網(wǎng)店裝修如何添加"寶貝排行榜"?寶貝排行榜怎么弄的?閱讀本文即可找到答案,需要的朋友可以參考下2015-05-11
- 淘寶達(dá)人u站怎樣裝修?相信很多朋友都不是很清楚吧,其實(shí)方法很簡(jiǎn)單的,下面小編就為大家介紹可視化u站的裝修方法,希望能對(duì)大家有所幫助2015-03-12
- 開店已經(jīng)4個(gè)月了,在這4個(gè)月中真正讓我嘗到了自己創(chuàng)業(yè)的艱辛。下面小編為大家介紹淘寶店鋪簡(jiǎn)易裝修之店招裝修簡(jiǎn)易做法,一起來看看吧2015-03-07