X
    Categories: 網誌 Blog

“網站速成製作” – 如何用WIX 建立你的網站 ?

想開展網上生意 ?

第一步必然是建立一個網站!

一個網站,有助建立專業的形象,亦讓你在推廣上,有更多彈性,畢竟這是一個屬於你的網站嘛!

可是,很多人會擔心:

我不懂建立網站,找網站公司幫忙又要近萬元起跳,有便宜一點的方法嗎 ?

如果你有同樣的疑問,那這篇文章正正就是為你們預備的了!

簡單易用的網站建立工具 – WIX

我們向你推薦使用 WIX 建立你的網站!

原因有兩個:

  • 只要你懂得用Powerpoint / keynote,你會發現WIX的使用介面和它們很接近,WIX的拖拉式介面 (Drag and Drop) 讓你只需簡單的拖拉就能做好網站,而不需學懂複雜的程式語言!
  • WIX 提供大量精緻,簡潔,時尚的網站模版,即使你對設計不在行,你亦可挑選喜歡的模版,稍微修改即可做好你的網站!

在這篇文章,你將學懂如何建立你的網站,我們會分為 6 個部份講解:

  1. 開設帳戶及挑選網站模版
  2. 認識 WIX Editor 介面
  3. 如何修改網頁內的文字/圖片等元素 ?
  4. 如何新增網頁內的文字/圖片等元素 ?
  5. 調整你的手機版本網站
  6. 發佈你的網站

準備好建立你的網站了嗎 ?

 

1. 1 開設帳戶

要建立屬於你的網站,首先要有WIX帳號

點擊下方的連結,就會進入WIX的官方網站

按此進入 WIX 網站

 

點擊中間的Start Now就會看到登記頁面:

你可以使用Facebook帳號註冊,或者使用Google帳號註冊,當然你亦可在輸入你的電子郵箱開設你的個人帳戶。

1.2 選擇網站模版

當你開設帳戶後,便可以為你的網站挑選模板

WIX其中一個表現很好的地方是提供很多不同種類的網站模板,而且非常漂亮,當中包括:網上商店,飲食,商業等等。


你亦可按最新,或者最多人使用的網站模板排序,如果你看完全部都不滿意,你可選擇空白的模版作開始。


當你的鼠標移到模版上,會出現Edit以及View,你可以先選View,看一看模版整體的設計,如果滿意就可以按Edit,開始建立網站,否則就可繼續挑選。

接下來的2件事非常重要,很多人很遲才知道,白白浪費了大量時間!

  1. 當你挑選好網站模板確定後,日後便不能再更改為其他網站模板。所以建議先將你所屬的行業網站模版看一次再決定。
  2. 雖然網站模版裏大部份的東西都可以修改,但網站模板內的頁面跟你心目中的頁面越相似,之後你需要修改的時間便會越小

在這個教學內,我們會用Pizza Restaurant模版作為教學之用。我們建議你先跟我們一樣,挑選這個模版,先了解使用介面,再去建立你的網站。

首先在左上方,搜尋Pizza,然後按Edit,就會進入Wix Editor開始製作網站。

 

2 認識 WIX Editor 介面

所有網站內容的修改都在WIX Editor進行,所以我們需要學懂如何使用。

WIX Editor主要由三個部份組成:第一個部份是最頂部的設定欄,第二部份是左側的網站設計欄,第三部份是中間的內文顯示欄。


最頂部的設定欄

先看最左邊的位置,”Pages” 是頁面設定,當你點擊這個欄位,會看見網頁內的所有頁面:例如首頁,關於我們,聯絡我們等等。


點擊下方的藍色按鈕”Add Page”,就能增加新的頁面
如果想為他們改名,只需雙擊頁面的名稱就可以修改

而拖拉頁面最左側的方格就可以調整頁面位置
右邊的圓形圖示則可選擇將此頁面顯示/隱藏於你的菜單(menu)上
而其他四格(Site/Tools/Help/Upgrade),一開始暫時不會使用,先不用理會。

而右上方,有三個按鈕必需懂得使用。

手機圖示按鈕 (Switch Editor Views)

你可以將網站轉為電腦顯示模式或手機顯示模式。  現在大部份人都是用手機上網,因此除了建立好你的電腦版網站,也要記得轉到手機版網站,看看網站內容有沒有走位的情況出現,如果有就要調整好,讓訪客有個愉快的瀏覽體驗。

但現在暫時不用轉到手機顯示模式修改,當我們調整好所有電腦版網站後,才轉到手機顯示模式修改。

儲存 (Save)

必須要記得定時儲存,因為WIX是不會實時儲存的,所以大家必須定時儲存,才能避免修改網站時資料流失。

發佈 (Publish)

當點選此按鈕後,就會正式將你的網站放上互聯網,別人只要在瀏覽器輸入你的網址,就可以到達你的網站啦!

現在先不要發佈,繼續往下看吧!

 

內文顯示欄

網站架構分三個部份,頁首,內文,頁尾

頁首指網站最上方的部份,通常會放置網站的菜單(Menu)。

而頁尾指網站最底的部份,通常會放置企業的社交連結,地址,電話等等。
特別注意,頁首和頁尾是會顯示在網站每一個頁面,所以每一版的頁首頁尾都是一樣的。

而中間的部份就是網站的內文。

3 如何修改網頁內的文字/圖片等元素 ?

修改文字

當你想修改某位置的文字或圖片時,只要雙擊,就能修改,而右方彈出的設定格,能夠調整文字的字體,大小,粗體,顏色,排位等等。


修改圖片

當你雙擊圖片時,你可以修改為WIX免費提供的圖片,或你在FaceBook或其他網上硬盤的圖片,亦可以在最右方選擇購買付費圖片,每張2.99美元,當你購買後,你可在你帳號內的所有網站使用。


移動網站元素 (如:文字/圖片)

只需要長按滑鼠左鍵拖拉就能移動,移動的時候有時會顯示紫色的線,表示物件跟另一物件對齊了。


而物件右上角的圖示,是個很方便的按鈕,一般拖拉物件,只會移動單一物件,但當你向上/下拖拉這個按鈕時,你會將這個物件以下所有的網站內容一併向上/下移,善用這功能會為你減省大量時間!

網站元素調整介面


當你點擊所有網站元素,都會出現上面的調整欄。   不同元素會有多些/少些選項,但概括而言有以下選項(由左至右):

不同網站元素個別的調整項,例如文字方塊/按鈕方塊就可以選 Change Text,圖片就可以選Change Image。

網站連結選項 (Link),你可以設定連結到網站其他分頁或其他網站。

排版 (Layout),主要是調整元素的排版:向左,向右,置中等。

設計 (Design),你可按不同風格調整網站元素,外形,顏色等,可使用系統預設選項,也可重新設定。

動畫 (Animate),你可設定網站元素以動畫方式顯示,突出元素效果。

 

4 如何新增網頁內的文字/圖片等元素 ?

在 WIX Editor 左側工具欄,我們必須認識首三個圖示,尤其是第二,三個,因為你將會時常使用。

最上方的一個是 Background.  當你點擊後,就可以轉換網站的背景。和頁首頁尾一樣,你可以點擊下方的藍色圖示 “Apply to Other Pages” 將所選的背景套用到所有頁面中。

第三個是 App Market.  這兒有很多不同種類的應用程式能加進你的網站,就好像你的手提電話一樣,很簡單就能安裝到你的網站,為網站新增不同的功能,App Market 內的應用程式有免費,亦有付費的,由於涉及內容太多,在此教學暫不詳談。

第二個是 Add.  點擊後這個按鈕就能新增不同的網站元素進網站。可以選的元素十分多,你可以慢慢嘗試,了解一下。在這兒我們會建議幾個元素,學懂後便能更快地做好你的網站:

Gallery

如果你的網頁需要顯示大量圖片,例如攝影師,設計師等等,推薦你使用 Gallery 顯示你的圖片,而不要選用 Image 顯示。  在Gallery,你可以將圖片以不同方式,風格排序,你可以公整排列,又可以大小不一,以正方形顯示,以蜂巢形顯示,由你決擇!

 

Slideshow / Strip

如果你想不到應該加入甚麼到你的網頁,插入Slideshow / Strip幾乎是不會錯的決定!大量的網站首頁,都使用佔據全頁面的Slideshow,十分搶眼,有效讓訪客看到重點資訊;放在網站中間,則能將網站分開不同區域,提高清晰度;放在網頁尾部,又可再一次提醒訪客觀看特定訊息,邀請其作出行動。

Strip 和 Slideshow 十分接近,唯一分別是:Slideshow可以包含幾版,而Strip就只是一行。  善用Strip,能有效管理好網站的不同元素,當你將文字/按鈕等等拖拉進Strip的位置,會顯示 “Attach to Strip”,那之後要將網站內容向上/下移動時,只需拖拉Strip就可以同時將附在上方的網站元素一併移動了。

Social

在網站中,必需加入聯絡你的方法,我們建議除了在”關於我們”頁面外,也可以在頁尾加入社交連結,讓訪客更方便聯絡到你。

 

Contact

在”關於我們”頁面,”服務” 等,你可以加入網上表格,讓訪客能在網上提交資料,與你進一步聯絡。

你亦可以加入” Get Subscribers” 讓訪客留下電郵,開始建立你的電子郵件清單。

對大部份公司來說,潛在客戶的電子郵件清單是十分有價值的資產,你有越多的潛在客戶電子郵件,能賺到的錢便會越多! 如何有效得到潛在客戶電子郵件有很多技巧,我們將另文講述。

5 調整你的手機版本網站

當你調整好你的網站後,別忘記調整手機版本!

在右上角找手機圖示,將你的網站轉到手機版本,你會發現網站元素可能會移位了,花點時間將它們排列好。

在手機版本的所有調整,是不會對電腦版網站有影響的,不用擔心,你可以調整文字大小,顏色,位置,如果有些元素,不太適合在手機版顯示,你可選擇隱藏它們。

 

6 發佈你的網站


到了這一刻,點擊右上角的 Publish就能將你的網站發佈啦!

要留意,雖然發佈網站是免費的,但若然你準備做生意,認真經營的話,我建議你點選 Upgrade now 進行升級,只需選用US$8.5/月的計劃就足夠有餘。

很多人認為用免費計劃就可以,希望能零成本創業!

但為甚麼我們仍然建議你使用付費計劃 ?

1. 沒有廣告

你想不想你的潛在客戶在瀏覽你的網站時,不斷受到其他東西騷擾 ?

相信沒有人想吧 ?  這不單單影響潛在客戶的體驗,分散用戶注意力,亦令你的專頁形象受損,每月只需投資不足港幣$70元,實在是十分值得的投資。

2. 自訂域名

你認為www.yoursite.com 和 www.yoursite.wixsite.com 比較,那個 “奇怪”一點 ?

使用免費計劃的話,你的網址欄會出現”wixsite”,例如:www.yoursite.wixsite.com
現今太多詐騙網站,電郵,如果你的網址除了滿載廣告,更出現潛在客戶不明白的網址,那結果必然是”上一頁”或”關閉”

 

想認真開展網上生意?

我們強烈建議你升級使用付費計劃,這點錢是很值得投資的。

 

如果你使用 WIX 遇上任何疑問,歡迎加入我們 WIX Facebook 群組

群組內除了有 WIX的認證網站設計師 回答你的疑問,亦有其他使用WIX的朋友,大家可以互相交流

立即點擊以下按鈕加入WIX Facebook 群組:

按此加入 WIX Facebook 群組

 

千里之行,始於足下
你想開展網上生意嗎 ?

立即開始將知識變成行動!只要玩真的,你就學得懂!

點擊以下連結,開設你的 WIX帳戶,製作你的網站!

按此進入 WIX 網站

5件創業工具,協助你做好準備!

與其坐著發創業夢,不如立即行動,學習一些新知識、新概念、新商業模式!

由打工仔到創業,我經歷過!

我期望為有志氣的打工仔,即是你…….
提供一些可行的方法及練習
讓你節省時間
踏上財務自由之奮鬥路
及時掌握屬於你的精彩人生!

如何由打工仔,變成自由自在的網上創業人?
請參與我們的學習社群吧!


WIXDIY :WIX 認證網站設計師,致力推廣簡單易用的網站設計工具給中小企及創業者。我們定期舉辦 WIX 工作坊教授網站建立技巧,亦提供一對一的網站顧問以及網站建立服務。