淘寶店鋪店招導(dǎo)航鏈接怎么做?鏈接添加步驟(淘寶店鋪店招怎么更換?如何制作全屏店招?)
2023-01-06|10:41|發(fā)布在分類 / 跨境運(yùn)營| 閱讀:63
2023-01-06|10:41|發(fā)布在分類 / 跨境運(yùn)營| 閱讀:63
不管我們開什么店鋪,在哪個平臺開店,店鋪裝修都是要特別重視的一個環(huán)節(jié)。而在店鋪裝修的過程中,店招導(dǎo)航是不可忽略的一個步驟,下面,我們來看看怎么設(shè)置店招導(dǎo)航鏈接。
一、怎么做店招導(dǎo)航?
1、打開photoshop(下面簡稱PS),新建一個1920X150像素文件,設(shè)計(jì)好自己的店招。
2、店招+導(dǎo)航尺寸詳解。
①為什么寬度要是1920像素? 答;1920像素基本能支持所有電腦全屏展示。
②高度為什么150px? 答;店招高度120px, 紅條導(dǎo)航30px。
③主要內(nèi)容要放在950X150px 居中部分。
3、設(shè)計(jì)好之后按照上面尺寸標(biāo)示,儲存一個全屏1920X150.jpg文件,和一個950X150.jpg文件,留好備用。
二、怎么做導(dǎo)航鏈接?
這里要用到Dreamweaver,添加熱點(diǎn)功能為導(dǎo)航添加鏈接,(這個方法加的鏈接 只能在淘寶店鋪店招導(dǎo)航上面用,不能在自定義內(nèi)容區(qū)域使用,本人測試過)。
1、打開Dreamweaver →新建文檔→ 空白 HTML(無)文檔創(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ī)鏈接后是新建一個頁面跳轉(zhuǎn))
4、鏈接都添加完成后,點(diǎn)擊上面的代碼。復(fù)制這一份代碼(去淘寶后臺裝修)。
一個好看的店招是吸引顧客的關(guān)鍵,而合適的導(dǎo)航可以讓消費(fèi)者快速找到自己想要的產(chǎn)品,提高消費(fèi)者的滿意度。在現(xiàn)在這個時代,不僅要有好的質(zhì)量,而且要注意提高客戶服務(wù)。
店招是消費(fèi)者進(jìn)入店鋪之后,第一眼看到的東西,店招做得好不好,直接影響著消費(fèi)者的購買情況。不過,很多新手都不知道怎么做店招,下面,我們先來看看怎么更換已有的店招。
一、店招怎么更換?
其實(shí)就是要把你的鼠標(biāo)移動到,你想要編輯修改的模塊上面去,然后模塊的右上角才會出現(xiàn)可編輯的按鈕!
然后點(diǎn)擊編輯就會彈出一個新的可設(shè)置參數(shù)的彈出窗口!
二、關(guān)于店招的尺寸:
其實(shí)在高度那里,人家已經(jīng)很明確的告訴你了,默認(rèn)的店招圖片尺寸的高度為120像素,寬度為950像素!但是呢,店招的高度是可以自己設(shè)定的!那既然是可以定高度,那我可不可以做個150高度的店招呢?曾經(jīng)有人問我說自己做了個150的高度的店招,傳上去后,卻發(fā)覺店鋪的導(dǎo)航不見了?那這又是怎么一回事呢?
淘寶店鋪的店招屬于頁頭部分,而店鋪的頁頭呢,包含著店招和導(dǎo)航這兩部分。頁頭默認(rèn)的基本就是150的高度,淘寶店鋪導(dǎo)航欄呢,默認(rèn)的一般都是30像素的高度!你做一個150的店招,自然就把頁頭的高度全部占滿了,導(dǎo)航都被店招給擠下去了,超出了頁頭的高度,自然就看不見了!
三、如何制作全屏店招:
那既然店招都是950的寬度,那怎么還有人能做全屏的店招呢?比950的還長?那是怎么做到的呢?
這其實(shí)也不難,還記得上次我們提到的那個包含著店招和導(dǎo)航的頁頭嗎?利用它的頁頭設(shè)置功能,就可以很輕松的實(shí)現(xiàn)全屏店招!
利用頁頭背景圖替換的功能,我們就可以做全屏的店招了!原理就是做一個950的店招,然后再做一個店招的兩邊延伸版,可以做到1920的寬!然后把950的店招放到延伸版店招的最上面,兩者重合起來,看起來就是一個全屏店招了!
實(shí)際上操作起來就是先把950的店招,上傳到店招模塊里去,然后再把店招的延伸版放到頁頭設(shè)置里的背景圖里,然后再選擇背景對齊的模式為居中就可以了!需要注意的是,你的延伸版店招往兩邊的加長的長度要保持一致,這樣當(dāng)設(shè)置背景對齊的模式為居中的時候,店招和頁頭背景圖才不會產(chǎn)生錯位的現(xiàn)象!
如果大家覺得之前的店招沒有做好,或者是要做活動了,可以按照上面的方法來更換店招。大家一定要用心去設(shè)計(jì)店招,因?yàn)榈暾袑Φ赇伒霓D(zhuǎn)化影響極大,還會直接影響店鋪的銷量。
這個問題還有疑問的話,可以加幕.思.城火星老師免費(fèi)咨詢,微.信號是為: msc496。
更多資訊請關(guān)注幕 思 城。
微信掃碼回復(fù)「666」
別默默看了 登錄\ 注冊 一起參與討論!