淘寶店鋪裝修模板怎么用?

淘寶店鋪裝修模板怎么用?

很多賣家下載好裝修模板后不會使用，下面小編教大家怎么用淘寶店鋪裝修模板把店鋪裝修做好。

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

一、選擇合適的裝修模板首先，當(dāng)然要找一個自己喜歡的漂亮模板啦，這個都難不倒我們，里的店鋪裝修多得是，只要進去之后就有很多很多的漂亮模板，這些模板都可以免費下載的。

我們只要選擇適合自己旺鋪的模板，點擊免費下載，就可以下載了，不過有可能有的原創(chuàng)的是不可以下載的，下載之后，模板就會直接出現(xiàn)在我們的PS軟件中了，這樣模板的大小也是一樣的，不過接下來就需要我們進行PS了(友情提示：如果下載不了的話就去找模板截圖下來，也是可以做出來的哦)。

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

打開之后，我們先要把圖片下面的那些寶貝名稱換成自己的寶貝名稱，該怎么做呢?

首先我們要把上面原有的字給去掉，很簡單，我們可以用填充命令，把原有的字體給去掉，其實相當(dāng)于在原有的字體上覆蓋了一層，使之看不到原來的字。

具體怎么做呢?

我們可以用矩形選框工具把原有的字體進行選取。

大家可以看到，這樣我們就可以把想要去除的字用虛線框給框住了，接下來，我們可以在選框內(nèi)用鼠標右鍵點擊會有一個下拉框，我們選擇填充選項，會彈出一個對話框。

因為我們目標字體背景是白色的，所以我們這里填充內(nèi)容也要選擇白色的哦，選擇白色之后點擊確定，原來模板上的字就奇跡般的沒有了哦。

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

現(xiàn)在我們應(yīng)該怎么把這個修改好的模板制作成屬于自己的模板并放入店鋪呢?

小伙伴們不要著急，我會慢慢的給大家講解。

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

圖片切好后，我們要對切好的素材進行保存，這里不是簡單的把文件存儲或者存儲為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)換呢，非常簡單，只要鼠標一點就搞定了，我們用鼠標點擊代碼，這樣原來的模板圖片就變成了密密麻麻的代碼了哦。

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

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

這樣我們就進入了代碼編輯模式，我們可以按ctrl+V把剛剛復(fù)制的代碼粘貼進代碼編輯區(qū)。

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

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

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

淘寶店鋪裝修模板怎么用小編就介紹完了，希望對各位有所幫助，更多關(guān)于淘寶店鋪裝修的內(nèi)容可以到學(xué)習(xí)！

這個問題還有疑問的話，可以加幕.思.城火星老師免費咨詢，微V.信X號是為: msc496。