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

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

第二制作自定義模塊

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

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

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

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

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

然后選擇矩形選擇框工具

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

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

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

嘿嘿看到了把 小模塊出來(lái)了 很清楚把

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

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

后不好添加 連接

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

依次 貼好所有的圖片

5 切割圖片

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

呵呵

按照這樣的方法 把所有的小模塊在切割出來(lái)【注意的一點(diǎn) 你也可以按照自己圖片的的

整體大小來(lái)切 】

切好以后 沒(méi)什么問(wèn)題 我們就可以保存了 呼呼 點(diǎn)PS菜單欄的文件【重點(diǎn) 哈哈記得要儲(chǔ)存Wed所用格式】 呼呼會(huì)談出來(lái)個(gè)儲(chǔ)存框

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

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

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

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

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

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

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

樂(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)源： 淘寶店鋪右側(cè)自定義模塊代碼制作方法