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

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

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

感興趣的一起來(lái)了解一下吧！相信大家對(duì)這些都很感興趣吧，話不多說(shuō)，下面我就來(lái)教大家如何使用裝修模板吧，首先我們需要兩個(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)下載，就可以下載了，不過(guò)有可能有的原創(chuàng)的是不可以下載的，下載之后，模板就會(huì)直接出現(xiàn)在我們的PS軟件中了，這樣模板的大小也是一樣的，不過(guò)接下來(lái)就需要我們進(jìn)行PS了(友情提示：如果下載不了的話就去找模板截圖下來(lái)，也是可以做出來(lái)的哦)。

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

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

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

具體怎么做呢?

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

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

因?yàn)槲覀兡繕?biāo)字體背景是白色的，所以我們這里填充內(nèi)容也要選擇白色的哦，選擇白色之后點(diǎn)擊確定，原來(lái)模板上的字就奇跡般的沒有了哦。

很簡(jiǎn)單吧，我相信看了說(shuō)明之后大家都會(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)換代碼接下來(lái)我們要用的是dreamweaver，我們首先打開DW，然后利用DW打開剛剛保存好的文件(images)，打開之后我們會(huì)看到DW軟件里就會(huì)有我們切片好的圖片，打開之后我們可以點(diǎn)擊寶貝圖片，這樣我們就可以在屬性欄中看到寶貝圖片的寬度和高度。

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

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

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

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

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

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

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

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

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

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