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

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

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

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

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

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

二、利用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ā)布，這樣我們模板也就完成了。

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

這個(gè)問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微V.信X號(hào)是為: msc496。