淘寶優站架設教學(三):設計更改版面配置、新增大圖、輪播與綁定微博

淘寶優站的架設,接下來進入到版面修改配置的部分,版面配置你可以花錢賣版面使用,也可以使用官方提供最基本的款式,透過簡易的修改背景圖片、輪播或是加入自己喜歡的大圖片橫幅Banner,就會讓版面顯得更為不一樣。預設的瀑布流覺得很醜?沒關係,你可以自行修改為行家模式,讓他成為整齊劃一的方格式商品呈現,讓訪客更為清楚明瞭。

當然,內建的輪播功能很方便使用,圖片想要上傳也有提供專屬的淘寶免費圖片空間可以上傳使用,因為淘寶內部所有圖片必須上傳到他們家的網站,不允許使用外部連結,不論是Pixnet痞客邦Flickr或是自己的圖床,通通無法加入,就連想要在站內加入外部網站連結或是自己部落格連結,也通通被取消,某種程度上是很封閉的狀態,所以該怎麼用呢?


淘寶優站架設教學

一、申請淘寶優站

二、挑選商品上架

三、版面配置設定

四、挑選高佣金商品

淘寶優站免費提供的版型能改變的配置很有限,就連選單數量都有上限限制,所以真的想要改到很自主化的,這篇文章可能不適合你,但如果只是想要簡單的作微調,加個輪播或是大圖片在網站上,那可以參考一下香腸寫的簡易優站版面調整教學,基本上因為版型修改有很多狀況,香腸也只能就比較大的部分做簡易說明,細節還是得由大家自己玩耍囉!

淘寶優站架設教學(三):設計更改版面配置、新增大圖、輪播與綁定微博

自己可以修改的地方,可以在固定的模式上改變配置格局以及加入現有免費的模塊,或是純文字模塊,而純文字模塊用途很大,可以加入說明文字也可以加入圖片,輕鬆做到大圖呈現(非輪播)的效果,因為內建輪播功能圖片尺寸很小,有些人可能不好找到這麼長又窄的圖片,就無法呈現淘寶優站達人們想要的效果,利用文字模塊,就可以輕鬆解決。

此外,別忘記你的淘寶優站要可以領錢,必須先通過支付寶實名制阿里媽媽實名制認證,才可以繼續使用,若您尚未認證實名制,別忘記去設定一下開通權限。

一、綁定微博

淘寶優站可以綁定新浪微博帳號,而且是一個唯一可加入外部連結的功能,可以推廣自己專屬社群連結,如果你一開始建立優站沒有加入,這時候可以來補加入一下。

第1步  首先進入到優站後台,點選左側【我的站點】,接著點選右上角「修改基本資料」。

淘寶優站架設教學(三):設計更改版面配置、新增大圖、輪播與綁定微博

第2步  登入之後,就可以綁定微博並記得勾選「是否將您綁定的微博帳號信息顯示在站點前」,下方電話如果有大陸電話記得也修改一下比較好。設定完成後記得點選下方的﹝保存﹞,如果存檔失敗請看一下上方有標記紅字的地方並修正。

微博與淘寶綁定設定:按這裡

淘寶優站架設教學(三):設計更改版面配置、新增大圖、輪播與綁定微博

第3步  回到優站前台,你就會看到淘寶圖案標記在網站名稱旁邊囉!

淘寶優站架設教學(三):設計更改版面配置、新增大圖、輪播與綁定微博

二、修改瀑布流改為一般方格狀

第1步  先登入優站後台,點選左側【站台管理員】,進入點選「站點裝修」。

淘寶優站架設教學(三):設計更改版面配置、新增大圖、輪播與綁定微博

第2步  可以先點選左側的【首頁】,再看到右側你商品區塊點選﹝編輯﹞。

淘寶優站架設教學(三):設計更改版面配置、新增大圖、輪播與綁定微博

第3步  接著再模板樣式部分選擇【行家模板】,然後直接點選﹝確定﹞。

淘寶優站架設教學(三):設計更改版面配置、新增大圖、輪播與綁定微博

第4步  接著畫面會出現操作成功,你可以點﹝預覽﹞查看。

淘寶優站架設教學(三):設計更改版面配置、新增大圖、輪播與綁定微博

第5步  確認無誤後,點選﹝發布﹞,接著點選﹝確定﹞。

淘寶優站架設教學(三):設計更改版面配置、新增大圖、輪播與綁定微博

第6步  沒錯,就這樣變成方塊狀。參考網址:http://sofree.uz.taobao.com/

淘寶優站架設教學(三):設計更改版面配置、新增大圖、輪播與綁定微博

三、新增淘寶優站內建圖片廣告輪播

淘寶優站有內建廣告圖片輪播功能,可以讓你自訂四組,這功能是免費且內建,您可以自己開啟使用,不過圖片得上傳到淘寶優站的「圖片空間」,才可以使用,你傳到痞客邦flickr都是無效。當然,你要使用這個圖片空間,你必須確定你的支付寶阿里媽媽權限都要實名制後開通。

第1步  進入優站管理介面,點選【站點管理】,接著點右側【站點裝修】。

淘寶優站架設教學(三):設計更改版面配置、新增大圖、輪播與綁定微博

第2步  點選【首頁】後點選右側「請再這裡添加廣告圖片輪播模塊」中的「編輯」點一下。

淘寶優站架設教學(三):設計更改版面配置、新增大圖、輪播與綁定微博

第3步   這時候會跳出圖片輪播設定畫面,請貼上您在淘寶優站的圖片空間中上傳的圖片網址,並且輸入要連結的網址設定好點選﹝確定﹞即可,最後記得點選﹝發布﹞才可以有效果哦!因為香腸目前手邊沒有圖片可以輪播,所以教學就大概這樣帶過,相信聰明的大家一定會使用。

淘寶優站架設教學(三):設計更改版面配置、新增大圖、輪播與綁定微博

四、設定專屬大圖Banner廣告橫幅

咦?有看到別人的優站大圖Banner很潮嗎?可是你卻在優站後台的版面裝修中找不到上圖的地方?是的,其實香腸一開始也沒找到,後來看了一下有加入的朋友之原始碼,發現只是用HTML的IMG語法就有了,瞬間想到優站模板中,還有提供文字模板可以使用,所以立刻搭配淘寶優站的圖片空間與HTML語法,立刻可以自己DIY出大圖Banner的區塊哦!

感謝小湘當展示:http://shiang35.uz.taobao.com/

淘寶優站架設教學(三):設計更改版面配置、新增大圖、輪播與綁定微博

那這部份上自己專屬Banner該怎麼做?因為這部分操作可能較為繁瑣,所以直接錄製成教學影片供大家參考使用,影片有點粗糙啦!也沒時間加入浮水印或是後製,但至少大家可以看得懂,不囉嗦,立刻看影片操作說明囉!感謝小湘讓我當DEMO錄製說明影片。

補充: 如果是預設版型,寬度是950像素(px),高度自己抓一個尺寸吧!