不管我們開什么店鋪，在哪個(gè)平臺(tái)開店，店鋪裝修都是要特別重視的一個(gè)環(huán)節(jié)。而在店鋪裝修的過(guò)程中，店招導(dǎo)航是不可忽略的一個(gè)步驟，下面，我們來(lái)看看怎么設(shè)置店招導(dǎo)航鏈接。

一、怎么做店招導(dǎo)航?

1、打開photoshop(下面簡(jiǎn)稱PS)，新建一個(gè)1920X150像素文件，設(shè)計(jì)好自己的店招。

2、店招+導(dǎo)航尺寸詳解。

①為什么寬度要是1920像素? 答;1920像素基本能支持所有電腦全屏展示。

②高度為什么150px? 答;店招高度120px, 紅條導(dǎo)航30px。

③主要內(nèi)容要放在950X150px 居中部分。

3、設(shè)計(jì)好之后按照上面尺寸標(biāo)示，儲(chǔ)存一個(gè)全屏1920X150.jpg文件，和一個(gè)950X150.jpg文件，留好備用。

二、怎么做導(dǎo)航鏈接?

這里要用到Dreamweaver，添加熱點(diǎn)功能為導(dǎo)航添加鏈接，(這個(gè)方法加的鏈接 只能在淘寶店鋪店招導(dǎo)航上面用，不能在自定義內(nèi)容區(qū)域使用，本人測(cè)試過(guò))。

1、打開Dreamweaver →新建文檔→ 空白 HTML(無(wú))文檔創(chuàng)建→ 菜單欄 點(diǎn)擊插入 → 圖像 → 找到自己的剛剛存放的文件950X150.jpg文件→ 確定→ 確定。

2、上方 --代碼 拆分 設(shè)計(jì)--，點(diǎn)擊設(shè)計(jì)欄，在點(diǎn)擊圖片，下方屬性能看見，箭頭和矩形圖形。

3、點(diǎn)擊矩形，在要添加鏈接的圖片上，畫上矩形。之后點(diǎn)擊矩形，在鏈接的地方粘貼，點(diǎn)擊跳轉(zhuǎn)的網(wǎng)絡(luò)地址。 目標(biāo)選擇—_blank (單機(jī)鏈接后是新建一個(gè)頁(yè)面跳轉(zhuǎn))

4、鏈接都添加完成后，點(diǎn)擊上面的代碼。復(fù)制這一份代碼(去淘寶后臺(tái)裝修)。

一個(gè)好看的店招是吸引顧客的關(guān)鍵，而合適的導(dǎo)航可以讓消費(fèi)者快速找到自己想要的產(chǎn)品，提高消費(fèi)者的滿意度。在現(xiàn)在這個(gè)時(shí)代，不僅要有好的質(zhì)量，而且要注意提高客戶服務(wù)。

淘寶店鋪店招怎么更換？如何制作全屏店招？

店招是消費(fèi)者進(jìn)入店鋪之后，第一眼看到的東西，店招做得好不好，直接影響著消費(fèi)者的購(gòu)買情況。不過(guò)，很多新手都不知道怎么做店招，下面，我們先來(lái)看看怎么更換已有的店招。

一、店招怎么更換?

其實(shí)就是要把你的鼠標(biāo)移動(dòng)到，你想要編輯修改的模塊上面去，然后模塊的右上角才會(huì)出現(xiàn)可編輯的按鈕!

然后點(diǎn)擊編輯就會(huì)彈出一個(gè)新的可設(shè)置參數(shù)的彈出窗口!

二、關(guān)于店招的尺寸：

其實(shí)在高度那里，人家已經(jīng)很明確的告訴你了，默認(rèn)的店招圖片尺寸的高度為120像素，寬度為950像素!但是呢，店招的高度是可以自己設(shè)定的!那既然是可以定高度，那我可不可以做個(gè)150高度的店招呢?曾經(jīng)有人問我說(shuō)自己做了個(gè)150的高度的店招，傳上去后，卻發(fā)覺店鋪的導(dǎo)航不見了?那這又是怎么一回事呢?

淘寶店鋪的店招屬于頁(yè)頭部分，而店鋪的頁(yè)頭呢，包含著店招和導(dǎo)航這兩部分。頁(yè)頭默認(rèn)的基本就是150的高度，淘寶店鋪導(dǎo)航欄呢，默認(rèn)的一般都是30像素的高度!你做一個(gè)150的店招，自然就把頁(yè)頭的高度全部占滿了，導(dǎo)航都被店招給擠下去了，超出了頁(yè)頭的高度，自然就看不見了!

三、如何制作全屏店招：

那既然店招都是950的寬度，那怎么還有人能做全屏的店招呢?比950的還長(zhǎng)?那是怎么做到的呢?

這其實(shí)也不難，還記得上次我們提到的那個(gè)包含著店招和導(dǎo)航的頁(yè)頭嗎?利用它的頁(yè)頭設(shè)置功能，就可以很輕松的實(shí)現(xiàn)全屏店招!

利用頁(yè)頭背景圖替換的功能，我們就可以做全屏的店招了!原理就是做一個(gè)950的店招，然后再做一個(gè)店招的兩邊延伸版，可以做到1920的寬!然后把950的店招放到延伸版店招的最上面，兩者重合起來(lái)，看起來(lái)就是一個(gè)全屏店招了!

實(shí)際上操作起來(lái)就是先把950的店招，上傳到店招模塊里去，然后再把店招的延伸版放到頁(yè)頭設(shè)置里的背景圖里，然后再選擇背景對(duì)齊的模式為居中就可以了!需要注意的是，你的延伸版店招往兩邊的加長(zhǎng)的長(zhǎng)度要保持一致，這樣當(dāng)設(shè)置背景對(duì)齊的模式為居中的時(shí)候，店招和頁(yè)頭背景圖才不會(huì)產(chǎn)生錯(cuò)位的現(xiàn)象!

如果大家覺得之前的店招沒有做好，或者是要做活動(dòng)了，可以按照上面的方法來(lái)更換店招。大家一定要用心去設(shè)計(jì)店招，因?yàn)榈暾袑?duì)店鋪的轉(zhuǎn)化影響極大，還會(huì)直接影響店鋪的銷量。

這個(gè)問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號(hào)是為: msc496。

更多資訊請(qǐng)關(guān)注幕 思 城。