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

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

尋找漂亮的模板

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

利用PS切片

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

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

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

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

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

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

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

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

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

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

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

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

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

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

編輯淘寶自定義模塊

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

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

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

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

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

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

樂發(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ī)則

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