文 | 木凡大人
上期發(fā)布了《關(guān)于淘寶店鋪全屏輪播圖制作代碼的方法》后，收到網(wǎng)友詢問，如何在一張大海報上添加多條鏈接？
今天@木凡大人就收集整理了關(guān)于在一張海報上添加多個鏈接的三個簡單方法，這也許是我最后發(fā)布有關(guān)淘寶的教程了。話不多說，咱們來看具體操作步驟。
方法一：碼工助手
首先打開碼工助手，話說我很愛用啊，哈哈。有個<全屏設(shè)計代碼>，點擊進入。
進入后的界面
具體操作界面
注意，先注冊登錄。不然做好了提示需要注冊，內(nèi)容一下子全沒了。
制作好一張海報，大小1920x600尺寸，我是借用了自己平時收藏的海報來做案例。已經(jīng)上傳至淘寶圖片空間，具體怎么操作，看之前的教程，這里不贅述。
然后，復(fù)制圖片地址到碼工助手全屏海報制作界面<圖片地址>，然后點擊載入圖片。<店鋪類型>按自己店鋪類型選擇。<模塊間隙>這里默認(rèn)。
<圖片鏈接地址>，可增加多個跳轉(zhuǎn)鏈接。可以是專題頁面，也可以是寶貝鏈接。建議先添加。
然后在圖片上添加熱點。因為海報上有四個女模特，所以我加了四個熱點，對應(yīng)四個不同的鏈接。具體如圖：
話說，添加熱點時，綠色線框容易飄。這點得吐槽下。這個看手感，你懂得。
然后，預(yù)覽下效果。保證海報上的四個位置在點擊后能跳轉(zhuǎn)到四個不同的鏈接。
預(yù)覽OK，然后點擊<獲取代碼>，復(fù)制內(nèi)容。
然后回到賣家中心-店鋪裝修-自定義區(qū)-編輯-標(biāo)題不顯示-源碼-插入復(fù)制的代碼-確定。具體操作，看上一篇。樓主比較懶，不截圖了哈，望見諒。
然后預(yù)覽，當(dāng)當(dāng)當(dāng)~逐個點擊下，OK，完美。
方法二：PS切片
這里需要提醒下，PS切片法，目前木凡大人只會制作950寬的海報，全屏的海報可以用第一個方法。這個方法僅針對950尺寸，就是淘寶默認(rèn)的海報尺寸。
首先制作好一張950x600的尺寸，嘿嘿，換了個尺寸，美女看得更清晰。用PS打開，如圖：
點擊工具欄的切片工具，如圖：
然后把整張圖切成四個方塊，每個方塊的底部要保持在一條線上，藍色的線框就是，如圖：
然后，點擊菜單欄-文件-存儲為web所用格式。
格式為<僅限圖像>，然后保存。
生成了一個image文件夾，有四張圖，而且還編好號了。然后把圖片上傳到淘寶圖片空間，如圖：
重復(fù)步驟，回到賣家中心-店鋪裝修-自定義區(qū)-編輯-標(biāo)題不顯示-插入圖片空間圖片。
插入圖片時，按照123的順序插入。插入完成，如圖：
然后編輯這四張圖片，給每個圖片添加一條跳轉(zhuǎn)鏈接。
點擊確定，如圖：
完整的950大圖完成啦！預(yù)覽，發(fā)布站點，完美！
方法三：DW熱點
這個方法要求先把海報上傳到淘寶圖片空間。用的還是寬950的圖片，我已經(jīng)上傳到Dreamweaver界面如下：
點擊圖片，出現(xiàn)如圖設(shè)置欄，添加熱點地區(qū)為標(biāo)紅區(qū)域。
根據(jù)海報需求，我選擇的是矩形選框。添加如圖所示的熱點區(qū)域：
想改變選框大小，點擊設(shè)置區(qū)域的黑色箭頭就行。選框大小沒有要求，隨意設(shè)置，只要用戶在點擊圖片（如點擊購買字眼）時確保能點擊到就行。
點擊每個熱點，在設(shè)置區(qū)域，添加跳轉(zhuǎn)鏈接（專題、寶貝鏈接），目標(biāo)_blank，表示跳轉(zhuǎn)鏈接在新窗口打開。
回到拆分界面，把海報地址粘貼到標(biāo)紅的位置。
這里提醒下，如果店鋪裝修使用多個這種方法的話，把圖片上標(biāo)紅的Map位置，改為map1、map2...不然保存后，多個自定義相互之間會有沖突。
最后，還是重復(fù)，回到賣家中心-店鋪裝修-自定義區(qū)-編輯-標(biāo)題不顯示-源碼-插入復(fù)制的代碼-確定。預(yù)覽如圖：
點擊一個區(qū)域，就會出現(xiàn)藍色色塊，這個方法還是不錯的，可以制作元素多樣的海報，靈活性比較好。
好了，這是制作大海報添加多個鏈接的三個方法，具體簡單或是不簡單，看大家的習(xí)慣了。
實踐是檢驗真理的唯一標(biāo)準(zhǔn)。
望大家共勉。
- END -
我是@木凡大人，熱愛生活，樂于分享。
本文由@木凡大人 原創(chuàng)，轉(zhuǎn)載請注明，請尊重原創(chuàng)。
