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

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

第二制作自定義模塊

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

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

好了 標(biāo)尺介紹完我們就來試試吧

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

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

然后選擇矩形選擇框工具

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

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

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

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

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

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

后不好添加 連接

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

依次 貼好所有的圖片

5 切割圖片

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

呵呵

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

整體大小來切 】

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

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

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

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

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

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

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

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

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

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則

本文來源： 淘寶店鋪右側(cè)自定義模塊代碼制作方法