幕思城>電商問答>店小蜜>淘寶店鋪首頁導(dǎo)航欄怎么弄?在哪設(shè)置?

    淘寶店鋪首頁導(dǎo)航欄怎么弄?在哪設(shè)置?

    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。

    淘寶店運(yùn)營問題沒解決?沒思路?想系統(tǒng)學(xué)習(xí)? 馬上點(diǎn)這里加火星老師微信【無償贈送5.5G運(yùn)營禮包、電商軟件VIP賬號、內(nèi)部課程等資源】
    >
    發(fā)表評論

      微信掃碼回復(fù)「666