網站架設教學
網站架設 網路賺錢

2019十分鐘架設好你的網站|完整步驟教學不藏私

現今科技的發達,你即使不會寫程式,也可以輕鬆架設一個屬於自己的網站,這篇會教大家如何在十分鐘內架設好自己的網站,只要你跟著步驟一步一步地做。

組成網站的三大要素

❶、網域 (Domain)

網域就是你網站的網址,每個網站都要有自己的網址,就像每一個家都需要有自己的地址一樣。

網域是什麼

❷、虛擬主機 (Hosting)

虛擬主機就像你網站的家,簡單來說就是你所使用的虛擬主機公司,有實體的遠端伺服器,當你購買他們的虛擬主機時,他們的伺服器就會提供你一個空間,讓你架設和放置網站。

❸、內容管理系統 (Content Management System , CMS)

內容管理系統主要提供一個人性化的介面讓你編輯你的網站,你不用再像過去的工程師要寫一堆程式,現在有了這個系統,即使你不會寫任何程式語言,不會寫任何一行程式,你也能輕鬆編輯你的網站。

推薦的網域、虛擬主機公司

市面上有許多網域和主機的公司,像是BlueHost、HostGator、SiteGround,這邊我推薦使用「GoDaddy」,原因有2個:

    1. GoDaddy網域和主機界的始祖,且是唯一有上市的網域公司,大公司不管是服務或是品質都更有保障,你也不用怕他會倒閉之類的。
    2. GoDaddy是唯一有提供中文介面的國際主機公司,即使是英文不好的人,也非常好操作
點我到Godaddy網站

你可以點選上面的按鈕,照著以下的步驟開始架設自己的網站囉~

 

選擇網站架設平台(內容管理系統)

科技的發達,現在有需多網站的架設平台,像是Wealthy Affiliate(WA)、WordPress等等,都有提供內容管理系統,讓你輕鬆編輯你的網站。

而Grayme這個網站,我是選擇WordPress平台來架設網站,原因有2個:

    1. WordPress的內容管理系統是完全免費,你只需要購買網域和虛擬主機的成本。
    2. WordPress的應用範圍非常廣,可以跟很多程式做結合,也提供五萬種免費的外掛供你使用。

首先購買網域和主機

購買網域前,首先先想好一個跟你的網站主題相關的名稱、或是使用你的網站名稱當做網域也可以。

想好一個好記、有意義的名稱,注意網域只能是英文不能是中文。

▪ step 1:

例如我的網域名稱為「healthexample.com」,在框框裡搜尋你想要的「網域名稱」,好了按「行動」。

godaddy網域主機購買教學

▪ step 2:

他會跑出你搜尋的「網域名稱」目前還沒被買走的頂級域和一些跟這網域名稱相關的網域,這邊建議「頂級域」的優先選擇為:.com > .org > .net,如果你搜尋的網域已經有人購買,可能就要換一個。

每個網域的價格都不一樣,非常熱門的網域就會特別貴,如果你選擇的網域價錢特別貴,我會建議你換一個名稱。

選擇好你要的網域點選「加入購物車」,再點選「前往購物車」。

godaddy網域主機購買教學

▪ step 3:

這邊的加購「隱私防護」,可以增加網域的安全性,可以選擇加購或不加購,如果你預算足夠可以加購,預算不夠也沒關係,這不是必要。

godaddy網域主機購買教學

虛擬主機是架設網站的三大要素之一,是必要的。

虛擬主機就像網站的家,簡單來說就是你所使用的虛擬主機公司他們的伺服器會提供你一個空間,讓你架設和放置網站。

「虛擬主機」建議購買豪華版,比起經濟版,可以架設無線數量的網站,而且無限制磁碟空間。

godaddy網域主機購買教學

購買電子郵件的好處是,可以區分你「網站郵件」和「私人郵件」,看起來也更專業更有說服力。

這邊建議選擇「電子郵件超值版」,價錢只比精華版多10元,但儲存空間卻多了10倍。

godaddy網域主機購買教學

都選完後點選「前往購物車」

▪ step 4:

這邊要先建立一個godaddy的帳戶,才能繼續購買,如果你已經有godaddy的帳戶就直接按登入。

網域購買可以改至先購買一年,其他主機、電子郵件一樣維持12個月即可。

godaddy網域主機帳戶登入

▪ step 5:

登入Godaddy帳戶後,選擇你的付款方式,即可完成購買

godaddy網域主機付款方式

第一部分你的網域和主機都買好了,這樣網站的基本要素都具備了,我們就可以開始架設我們的Wordpress網站囉。

架設Wordpress網站教學

▪ step 1:

點選右上角的帳戶,再按「我的產品」

godaddy網站架設教學

▪ step 2:

剛購買完可能會像圖裡一樣顯示「你尚未有任何產品」,不用擔心,給他一點處理的時間。

在網域那邊按「管理所有」。

godaddy網站架設教學

▪ step 3:

即可看到你剛剛購買完成的網域,點選「使我的網域」。

godaddy網站架設教學

▪ step 4:

在建立全新網站的地方,按「建置」。

godaddy網站架設教學

▪ step 5:

選擇選項「虛擬主機」,我們剛剛才前面已經購買好了我們的虛擬主機,這邊就不用再購買,直接點選「搭配你的網域一起使用」。

godaddy網站架設教學

▪ step 6:

你即可看到我們剛剛購買的「豪華版虛擬主機」,點選「具備cPanel的虛擬主機新帳戶」。

godaddy網站架設教學

▪ step 7:

確認一下選擇的網域,是否是你剛購買的網域,沒問題的話按「下一步」。

godaddy網站架設教學

▪ step 8:

選擇資料中心的位置,就選擇離你較近的位置,以台灣為例,就選「亞洲」。

godaddy網站架設教學

▪ step 9:

這邊就開始建立你的Wordpress帳密,「Wordpress用戶名稱」代表你之後Wordpress登入的帳號,設定完後按「下一步」。

godaddy網站架設教學

▪ step 10:

帳號建立完成後,即可開始「設定你的網站」。

godaddy網站架設教學

▪ step 11:

網頁往下拉會看到「Web Applications」選項,在點選「Wordpress」。

wordpress網站架設教學

▪ step 12:

點選「install this application」。

wordpress網站架設教學

▪ step 13:

這邊開始進到安裝Wordpress之前的一些設定,在「Language」的地方可以改成中文,如果你習慣看英文的話,也可不用改。

wordpress網站架設教學

Setting的部分,在Username和Password的地方,輸入你在step 9所設定的帳密,Username就是你設定的用戶名稱。

wordpress網站架設教學

▪ step 14:

WordPress安裝前的設定都設定好後,按「install」開始安裝。

wordpress網站架設教學

▪ step 15:

安裝好後,回到你的cPanel管理員,你可以在你的Your Building Tool的地方看到安裝好的Wordpress,我們點選他。

wordpress網站架設教學

▪ step 16:

現在就開始架設你的Wordpress網站,點選「Start Wizard」。


wordpress網站架設教學

▪ step 17:

Type選擇「Website+Blog」、Industry就選擇跟你網站相關的主題、Title就是你網站的名稱、Tagline就是你網站的標語,都填好後按「Continue」。

wordpress網站架設教學

▪ step 18:

這一部份電話、地址等等的個人資料,都可以不用填,我們直接按「Continue」。

wordpress網站架設教學

▪ step 19:

這一步驟是選擇你網站的佈景主題,可以暫時先隨便選一個,因為這在之後的Wordpress後台隨時都可以在更換。

wordpress網站架設教學

▪ step 20:

恭喜你,你的網站架設好了,下圖就是你網站的後台,你可以開始編輯你的網站囉。

wordpress網站架設教學

總結

先恭喜你完成了所有的步驟,照著上面的步驟,我相信大家都有建立了一個自己的網站,那Wordpress有相當多的功能,你可以將網站製作成專業部落格的樣子,你也可以將網站設計成一個賣商品的頁面,就看你如何規劃你的網站,那網站要如何才能賺錢呢?可以點我看這篇文章

WordPress的優點是可以完全的客製化,像是網站的樣式、文章的排版、選單、側邊欄等等,通通都可以客製化,功能非常多元,之後會再多分享有關Wordpress編輯的技巧,如果你有什麼想知道的,也歡迎在下方留言。

延伸閱讀:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *