網站架設流程,觀念教學+費用1次搞懂 (推薦外掛優惠)

Last Updated on 2020-06-08 by Celine Wu


本篇網站架設流程,會將網站製作的觀念、流程、費用,做一次圖文教學、精華說明。

也包含了 wordpress 架設的架站教學,以及其他免費架站平台的介紹….

不論是建立部落格、品牌官網、還是購物車網站,網站架設都是首要的第一步,只要每月幾百元的成本便能夠開始創建。

即便不懂程式語言、也不需要太多預算,都能輕鬆建立,就讓我們先來熟悉,網站構成的三大要素。

免費索取 wordpress架站—外掛推薦&小知識 (限時開放)

網站的三大要素

網域 Domain

網域


每個網站都需要一個網域 / 域名,指引到你網站的地名,就像你家的地址,需要購買。

例如:Google的網域是 www.google.com 、
亞馬遜的網域是 www.amazon.com、
這個網站的網域是 rich-freedom.com

google
google
amazon
amazon
richfreedom
richfreedom


URL


URL 是網址的意思。

網站的每個頁面、文章都有不同的網址。純域名,會展示網站的首頁。

而網域是URL的一部分,顯示在網址前端。

例如:這個網站的關於頁面、某篇文章網址

about
about
whats-am
whats-am


虛擬主機 Hosting


網站的家。
當你租用虛擬主機時,他們就會提供一個空間給你架設、放置網站。

( 又稱主機代管、網路空間 )

內容管理系統 ( CMS )


全名:Content Management System。

CMS:讓不會程式語言的人也能架設、編輯網站。

其中,WordPress,就是內容管理系統中、非常流行的一套軟體。

推薦原因:

  • 完全免費。不需要額外付費。
  • 多種擴充功能、應用結合廣、組合彈性大
  • 5萬多個免費外掛程式、上萬個免費佈景主題 ( 不包含付費的 )
  • 世界上最大的架站使用群 ( 全球30%網站 )


全球有1/3的網站是用WordPress 架設起來的。
最常見於建立部落格、品牌官網、或是購物車電商網站。


本篇將會教你如何架設個人專屬的Wordpress網站。

【注意!wordpress架站有2種方法】

1.這裡指的是wordpress.org:是一套免費開源的CMS軟體,自行買好網域和虛擬主機空間,安裝好後即可使用全部功能。

2.另一種是wordpress.com:一個類似痞客邦發表Blog的服務平台,前期可免費開始、省略架站步驟,但免費版只提供有限功能,須付費升級才能得到全部功能,成本相對更高。


請按照下面完整教學步驟、進行流程設定,架設出你的WordPress網站


網站架設流程


我們接下來就可以開始,網站架設的3大步驟:

  1. 註冊網域
  2. 租用虛擬主機
  3. 安裝架設WordPress軟體

▼延伸閱讀:

如何快速5分鐘架設網站(免費會員)?用WA免費架設WordPress教學!

點我回目錄

註冊網域


因為網域名稱購買後就無法更改,首先要考慮註冊的網域名稱是什麼。

建議大家認真思考一下,網域名稱比公司名稱還重要,因為網域不能改,好的域名多少有幫助,目標是讓使用者記住你的網站。

每個網域的價錢都有所差異。

  • Namemesh:輸入你想要搜尋的名稱,它會幫你找出可用的相關網域名稱、以及其他建議給你參考。
  • Godaddy:或是直接在搜尋欄輸入,查看可購買的網域及相關建議。


域名選擇建議


  • 域名後綴:.com 是最通用的頂級域。或是選擇其他頂級域,如: .net / .org / .co。如果是台灣市場,可以選.tw / .com.tw
  • 品牌化、主題相關:通常和網站或品牌名稱相關。可翻譯成英文,或是漢語 / 羅馬拼音。如:百度 https://www.baidu.com/
  • 簡短、有意義:選擇好記、有意義的名字,不要太長、15 個字元以下。

    舉例: https://rich-freedom.com vs. https://sdgsyarygj526.com 。
    一個清楚、有意義的域名,跟另一個看起來像亂碼的域名,在別人眼中會有專業度不同的差距哦。


購買網域


Godaddy 推薦原因:

  1. 網域和主機界的始祖,唯一的網域上市公司,較可靠。( 1997年創立 )
  2. 唯一有中文介面的國際主機公司。( 對熟悉中文的人來說較好操作 )
  3. 中文客服,溝通容易


流程:進入Godaddy輸入想要的網域名稱、放入購物車,並前往購物車,購物車裡就會有你買的網域名了。

域名隱私


如果它顯示 “我們增加了隱私。這就是原因。”

問你要不要加購隱私保護,讓網站和你的個人資料更安全,基本上不購買不會有問題,預算夠可考慮,就像保險一樣。


租用虛擬主機

Linux 虛擬主機


選擇豪華版。

原因:經濟版只有一個網站、100GB磁碟空間,往後可能會需要更多空間;預算不多也能選擇經濟板。

網站架設教學,Linux虛擬主機
Linux虛擬主機


電子郵件

選擇電郵超值版。然後下一步。
原因:和精華版只差 $10元,但空間多了10倍。

擁有網站電郵,會比一般電郵感覺來的更專業。
如:support@gmail.com vs. support@你的網域.com

更新:後來發現godaddy的電郵有收發信的問題,會漏信,建議不要使用它的郵件。

找其他服務商。

網站架設教學,電郵超值
電郵超值版

接著,
註冊/登入godaddy帳戶
輸入新增付款方式

登入帳戶
註冊或登入帳戶

更改


網域註冊改為一年。
電郵及主機維持 12個月。

網站架設教學,網域註冊一年
網域註冊一年


初次嘗試12個月即可,若想長期經營、時間選久一點相對比較划算,看各人選擇。

將你一年的費用除以12個月,平均每月不到$500。(除非你選的網域價格較高)

外面餐廳少吃一餐、少喝一杯飲料,就能負擔這個價錢了,所以網站架設不會真的很貴。

SSL憑證


若是遇到詢問是否加購 SSL憑證,可評估自己的預算選擇是否添購,讓網站更安全,基本上網站是不會有任何問題,只是像買保險的概念一樣。

而 SSL憑證是google列入排名的因素之一。

不過網路上也有提供免費的 SSL憑證,需要每3個月進行手動更新。

附上教學影片:SSL for free

  • SSL憑證是什麼 在網址 http 的地方,若有 https 則是代表有添加安全 SSL憑證,左邊可以看到一個鎖頭。

     

點我回目錄

在Godaddy上安裝WordPress軟體

完成購買後


接著到 Godaddy 右上角人頭帳戶的地方,點我的產品,(有時系統還未更新,所以畫面出現尚未有產品先不用擔心),按管理所有。

管理所有
管理所有


進入後,按使用我的網域,在建立全新網站的地方,點建置,選擇右方虛擬主機,點搭配網域一起使用。

網站架設教學,搭配網域使用
搭配網域使用


再來,直接點具備 cPanel 主機新帳戶。

網站架設教學,點CPanel新帳戶
點CPanel新帳戶


挑選一個網域,從您帳戶中選擇網域,選剛剛購買的網域名稱。

下一步,資料中心選擇亞洲(看你地理位置在哪),到了建立 wordpress 網站,選好立即開始,輸入帳密資料。

wordpress 用戶名稱=登入帳號,只能英文小寫、不能更改。

下一步,設定我的網站,會進到 cPanel 介面。


cPanel 介面

cpanel-myblog
cpanel 介面
(點擊放大)



cPanel 介面,往下滑到特色應用的地方,點 WordPress。

點右方+Install安裝此應用程序,進入安裝頁面,將 Language 改成中文,到 setting 設定的地方,再輸入一次你登入網站的用戶名和密碼。

設定帳密
設定帳密


更改完成後,滑到最下面點 Install 安裝。

然後重新回到Godaddy 點 cPanel Admin ( 右上藍色按鈕 )。

到我的應用的地方,點My Blog我的博客 ( 參考前面 cpanel 介面圖片 ),進去點第二個有 “wp-admin” 的連結,接著就會進入到WordPress最後一個步驟。

按Start Wizard。

sart wizard
start wizard


Type 選左邊,Industry 選你的網站主題,Title 是你網站名稱,Tagline 是網站標語。

按繼續,電話地址可以不用填,直接按繼續,先隨選一個佈景主題、之後再改,完成後就會直接到你網站後台的自訂了。

點我回目錄

恭喜!你的WordPress網站架好了!


建議:可以將 Godaddy、cPanel、網站控制台頁面加入最愛,方便以後進入。

未來你也可以透過 Godaddy 主機後端的管理平台 ( cPanel ) 頁面,登入你的WordPress 網站後台。

WordPress 介面語言


(若介面已是中文可跳過)

將畫面左邊按叉,選擇左邊欄 Setting 設定的一般,把 Site Language 網站介面語言改成中文,按儲存。

佈景主題


再來,就可以到外觀,點選佈景主題、進行更換了。

滑鼠移動到想要的佈景主題,點選右下方安裝,然後啟用。

大功告成!

網站電郵設定


進入 Godaddy ,點我的產品,在電郵 Office 中按設定。

更新:後來發現godaddy的電郵有收發信的問題,會漏信,建議不要使用它的郵件。

電郵365設定
電郵365設定


進入建立新電郵帳戶的頁面,用戶名為@小老鼠前的名稱。
如:support@gmail.com,輸入 support 即可。

然後設定密碼,建立,處理好後,按啟動 Office365,登入。
復原電郵,填入你的備用電郵帳號。

進入Office365後,點 Outlook,選時區儲存。


結合手機或桌面


若不常用 Outlook 信箱收信,可選擇結合手機或桌面設定。
回 Godaddy 儀表版的地方,點設置中心

電郵設置中心
電郵設置中心

office365
office365

接著按指示操作即可設定完成。

點我回目錄

經營網站的好處


開始經營網站後,漸漸地就可以透過網路、創造各種不同收入來源。

  1. 聯盟行銷 ( 如:聯盟網通路王 )
  2. Google Adsense 廣告、廣告版位租借
  3. 廠商業配文
  4. 行銷產品….等等。


這些方式可以讓你開始摸索、嘗試打造你的被動收入。
或甚取代你的正職。


想寫部落格嗎?這三個網站可以幫助你 | Yale Chen


延伸閱讀

結論


只要記得網站構成的三大要素、也就是安裝步驟,就能對流程有大概的認知摟!

複習一下:

  1. 註冊網域
  2. 租用虛擬主機
  3. 安裝內容管理系統 ( 推薦架設WordPress軟體 )


這裡我提供的是自己架設網站的步驟和選擇方案。
希望這篇文章的說明,能讓你對網站架設的觀念流程更有幫助!


免費Tips資源下載 (限時開放)


→  點此免費下載 ←

我為你用心準備的 Tips 資源:

網站架設流程,觀念教學+費用1次搞懂 (推薦外掛優惠)

  • 外掛推薦包含了10個項目,共25個外掛介紹,及優惠內容。
  • 3個項目的小知識,包含須注意檢查的地方。



嘿!你喜歡這樣的教學嗎?還想看到什麼樣的內容呢?
底下留言告訴我 ↓~

希望這篇文章有幫助到你, 喜歡請幫我「分享」給你身邊需要的人!

如果你還沒訂閱,記得按 “右下方的按鈕、填入信箱 “,收到最新內容的通知哦。

想知道更多『自由國度』的最新動態?現在:

追蹤自由國度的IG
跟進FB粉絲專頁



【行動支持】
■ 喜歡的話,別忘了訂閱電子報追蹤我的IG,接收免費資源下載及Tips通知!
■ 留言分享你的觀點與收穫,參與互動比起只有看會更加深記憶唷。
■ 如果這篇文章有幫助到你,可以幫我拍手5次Like鼓勵 ,讓我有機會獲得內容創作的酬勞,支持我產出更多好內容,謝謝你 ~

by Celine Wu 席琳

免費加入 Liker ,一起領取 LikeCoin (電郵驗證)
或成為讚賞公民,有望回饋更高!

在〈“網站架設流程,觀念教學+費用1次搞懂 (推薦外掛優惠)”〉中有 45 則留言

  1. Hi Celine…
    對於完全不懂程式語言和一頭霧水的人幫助很大,
    步驟很清晰,只要照步驟走就可以建立屬於自己的網站,

    之後可以教學如何架設另一個網站,哈哈。

    1. HI,MonkeyWalker!
      謝謝你的回覆,讓我知道對你有幫助,
      有機會等我往後另架一個再來拍照,現在還沒需求XD
      不過流程大致上應該差不多,因為這個方案是可以架設多個網站的^^

  2. 你好,看了你的教學,非常有幫助,謝謝你
    另外有個問題想請教一下,假設一開始購買經濟版,是能在中途或一年合約到後選擇升級豪華版嗎?
    如果可以,升級後會不會有什麼問題或差異呢?
    謝謝!

    1. HI,Jisi!
      新年快樂~~!! :”)
      可以哦,升級後的差異就是你的功能那些會擴充到你升級的版本,之後的續約價就是以升級的版本金額計價,
      如果你不放心的話可以打電話給客服,詢問你想要升級版本有哪些注意事項,
      他們也可以電話中幫你確認好購買升級(刷卡付費),
      很開心有幫助到你~

發表迴響 (經審核後才會出現哦!)