淘寶店鋪首頁固定背景大圖制作教程
我想大多數(shù)賣家都看到過很多賣家店鋪的首頁那漂亮大氣的全屏背景大圖了吧,有沒有想自己的店鋪也弄一個(gè)?只要你有個(gè)PS軟件,那都不是個(gè)事,但前提是你的店鋪必須升級到旺鋪版本及以上?,F(xiàn)在我們以集市店為例,其最終效果展示:
一、準(zhǔn)備工作
1、一個(gè)photoshop圖片處理軟件,一張你準(zhǔn)備做店鋪首頁背景宣傳的大圖片,建議圖片尺寸為1920×1080px,兩張160×160px的手機(jī)淘寶二維碼和手機(jī)微淘二維碼圖片。
二、圖片處理
2、安裝好PS后,打開界面,點(diǎn)擊“文件”—“打開”,把你要制作的文件在PS軟件里打開
3、因?yàn)樘詫毜赇伿醉撊诘拇笮∈?50像素,兩邊各加15px的白邊,即980px。首先我們把圖片1920px分成三份,470+980+470=1920,470px是21.5寸寬屏兩側(cè)背景其中一邊的像素大小。
4、圖片中間部分980px填充成白色,因?yàn)榘咨袼厥亲钚〉模梢詼p少圖片的大小。
5、將制作好的圖片存儲為JPEG格式,圖片大小不能超過100KB。

三、背景大圖安裝
5、將制作好的圖片從本地上傳到淘寶網(wǎng)的圖片空間。
7、將以下代碼復(fù)制到記事本
body{background:url(這里添加圖片地址) no-repeat fixed center toptransparent;}
8、點(diǎn)擊圖片空間的圖片下方的“復(fù)制鏈接”按鈕,復(fù)制該圖片的鏈接地址
9、將復(fù)制的圖片鏈接地址粘貼到上面代碼中的“這里添加圖片地址”。
body{background:url(http://img03.taobaocdn.com/imgextra/i3/1762911486/TB2.XFBaXXXXXXYXpXXXXXXXXXX_!!1762911486.jpg)no-repeat fixed center toptransparent;}
10、進(jìn)入店鋪裝修后臺,點(diǎn)擊導(dǎo)航條上的“編輯”按鈕。
11、在打開的導(dǎo)航編輯頁面中,點(diǎn)擊“顯示設(shè)置”,然后把記事本中完整的代碼復(fù)制并粘貼到這里,點(diǎn)擊“確定”,最后點(diǎn)擊“發(fā)布”,背景就制作完成了。
12、最終效果展示
因受本博客頁面690px的限制,不能完整展示店鋪首頁1920×1080px的背景圖片效果,需要點(diǎn)擊該圖片即可到達(dá)店鋪首頁,才能完整觀看效果。
愛華網(wǎng)



