淘寶店鋪首頁導航欄怎么弄

關注：38 發布時間：2022-02-14 07:12:01

步驟1;設計店招導航

打開photoshop(下面簡稱ps)，新建一個1920x150像素文件，設計好自己的店招。紅條導航30px。③主要內容要放在950x150px 居中部分。 )

設計好之后按照上面尺寸標示，儲存一個全屏1920x150.jpg文件，和一個950x150.jpg文件，留好備用。只能在店招導航上面用，不能在自定義內容區域使用，本人測試過)。找到自己的剛剛存放的文件950x150.jpg文件→ 確定→ 確定。 (單機鏈接后是新建一個頁面跳轉)

鏈接都添加完成后，上面的代碼。復制這一份代碼(去淘寶后臺裝修)。

淘寶店鋪首頁導航欄

店招+導航尺寸詳解。(①為什么寬度要是1920像素?答;1920像素基本能支持所有電腦全屏展示。 ②高度為什么150px? 答;店招高度120px, 紅條導航30px。③主要內容要放在950x150px 居中部分。 )

設計好之后按照上面尺寸標示，儲存一個全屏1920x150.jpg文件，和一個950x150.jpg文件，留好備用。

步驟2;給店招導航添加鏈接

這里要用到dreamweaver，添加熱點功能為導航添加鏈接，(這個方法加的鏈接只能在店招導航上面用，不能在自定義內容區域使用，本人測試過)。

打開dreamweaver →新建文檔→ 空白 html(無)文檔創建→ 菜單欄插入 → 圖像 → 找到自己的剛剛存放的文件950x150.jpg文件→ 確定→ 確定。

上方--代碼拆分設計--設計欄，在圖片，下方屬性能看見，箭頭和矩形圖形。

矩形，在要添加鏈接的圖片上，畫上矩形。之后矩形，在鏈接的地方粘貼跳轉的網絡地址。目標選擇—_blank (單機鏈接后是新建一個頁面跳轉)

鏈接都添加完成后，上面的代碼。復制這一份代碼(去淘寶后臺裝修)。

步驟3;淘寶后臺裝修。

把剛剛復制好的代碼，粘貼到(淘寶→賣家中心→店鋪裝修→店招右上角編輯，把剛開始做好的950x150.jpg圖片上傳到淘寶圖片空間，復制鏈接，替換下圖中選著的部分。

下一步，裝修后臺左邊選擇頁頭，更換圖片選擇剛才做好的1920x150.jpg圖片。不平鋪居中，應用到多有頁面。

淘寶店鋪首頁導航欄

猜你喜歡