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

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

第二制作自定義模塊

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

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

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

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

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

然后選擇矩形選擇框工具

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

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

嗯 等大家設(shè)置好像素和顏色 點(diǎn)確認(rèn)就可以了 其他的不用設(shè)置然后大家按鍵盤上的 ctri+d取消虛線選擇 呼呼 大家會(huì)問 怎么看不到剛才的描邊里 好像沒有唉·哈哈 不要著急 有的 只不過在標(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)尺上面 就可以了

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

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

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

后不好添加 連接

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

依次 貼好所有的圖片

5 切割圖片

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

呵呵

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

整體大小來切 】

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

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

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

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

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

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

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

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

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國(guó)內(nèi)超市采購商與批發(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ī)則

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