淘寶店鋪店招怎么更換?如何制作全屏店招?(淘寶店鋪店招導(dǎo)航鏈接怎么做?鏈接添加步驟)
2023-01-04|16:30|發(fā)布在分類 / 多多運(yùn)營(yíng)| 閱讀:76
2023-01-04|16:30|發(fā)布在分類 / 多多運(yùn)營(yíng)| 閱讀:76
店招是消費(fèi)者進(jìn)入店鋪之后,第一眼看到的東西,店招做得好不好,直接影響著消費(fèi)者的購(gòu)買(mǎi)情況。不過(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)有人問(wèn)我說(shuō)自己做了個(gè)150的高度的店招,傳上去后,卻發(fā)覺(jué)店鋪的導(dǎo)航不見(jiàn)了?那這又是怎么一回事呢?
淘寶店鋪的店招屬于頁(yè)頭部分,而店鋪的頁(yè)頭呢,包含著店招和導(dǎo)航這兩部分。頁(yè)頭默認(rèn)的基本就是150的高度,淘寶店鋪導(dǎo)航欄呢,默認(rèn)的一般都是30像素的高度!你做一個(gè)150的店招,自然就把頁(yè)頭的高度全部占滿了,導(dǎo)航都被店招給擠下去了,超出了頁(yè)頭的高度,自然就看不見(jiàn)了!
三、如何制作全屏店招:
那既然店招都是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)象!
如果大家覺(jué)得之前的店招沒(méi)有做好,或者是要做活動(dòng)了,可以按照上面的方法來(lái)更換店招。大家一定要用心去設(shè)計(jì)店招,因?yàn)榈暾袑?duì)店鋪的轉(zhuǎn)化影響極大,還會(huì)直接影響店鋪的銷量。
不管我們開(kāi)什么店鋪,在哪個(gè)平臺(tái)開(kāi)店,店鋪裝修都是要特別重視的一個(gè)環(huán)節(jié)。而在店鋪裝修的過(guò)程中,店招導(dǎo)航是不可忽略的一個(gè)步驟,下面,我們來(lái)看看怎么設(shè)置店招導(dǎo)航鏈接。
一、怎么做店招導(dǎo)航?
1、打開(kāi)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、打開(kāi)Dreamweaver →新建文檔→ 空白 HTML(無(wú))文檔創(chuàng)建→ 菜單欄 點(diǎn)擊插入 → 圖像 → 找到自己的剛剛存放的文件950X150.jpg文件→ 確定→ 確定。
2、上方 --代碼 拆分 設(shè)計(jì)--,點(diǎn)擊設(shè)計(jì)欄,在點(diǎn)擊圖片,下方屬性能看見(jiàn),箭頭和矩形圖形。
3、點(diǎn)擊矩形,在要添加鏈接的圖片上,畫(huà)上矩形。之后點(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ù)。
這個(gè)問(wèn)題還有疑問(wèn)的話,可以加幕.思.城火星老師免費(fèi)咨詢,微.信號(hào)是為: msc496。
更多資訊請(qǐng)關(guān)注幕 思 城。
微信掃碼回復(fù)「666」
別默默看了 登錄\ 注冊(cè) 一起參與討論!