1.先將需要裝修的圖片進行切片。（因為淘寶裝修時模塊有高度限制，淘寶旺鋪有大小限制，所以需要對其進行切片）

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

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

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

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

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

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

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

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

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

　　⑤生成天貓自定義代碼。點擊界面上方生成代碼→點擊生成天貓自定義代碼→將鼠標(biāo)光標(biāo)插入到代碼中，Ctrl+A全選代碼，Ctrl+C復(fù)制代碼。

　　4.將代碼粘貼到裝修后臺。

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

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

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

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

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

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