1.先將需要裝修的圖片進(jìn)行切片。（因?yàn)樘詫氀b修時(shí)模塊有高度限制，淘寶旺鋪有大小限制，所以需要對(duì)其進(jìn)行切片）

　?、僭赑S中打開圖片， 在需要切開的位置拉參考線，點(diǎn)擊切片工具→基于參考線的切片。

　?、趯?dǎo)出切片。文件→導(dǎo)出→存儲(chǔ)為web所用格式，用鼠標(biāo)框選圖片，點(diǎn)擊存儲(chǔ) ，選擇輸出路徑以及修改切片名稱。切片默認(rèn)保存到名為images的文件夾中。

　　2.將切片上傳到淘寶旺鋪圖片空間中。

　　打開店鋪后臺(tái)，找到店鋪裝修，切換到素材中心，將切片上傳到圖片空間中。

　　3.在小語言中將切片附上跳轉(zhuǎn)鏈接轉(zhuǎn)換為淘寶天貓自定義代碼。

　?、俅蜷_小語言在線裝修工具，填寫頁面名稱，將頁面寬高設(shè)置為原圖片大小。

　?、邳c(diǎn)擊工具集中的圖片層，切換圖片空間復(fù)制切片1的圖片鏈接，粘貼到圖片層屬性中的圖片地址，第2張切片也按照上述進(jìn)行操作。（需要注意的是，第1張以后的切片需要設(shè)置圖片層屬性{位置}中{上}的數(shù)值，數(shù)值為上面切片高度總和）

　?、埸c(diǎn)擊工具集中的熱點(diǎn)層，調(diào)整熱點(diǎn)的大小及位置。然后將跳轉(zhuǎn)鏈接粘貼到熱點(diǎn)層屬性中的點(diǎn)擊鏈接中。

　　④點(diǎn)擊界面上方保存，新建一個(gè)名為王子設(shè)計(jì)的文件夾，點(diǎn)擊確定。然后點(diǎn)擊王子設(shè)計(jì)的文件夾，點(diǎn)保存。裝修界面就被保存下來了，方便下次修改。點(diǎn)擊關(guān)閉。

　?、萆商熵堊远x代碼。點(diǎn)擊界面上方生成代碼→點(diǎn)擊生成天貓自定義代碼→將鼠標(biāo)光標(biāo)插入到代碼中，Ctrl+A全選代碼，Ctrl+C復(fù)制代碼。

　　4.將代碼粘貼到裝修后臺(tái)。

　?、傩陆ㄒ粋€(gè)PC頁面。打開店鋪裝修頁面，點(diǎn)擊左側(cè)PC店鋪裝修，點(diǎn)擊自定義頁，新建一個(gè)名為王子設(shè)計(jì)的頁面。新建頁面會(huì)自動(dòng)跳轉(zhuǎn)到PC裝修頁面，老頁面需要點(diǎn)擊裝修頁面才能跳轉(zhuǎn)。

　?、邳c(diǎn)擊自定義內(nèi)容中的編輯，自定義區(qū)勾選顯示標(biāo)題：不顯示，點(diǎn)擊括號(hào)箭頭切換到源碼。

　　將鼠標(biāo)置于自定義內(nèi)容上會(huì)浮現(xiàn)編輯選項(xiàng)

　　第2個(gè)紅框框選的就是源碼圖標(biāo)

　　將鼠標(biāo)光標(biāo)置于內(nèi)容區(qū)域，粘貼代碼，再次點(diǎn)擊括號(hào)箭頭。此時(shí)會(huì)發(fā)現(xiàn)代碼轉(zhuǎn)換為圖片了，點(diǎn)擊左下角的確認(rèn)即可。

　?、埸c(diǎn)擊右上方預(yù)覽后沒有問題，點(diǎn)擊發(fā)布站點(diǎn)。然后回到自定義頁列表，點(diǎn)擊設(shè)為首頁，將頁面設(shè)為首頁即可。