大家好，億卓智庫的小卓又來給大家分享了，繼昨天分享了做全屏的店鋪裝修後，有很多童鞋說學了之後做出來的不好看，店招位置短了一塊，這怎麼解決呢？

今天小卓給大家分享的主題就是【利用代碼】做一個自己想要的全屏店招

首先，自己先做一張店招的圖片吧，尺寸需要大于950像素的（要與主頁上的圖片寬度一緻哦，否則做好後會寬度不一樣的），高度是150PX,如下圖所示。

你想要的結果應該是這樣的吧，與下方的主頁面無縫對接，點擊“所有分類”或“雙十二活動專區”會有相應跳轉，還要加上“收藏店鋪”的提示，如下圖所示。

接下來就來學習吧，2分鐘内學會。

有了圖片在，那麼工作就會快很多了，接下來，把這張圖片上傳到自己淘寶店鋪的圖片空間（登陸淘寶網-賣家中心-圖片空間-上傳圖片），上傳成功後，點擊圖片下方的“回形針”标志的複制鍊接鍵，如下圖所示。

做好上面的工作，那麼接下來打開制作代碼的工具“碼工助手”【可以百度直接搜索碼工助手進入】，進入主頁面登陸後點擊“在線布局”

進入“在線布局”後展示的頁面是下面這樣子的，把剛剛圖片空間複制的鍊接粘貼進“背景圖裡吧，然後在模塊寬度裡寫上，950PX寬，150PX高。

填寫好後就是下面展示的了，出現了你之前做的圖片，有童鞋是否在問，為什麼是950PX，不能直接填我做的圖片大小，小卓回答”當然可以，但店招熱區隻有950PX以内是可以使用的“。所以還是950方便點。

接下來就要對”所有分類、首頁、雙十二活動專區、本店特價“等進行添加類似于”超級鍊接“一樣的可點擊的操作了，專有名詞叫”熱區“，點擊熱區，把區域進行調整到你想要點擊的位置，然後雙擊把想要跳轉到的鍊接複制進來，這就做好一個熱區了。

接上面的方法重複操作，就看到下面的樣子了，小卓做了四個熱區，當然你的先項多可以多做幾個也是OK的。

下面再加上個收藏吧，點擊”收藏“，彈出後調整大小和位置後進行雙擊，跳出彈出窗後輸入收藏的鍊接。

看到這裡，你的工作已經完成大部分了，再接再厲，馬上OK。

點擊右上角的”生成代碼“後将代碼複制粘貼。如下圖所示。

接下來進入到自己的店鋪裝修頁面。具體流程：登陸淘寶網-賣家中心-店鋪裝修-編輯店招。

即然是代碼裝修，就要在店招編輯裡面選擇”自定義招牌“，再選擇”雙向箭頭“的源碼。

将剛剛”碼工助手“裡面複制的代碼粘貼進來，再把高度改成150PX(這是你圖片制作的高度)，然後保存。

好了，主體工作都已經做好了，“預覽”一下吧，咦？為什麼左右分别少了一塊呢？如下圖所示

原因是你設計的店招是950PX寬，而下面的主體圖片寬度大于950PX，所以出現2塊空白，那麼你需要進入“店鋪裝修”裡面“頁頭背景圖作個設置”。

點擊“頁頭”，将你之前做好的圖片上傳上來，記住一定點擊“不平鋪”。

如果你做好上面的工作，那麼就已經大功告成了，你可以預覽一下，如果可以就發布吧，來看看自己的作品吧。

當然，有些童鞋在說小卓做的不漂亮，我想說我不是美工出身，這裡隻給大家用代碼做全屏店招的方法，希望對大家有幫助。

這裡做一個總結，其實全屏店招的做法很簡單，1.做一張全屏的店招圖；2.把這張圖生成代碼；3.将代碼裝修進店鋪；4.插入頁頭背景圖。如果你懂了就會發現，全屏店招就是兩張圖片的疊加。

如果您看到這裡，我相信您可能是淘寶開店不久的小賣家，小卓想說句：“創業者辛苦了”。億卓智庫将一直陪伴大家共同成長。

最後請大家微信關注“億卓智庫”，服務于創業培訓垂直領域，将架起創業者與創業大伽、專家導師的橋梁，提供課程視頻、課件下載、課堂互動遊戲等免費資源。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!