快消品貨源批發(fā)市場
快消品貨源分銷平臺
 
 
當前位置: 貨源批發(fā)網 » 網商學院 » 網店裝修 » 淘寶店鋪裝修 » 淘寶店鋪右側自定義模塊代碼制作方法

淘寶店鋪右側自定義模塊代碼制作方法

放大字體  縮小字體 發(fā)布日期:2024-02-25 21:57:02  來源:電商聯(lián)盟  作者:樂發(fā)網  瀏覽次數(shù):25

昨天我轉悠了下好多新手賣家的店鋪都發(fā)現(xiàn)一個問題·不會裝修店鋪 大家也知道想更好的推廣自己的店鋪 首先做的就是 店鋪裝修·而有很多朋友都不知道怎么去裝修 嘿嘿 今天發(fā)個帖子首先教大家怎么去做自定義模塊·其實不是旺鋪 也可以做出 漂亮的自定義模塊· 哈哈廢話不多說直接開始把·

第一 首先介紹大家兩款常用的軟件· PS我相信大家很熟悉 只要是做淘寶的多多少少都會使用DW這款軟件估計有很多朋友沒見過把 它的全名是【Dreamweaver】我主要用來編輯代碼 有興趣的朋友可以去百度搜索下載 最好下載綠色版 不會過期 哈哈介紹完兩款款軟件 現(xiàn)在開始教大家怎么制作自定義模塊·

第二制作自定義模塊

1 首先在PS 里面新建 750X高度自己定義分辨率72的圖層

當然如同的店鋪自定義模塊的寬度都在750 高度大家可以隨便自定義 2分割整體圖為更多的小模塊 在PS里面首先在新建的圖上面 調出標尺 以便好切分模塊 標尺的快捷鍵是【ctri+r】

好了 標尺介紹完我們就來試試吧

呵呵 大家是不是覺得比較亂 看不出來切的是什么 嘿嘿 放心 下面一步我教你怎么去描邊 等邊描好異構就一目了然了 呼呼

3 描邊 首先我們要新建一層圖層

然后選擇矩形選擇框工具

在你剛切分好的圖層上面拉出你切分的小模塊

嗯接下來我們就這這些小模塊一個一個描邊呼呼 大家點下 菜單欄上面的編輯 會出現(xiàn)個下拉菜單里面有個描述看到沒? 在點下會出來個對話框

嗯 等大家設置好像素和顏色 點確認就可以了 其他的不用設置然后大家按鍵盤上的 ctri+d取消虛線選擇 呼呼 大家會問 怎么看不到剛才的描邊里 好像沒有唉·哈哈 不要著急 有的 只不過在標尺線的下面 嘿嘿我們現(xiàn)在取消標尺 嘿嘿 不要閑麻煩 現(xiàn)在把工具切換到移動工具 然后把鼠標放在 標尺線的上面推動 標尺線 把標尺線移動到數(shù)字標尺上面 就可以了

嘿嘿看到了把 小模塊出來了 很清楚把

現(xiàn)在我們來裝飾模塊把 4 裝飾模塊在裝飾前 找點好素材 和好看的圖片之類的 不要忘記還有一點 要想好相面寫的話語哦 不如促銷的話句 哈哈找不到好看的素材多去 皇冠店鋪看看 可以剪切一些他們好的 標語呀··圖片呀 這內的

模塊裝飾好以后 大家就可以貼上自己店鋪寶貝的圖片 5 貼寶貝圖片在你自己店鋪選擇幾樣商品 復制他們 直接在PS 按ctri+v來粘貼 記住一定要自己店鋪的寶貝 不然以

后不好添加 連接

復制好以后 直接在PS里面粘貼 在PS里面調整圖片大按ctri+t用移動工具在方框的4個點任意調整知道調整到和你做的模塊一樣大小

依次 貼好所有的圖片

5 切割圖片

這快說起來也不是很難 看大家怎么去學習應用了 首先選擇工具欄里面的切片工具選擇好以后大家就要注意了 用切片工具 把剛做出來的小模塊在重新切割一次 這次是帶寶貝圖片的切割

呵呵

按照這樣的方法 把所有的小模塊在切割出來【注意的一點 你也可以按照自己圖片的的

整體大小來切 】

切好以后 沒什么問題 我們就可以保存了 呼呼 點PS菜單欄的文件【重點 哈哈記得要儲存Wed所用格式】 呼呼會談出來個儲存框

不要設置其他參數(shù)直接點儲存 保持在桌面上

這就是我們做的自定義模塊 當然還要繼續(xù)第三上傳圖片

把剛保持在桌面上IMAGES文件夾里面的圖片全部上傳到你自己的淘寶空間 這些圖片就是剛做的自定義模塊的分割圖第四 打開 Dreamweaver軟件 在Dreamweaver軟件里面菜單欄文件里面 點打開 找到剛才保存在左面上的然后打開現(xiàn)在Dreamweaver軟件已經幫你把剛辭做的自定義模塊生成了代碼

點擊代碼 你就會看到生成的代碼 然后拷貝復制就可以了 第五添加代碼把自己的淘寶店鋪打開 在打開裝修頁面 在裝修頁面上找到自定義模塊【一般免費旺鋪只有一個自定以模塊 在招牌下面 不過這個自定義模塊可以添加多個自定義圖片】 先點擊下把復制代碼貼進去 點擊下你會看到很多有小差號的圖片框子呵呵不要奇怪 在另一個窗口打開你剛才上傳的圖片 復制圖片連接

粘貼到自定義窗口里面 每個圖片的位置一定要找到哦 不然就亂了

全部添加好以后就可以給這些圖片添加連接了第六 添加連接找到你圖片上的寶貝 在你店鋪打開 復制他們的連接 添加到你自定義圖片上就可以了 記得要對應的寶貝哦· 第七 點確認 在點確認發(fā)布 完成 一個自定義模塊就做好·呵呵 打開你的店鋪就可以看你剛制作的自定義模塊有了我的方法你沒沒必要在花大價錢去找別人來裝修自己的店鋪· 哈哈不過有些懶人想找人裝修 還是找我吧 嘿嘿辛辛苦苦一晚上寫的不知道大家看懂了沒有 要是有什么地方不懂的可以聯(lián)系我教你們

哈哈效果好的話我下次會教大家制作GIF動畫圖片添加到自定義模塊里面 祝大家生意興隆

樂發(fā)網超市批發(fā)網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發(fā)市場供應廠商搭建網上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務權威性網站。

本文內容整合網站:百度百科、知乎、淘寶平臺規(guī)則

本文來源: 淘寶店鋪右側自定義模塊代碼制作方法

分享與收藏:  網商學院搜索  告訴好友  關閉窗口  打印本文 本文關鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
淘寶裝修子賬號設置流程 淘寶店鋪,天貓店鋪背景固定的方法。
淘寶店鋪裝修如何實現(xiàn)全屏輪播
淘寶店鋪裝修網商學院推薦
淘寶店鋪裝修點擊排行
 
手機版 手機掃描訪問
亚洲一级av,黑白配精品在线视频,欧美亚洲综合网站,高清在线无码不卡69 www.sucaiwu.net