淘寶店鋪首頁導(dǎo)航欄怎么弄?在哪設(shè)置?
152****2842樓主|2022-05-07|10:42|發(fā)布在分類 / 店小蜜|閱讀:543
152****2842樓主|2022-05-07|10:42|發(fā)布在分類 / 店小蜜|閱讀:543
我們大家在淘寶上面購物的時候,不管進(jìn)入到哪個淘寶店鋪,都會去看導(dǎo)航欄,通過這個導(dǎo)航欄我們可以找到想要的商品。
所以商家們要重視這方面的設(shè)置,淘寶店鋪首頁導(dǎo)航欄如何制作?
D1步驟1;設(shè)計(jì)店招導(dǎo)航打開photoshop(下面簡稱PS),新建一個1920X150像素文件,設(shè)計(jì)好自己的店招。
店招+導(dǎo)航尺寸詳解。
(①為什么寬度要是1920像素?
答;1920像素基本能支持所有電腦全屏展示。
②高度為什么150px?
答;店招高度120px, 紅條導(dǎo)航30px。
③主要內(nèi)容要放在950X150px 居中部分。
) 設(shè)計(jì)好之后按照上面尺寸標(biāo)示,儲存一個全屏1920X150.jpg文件,和一個950X150.jpg文件,留好備用。
步驟2;給店招導(dǎo)航添加鏈接這里要用到Dreamweaver,添加熱點(diǎn)功能為導(dǎo)航添加鏈接,(這個方法加的鏈接 只能在店招導(dǎo)航上面用,不能在自定義內(nèi)容區(qū)域使用,本人測試過)。
打開Dreamweaver →新建文檔→ 空白 HTML(無)文檔創(chuàng)建→ 菜單欄 點(diǎn)擊插入 → 圖像 → 找到自己的剛剛存放的文件950X150.jpg文件→ 確定→ 確定。
上方--代碼拆分設(shè)計(jì)--點(diǎn)擊設(shè)計(jì)欄,在點(diǎn)擊圖片,下方屬性能看見,箭頭和矩形圖形。
點(diǎn)擊矩形,在要添加鏈接的圖片上,畫上矩形。
之后點(diǎn)擊矩形,在鏈接的地方粘貼 點(diǎn)擊跳轉(zhuǎn)的網(wǎng)絡(luò)地址。
目標(biāo)選擇—_blank (單機(jī)鏈接后是新建一個頁面跳轉(zhuǎn))鏈接都添加完成后,點(diǎn)擊上面的代碼。
復(fù)制這一份代碼(去淘寶后臺裝修)。
步驟3;淘寶后臺裝修。
把剛剛復(fù)制好的代碼,粘貼到(淘寶→賣家中心→店鋪裝修→店招右上角編輯,把剛開始做好的950X150.jpg圖片上傳到淘寶圖片空間,復(fù)制鏈接,替換下圖中選著的部分。
下一步,裝修后臺左邊選擇頁頭,更換圖片選擇剛才做好的1920X150.jpg圖片。
不平鋪居中,應(yīng)用到多有頁面。
以上就是小編為大家?guī)淼脑O(shè)置的方法了,這個導(dǎo)航欄其實(shí)就和導(dǎo)購一樣,意義是一樣的,好的導(dǎo)航欄可以帶瞎消費(fèi)者們找到自己想要的商品,所以制作它是非常的有必要的。
最后預(yù)覽發(fā)布。
這個問題還有疑問的話,可以加幕.思.城火星老師免費(fèi)咨詢,微V.信X號是為: msc496。
微信掃碼回復(fù)「666」