大家好，我們又見面了,今天還是會(huì)給大家?guī)矸窒怼Ｔ谧罱。野l(fā)現(xiàn)有很多朋友問我淘寶店怎么裝修才好，特別是新手，很多新手賣家感覺淘寶店鋪裝修店鋪是件很頭疼的事情，淘寶店鋪裝修市場(chǎng)雖然有那么多好看的模板，但是價(jià)格一個(gè)比一個(gè)貴，作為一個(gè)新手賣家，店鋪還沒賺到錢呢，哪有那么多錢去買模板，不過現(xiàn)在大家不用擔(dān)心啦，今天我在這里教大家一個(gè)方法，可以免費(fèi)得到漂亮的模板哦。

相信大家對(duì)這些都很感興趣吧，話不多說，下面我就來教大家如何來制作漂亮的模板吧，首先我們需要兩個(gè)功能強(qiáng)大的軟件，那就是 photoshop 和 Dreamweaver ，簡(jiǎn)稱就是 PS和DW，我想大家對(duì)這兩個(gè)軟件應(yīng)該有所了解吧，這里我就不做介紹了，直接進(jìn)入實(shí)操環(huán)節(jié)。

尋找漂亮的模板

首先，當(dāng)然要找一個(gè)自己喜歡的漂亮模板啦，這個(gè)都難不倒我們，千圖網(wǎng)里的店鋪裝修多得是，http://www.58pic.com/tupian/dianpuzhuangxiu.html我想這個(gè)地址大家應(yīng)該都知道哦，只要進(jìn)去之后就有很多很多的漂亮模板，這些模板都可以免費(fèi)下載的。

利用PS切片

首先用PS打開我們截下來的模板圖片(這里我們統(tǒng)一說打開圖片)。

打開之后，我們先要把圖片下面的那些寶貝名稱換成自己的寶貝名稱，該怎么做呢?首先我們要把上面原有的字給去掉，很簡(jiǎn)單，我們可以用填充命令，把原有的字體給去掉，其實(shí)相當(dāng)于在原有的字體上覆蓋了一層，使之看不到原來的字。

具體怎么做呢?我們可以用矩形選框工具把原有的字體進(jìn)行選取。

大家可以看到，這樣我們就可以把想要去除的字用虛線框給框住了，接下來，我們可以在選框內(nèi)用鼠標(biāo)右鍵點(diǎn)擊會(huì)有一個(gè)下拉框，我們選擇填充選項(xiàng)，會(huì)彈出一個(gè)對(duì)話框。因?yàn)槲覀兡繕?biāo)字體背景是白色的，所以我們這里填充內(nèi)容也要選擇白色的哦，選擇白色之后點(diǎn)擊確定，原來模板上的字就奇跡般的沒有了哦。

很簡(jiǎn)單吧，我相信看了說明之后大家都會(huì)，當(dāng)然我們也可以用其他工具把文字替換掉，這里我就不一一介紹了，下面我們要寫上自己的寶貝名稱和價(jià)格，我們先要選擇文字工具，在要輸入文字的地方單擊，這樣就可以輸入自己想要輸入的文字了哦，這里只是文字，后面會(huì)教大家如何替換寶貝圖片。

現(xiàn)在我們應(yīng)該怎么把這個(gè)修改好的模板制作成屬于自己的模板并放入店鋪呢?小伙伴們不要著急，我會(huì)慢慢的給大家講解。

首先我們要用PS的切片工具對(duì)圖片進(jìn)行切片，每個(gè)模板切片都會(huì)有所不同哦，我這里選了一張比較簡(jiǎn)單的圖片，這樣大家比較容易上手，下面是切好的圖片。　

圖片切好后，我們要對(duì)切好的素材進(jìn)行保存，這里不是簡(jiǎn)單的把文件存儲(chǔ)或者存儲(chǔ)為XXX哦，我們要用文件存儲(chǔ)為Web和設(shè)備所用格式 (或者按快捷鍵ctrl+alt+shift+S)。

點(diǎn)擊之后會(huì)跳出一個(gè)對(duì)話框，我們可以選擇自己想要的圖片格式和圖片品質(zhì)哦,選擇好圖片格式和圖片品質(zhì)之后我們就可以點(diǎn)擊存儲(chǔ)，這樣就會(huì)跳出一個(gè)讓你選擇存儲(chǔ)的位置，注意啦注意啦，在文件格式位置我們要選擇HTML和圖像，(這點(diǎn)很重要)選擇好存儲(chǔ)位置和格式之后我們點(diǎn)擊保存又會(huì)跳出一個(gè)對(duì)話框，我直接點(diǎn)確定即可.保存之后我們會(huì)看到images和一個(gè)網(wǎng)址。

利用DW轉(zhuǎn)換代碼

接下來我們要用的是dreamweaver，我們首先打開DW，然后利用DW打開剛剛保存好的文件(images)，打開之后我們會(huì)看到DW軟件里就會(huì)有我們切片好的圖片，打開之后我們可以點(diǎn)擊寶貝圖片，這樣我們就可以在屬性欄中看到寶貝圖片的寬度和高度。

這樣我們就可以看到該寶貝圖片的位置大小，接下來我們就可以把自己店鋪的寶貝圖片制作成與模板圖片的大小一樣，這樣我們就可以把自己的寶貝圖片很吻合的放入模板中。

那么接下來我們就要把圖片轉(zhuǎn)換成代碼，怎么轉(zhuǎn)換呢，非常簡(jiǎn)單，只要鼠標(biāo)一點(diǎn)就搞定了，我們用鼠標(biāo)點(diǎn)擊代碼，這樣原來的模板圖片就變成了密密麻麻的代碼了哦。

還有一個(gè)更為簡(jiǎn)單的轉(zhuǎn)換代碼，只要用瀏覽器打開剛剛PS切片后保存下來的HTML文件，然后點(diǎn)擊右鍵查看源文件，這樣代碼就會(huì)在記事本中打開了，復(fù)制代碼進(jìn)入淘寶自定義模塊進(jìn)行編輯就好了，方法很多，我也不細(xì)說了。

編輯淘寶自定義模塊

接下來我們就要吧這些代碼全都放入淘寶中進(jìn)行淘寶店鋪裝修哦，我們按ctrl+A全選這些代碼，然后復(fù)制這些代碼，然后我們就要進(jìn)入淘寶進(jìn)行淘寶店鋪裝修了哦，首先我們要進(jìn)入淘寶店鋪裝修頁面，新建一個(gè)自定義模塊，然后對(duì)該模塊進(jìn)行編輯，我們復(fù)制的是代碼，所以我們要進(jìn)行代碼編輯，點(diǎn)擊編輯HTML代碼。這樣我們就進(jìn)入了代碼編輯模式，我們可以按ctrl+V把剛剛復(fù)制的代碼粘貼進(jìn)代碼編輯區(qū)。

接下來我們繼續(xù)點(diǎn)擊編輯HTML代碼，這樣代碼就會(huì)變成圖片了，然后大家會(huì)發(fā)現(xiàn)模板怎么全都變成叉叉了呢，只看到外面一個(gè)個(gè)框框，其實(shí)不是錯(cuò)了，因?yàn)槲覀儧]有把圖片放入圖片空間，這些原來顯示圖片的位置我們要加入圖片才能看到，之前說了PS切片好后保存之后有兩個(gè)文件，其中是一個(gè)名為image的文件夾，這里面就是我們需要上傳的圖片哦，只要把這些 圖片放入編輯區(qū)，這樣完整的模板就會(huì)呈現(xiàn)在你面前了(不能直接把圖片復(fù)制到編輯區(qū))。

首先我們要把圖片上傳到圖片空間，可以用淘寶的圖片空間也可以用外鏈空間，這里大家最好用淘寶的圖片空間，這樣打開的速度會(huì)更快，上傳圖片之后，現(xiàn)在我就教大家如何把上傳好的圖片添加到編輯區(qū)對(duì)應(yīng)的位置，我們先點(diǎn)擊插入圖片空間的圖片。

然后我們就可以把圖片空間中的圖片一張張的添加到對(duì)應(yīng)的位置，全部添加完成之后就是完整的模板了哦，接下來我們就要把原來模板上的圖片替換成自己店鋪的寶貝圖片了，方法跟上面的一樣，我們先要把自己做好的寶貝圖片上傳到圖片空間，然后對(duì)原有的模板圖片進(jìn)行替換，替換好之后我們對(duì)此進(jìn)行保存發(fā)布，這樣我們模板也就完成了。

怎么樣，今天的干貨分享，你有沒有學(xué)到什么?馬上試試給自己的店鋪進(jìn)行一次史詩級(jí)的裝修吧，不花錢又可以讓自己的店鋪?zhàn)兊妹烂绹}，你值得擁有，那么我們下次分享再見啦。

本文來自老化電商運(yùn)營，轉(zhuǎn)載請(qǐng)備注出處！

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

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

本文來源： 如何利用PS與DW做店鋪模板，讓店鋪流量翻一番！