淘寶店鋪怎么樣裝修才是最吸引眼球,最適合買家瀏覽的呢?
相信很多賣家為此都是費(fèi)盡心思的去裝修好自己的店鋪,甚至找些專業(yè)人員來設(shè)計(jì)店鋪的裝修,畢竟自身能力有限,不能兼顧美工和代碼,如今淘寶上一般的店鋪裝修都是通過代碼來做的,比如全屏海報(bào),導(dǎo)航CSS等等都可以通過自定義代碼來裝修的更有特色,淘寶現(xiàn)在競爭越來越大,千遍一律的店鋪只會(huì)被逐漸淘汰。
因此我們要學(xué)習(xí)著自己去裝修,下面我就來說說如何做全屏海報(bào)和固定背景?
1.準(zhǔn)備工作
1)C店全屏海報(bào)圖(1920*630像素)
2)天貓店(中間要裁990的內(nèi)容區(qū)域,淘寶C店內(nèi)容區(qū)域是950像素)
2.開始裝修全屏海報(bào)
把我們裁好的圖片上傳到圖片空間,然后復(fù)制圖片鏈接,回到店鋪裝修,在導(dǎo)航下邊添加一個(gè)自定義模板,把圖插進(jìn)去,這樣你就有了一個(gè)990的海報(bào),現(xiàn)在還不是全屏的。
如何制作出全屏的海報(bào)呢?
3.找到裝修-樣式管理
4.然后找到背景設(shè)置
5.頁面設(shè)置
6.回到你的PS把你做好的海報(bào)原封不動(dòng)的打開。
把海報(bào)上邊加150像素的高度,因?yàn)榈暾泻蛯?dǎo)航是150像素,如果不加這150像素,店招就會(huì)擋住你的背景圖片,怎么加150像素?PS最上邊第三個(gè)有一個(gè)圖像→畫布大小。寬度不變,把高度加150像素,小編這里高是630像素的所以加150像素就是780像素。
做好之后就是這個(gè)效果(為更好地區(qū)分,我把上邊填充的黃色)
7.首先頁面背景圖片大小要在200K以內(nèi),所以現(xiàn)在這個(gè)圖肯定會(huì)大于200K,為了更好更流暢的讓客戶瀏覽頁面,我們要對(duì)圖片稍作處理,我們之前已經(jīng)上傳了一張990像素的內(nèi)容區(qū)域(C店950)的圖片,所以海報(bào)中間990就可以不要,所以就把內(nèi)容區(qū)域990像素填充成白色(C店950),再去保存,大小就會(huì)在200K以內(nèi)了。
8.然后直接在頁面設(shè)置里把背景圖片添加進(jìn)去,不需要上傳圖片空間。
9.背景顯示選擇不平鋪,背景對(duì)齊選擇居中對(duì)齊。然后保存預(yù)覽即可。
10.固定背景方法:
body{background:url(圖片地址) no-repeat fixed center top transparent;}
1)把背景圖片鏈接換掉即可
2)把這段代碼放到淘寶模板自帶的導(dǎo)航里。
3)最后全屏海報(bào)和固定就搞定了。
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺(tái),是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來源: 全屏海報(bào)和固定背景制作方法