快消品貨源批發(fā)市場(chǎng)
快消品貨源分銷(xiāo)平臺(tái)
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 淘寶店鋪裝修 » 怎樣在寶貝詳情頁(yè)中制作一張圖片多個(gè)鏈接

怎樣在寶貝詳情頁(yè)中制作一張圖片多個(gè)鏈接

放大字體  縮小字體 發(fā)布日期:2024-04-16 07:32:58  來(lái)源:電商聯(lián)盟  作者:樂(lè)發(fā)網(wǎng)  瀏覽次數(shù):11128

對(duì)于中小店鋪,在寶貝詳情頁(yè)中添加超鏈接是提升流量很好的辦法,最近在論壇上學(xué)習(xí)到一些制作方法, 很好用,在這里和大家一起分享一下。
我用的是Adobe Dreamweaver CS4,這個(gè)軟件制作鏈接很好用,網(wǎng)上有很多,可以直接下載。
一.打開(kāi)軟件 首先打開(kāi)Adobe Dreamweaver CS4軟件,在初始頁(yè)面中可以從“文件”中新建,也可以直接點(diǎn)擊“HTML"

二.插入圖片點(diǎn)擊HTML后會(huì)彈出下圖,之后點(diǎn)擊“插入”圖像,在彈出的窗口中找到你編輯的圖片插入就好了,

在點(diǎn)擊玩確定的文件名后會(huì)彈出對(duì)話筐,不用管,直接點(diǎn)確定就OK了,有兩個(gè),全都點(diǎn)確定就好了。

下面的是我所插入的圖片后的效果界面圖,之后就要開(kāi)始對(duì)我們的圖片添加鏈接了

三.添加鏈接在軟件窗口的左下角,有一個(gè)“繪制矩形熱點(diǎn)”這樣的一個(gè)命令符號(hào),如圖紅色標(biāo)記所示,這個(gè)就是我們添加鏈接的命令按鈕,有三個(gè)形狀,在做圖的時(shí)候可以根據(jù)需要選取,我們這里用的是矩形的命令按鈕,

選取第一個(gè)矩形的命令按鈕,鼠標(biāo)移動(dòng)至所要編輯的圖片,拖動(dòng)選中起要分割的單一圖片,如圖所示,被選中的部分變成朦朧狀,就OK了,彈出的對(duì)話框直接點(diǎn)確定就行了

在左下方有鏈接的地址,把“#”去掉,然后把所選圖片的鏈接地址復(fù)制上去,然后點(diǎn)“文件”“保存”

這樣其中的一部分就做好了,同理,可以把剩下的圖片加上自己想要的鏈接之后保存

四.復(fù)制代碼復(fù)制軟件上方代碼窗口中兩個(gè)"<body>"之間所有的代碼,保存到TXT文檔中就行了

這樣一個(gè)圖片上的多個(gè)鏈接就做好了,之后介紹下怎樣把做好的圖片應(yīng)用到寶貝詳情頁(yè)中

一.圖片上傳很簡(jiǎn)單的,把之前做的大圖上傳到自己的圖片空間里,打開(kāi)圖片,右鍵點(diǎn)擊圖片,把圖片的地址復(fù)制下來(lái),粘貼到之前保存好的文檔中 <ing src="圖片地址"的位置中,如圖

保存

二.新建模塊打開(kāi)裝修店鋪,在裝修寶貝詳情頁(yè)中新建個(gè)自定義模塊,

然后先保存,之后再次打開(kāi)裝修寶貝詳情頁(yè),編輯之前保存好的自定義模塊,在點(diǎn)開(kāi)編輯窗口的右邊,有一個(gè)“編輯HTML源碼”命令按鈕,點(diǎn)擊,然后把之前保存在TXT文檔中的代碼復(fù)制進(jìn)去,

再次點(diǎn)擊“編輯HTML源碼”命令按鈕,就會(huì)顯示圖片效果圖了,

發(fā)布 結(jié)束

希望能給大家?guī)?lái)幫助,祝各位掌柜生意興隆 越來(lái)越旺

樂(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)源: 怎樣在寶貝詳情頁(yè)中制作一張圖片多個(gè)鏈接

分享與收藏:加入收藏欄  網(wǎng)商學(xué)院搜索  告訴好友  關(guān)閉窗口  打印本文 本文關(guān)鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
淘寶店鋪,天貓店鋪背景固定的方法。 淘寶裝修子賬號(hào)設(shè)置流程
淘寶店鋪裝修如何實(shí)現(xiàn)全屏輪播 7個(gè)步驟打造史上最牛詳情頁(yè)
淘寶店鋪裝修網(wǎng)商學(xué)院推薦
淘寶店鋪裝修點(diǎn)擊排行
 
手機(jī)版 手機(jī)掃描訪問(wèn)
亚洲一级av,黑白配精品在线视频,欧美亚洲综合网站,高清在线无码不卡69 www.sucaiwu.net