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

　　①在PS中打開圖片， 在需要切開的位置拉參考線，點擊切片工具→基于參考線的切片。

　?、趯С銮衅?。文件→導出→存儲為web所用格式，用鼠標框選圖片，點擊存儲 ，選擇輸出路徑以及修改切片名稱。切片默認保存到名為images的文件夾中。

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

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

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

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

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

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

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

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

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

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

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

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

　　第2個紅框框選的就是源碼圖標

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

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