淘寶全屏店招和導航條怎麼設定

來源:酷知科普網 1.05W

看到別人店鋪那種高大上的全屏店招和自定義導航是不是很羨慕?可是自己還不會做?怎麼辦?今天就教大家怎麼設定淘寶全屏店招和導航條。

操作方法

(01)開啟PS新建一個1920畫素*150畫素的檔案。

淘寶全屏店招和導航條怎麼設定

(02)把你做好的店招先存成JPG格式,先不去管它,然後再把原始檔裁剪成990畫素*150畫素大小。

淘寶全屏店招和導航條怎麼設定 第2張

(03)這是裁剪之後的大小,然後儲存。

淘寶全屏店招和導航條怎麼設定 第3張

(04)開啟店鋪後臺→圖片空間→圖片上傳。把你裁剪之後的那個店招上傳到圖片空間(990*150的,)然後複製這個圖片程式碼,而不是連結。複製好之後,這裡就需要你有另外一個軟體了,就是Dreamweaver,簡稱DW。這個軟體是給你店招自定義導航加連線的。新建一個HTML。

淘寶全屏店招和導航條怎麼設定 第4張

(05)把剛才複製的圖片程式碼貼上到最上邊空白處,然後點選下邊的空白處。

淘寶全屏店招和導航條怎麼設定 第5張

(06)找到軟體最下邊,屬性欄裡的一個長方形圖示,然後在圖片上按住滑鼠不放慢慢拉動,就會出現一個半透明的東西,這個叫做熱點。

淘寶全屏店招和導航條怎麼設定 第6張

(07)弄好熱點之後,就可以加連結了,第一個是首頁,所以就去店鋪首頁複製連結,貼上在軟體最下邊的連結欄裡,連結欄裡的“#”不要。“連結"下邊的"目標"選項的第一個是新視窗開啟。

淘寶全屏店招和導航條怎麼設定 第7張
淘寶全屏店招和導航條怎麼設定 第8張

(08)連結全部弄好後,回到後臺,開啟店鋪裝修,然後編輯店招,選擇自定義招牌,下邊的高度設定150PX。

淘寶全屏店招和導航條怎麼設定 第9張

(09)設定好之後,複製DW裡做好的程式碼。

淘寶全屏店招和導航條怎麼設定 第10張

(10)複製好程式碼回到店鋪裝修,點一下店招裡的"< >"這個符號,把程式碼貼上進去。

淘寶全屏店招和導航條怎麼設定 第11張

(11)點選裝修→樣式管理→背景設定→上傳圖片即可。

淘寶全屏店招和導航條怎麼設定 第12張
熱門標籤