文章最後更新於 2022-01-16 by Celine Wu
本篇網站架設流程,會將網站製作的觀念、流程、費用,做一次圖文教學、精華說明。
也包含了 wordpress 架設的架站教學,以及其他免費架站平台的介紹….
不論是建立部落格、品牌官網、還是購物車網站,網站架設都是首要的第一步,只要每月幾百元的成本便能夠開始創建。
即便不懂程式語言、也不需要太多預算,都能輕鬆建立,就讓我們先來熟悉,網站構成的三大要素。
目錄-快速導覽
網站的三大要素
網域 Domain
網域
每個網站都需要一個網域 / 域名,指引到你網站的地名,就像你家的地址,需要購買。
例如:Google的網域是 www.google.com 、
亞馬遜的網域是 www.amazon.com、
這個網站的網域是 rich-freedom.com
URL
URL 是網址的意思。
網站的每個頁面、文章都有不同的網址。純域名,會展示網站的首頁。
而網域是URL的一部分,顯示在網址前端。
虛擬主機 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大步驟:
- 註冊網域
- 租用虛擬主機
- 安裝架設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 推薦原因:
- 網域和主機界的始祖,唯一的網域上市公司,較可靠。( 1997年創立 )
- 唯一有中文介面的國際主機公司。( 對熟悉中文的人來說較好操作 )
- 中文客服,溝通容易
流程:進入Godaddy,輸入想要的網域名稱、放入購物車,並前往購物車,購物車裡就會有你買的網域名了。
域名隱私
如果它顯示 “我們增加了隱私。這就是原因。”
問你要不要加購隱私保護,讓網站和你的個人資料更安全,基本上不購買不會有問題,預算夠可考慮,就像保險一樣。
租用虛擬主機
Linux 虛擬主機
選擇豪華版。
原因:經濟版只有一個網站、100GB磁碟空間,往後可能會需要更多空間;預算不多也能選擇經濟板。
電子郵件
選擇電郵超值版。然後下一步。原因:和精華版只差 $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 主機新帳戶。
挑選一個網域,從您帳戶中選擇網域,選剛剛購買的網域名稱。
下一步,資料中心選擇亞洲(看你地理位置在哪),到了建立 wordpress 網站,選好立即開始,輸入帳密資料。
wordpress 用戶名稱=登入帳號,只能英文小寫、不能更改。
下一步,設定我的網站,會進到 cPanel 介面。
cPanel 介面
cPanel 介面,往下滑到特色應用的地方,點 WordPress。
點右方+Install安裝此應用程序,進入安裝頁面,將 Language 改成中文,到 setting 設定的地方,再輸入一次你登入網站的用戶名和密碼。
更改完成後,滑到最下面點 Install 安裝。
然後重新回到Godaddy 點 cPanel Admin ( 右上藍色按鈕 )。
到我的應用的地方,點My Blog我的博客 ( 參考前面 cpanel 介面圖片 ),進去點第二個有 “wp-admin” 的連結,接著就會進入到WordPress最後一個步驟。
按Start Wizard。
Type 選左邊,Industry 選你的網站主題,Title 是你網站名稱,Tagline 是網站標語。
按繼續,電話地址可以不用填,直接按繼續,先隨選一個佈景主題、之後再改,完成後就會直接到你網站後台的自訂了。
恭喜!你的WordPress網站架好了!
建議:可以將 Godaddy、cPanel、網站控制台頁面加入最愛,方便以後進入。
未來你也可以透過 Godaddy 主機後端的管理平台 ( cPanel ) 頁面,登入你的WordPress 網站後台。
WordPress 介面語言
(若介面已是中文可跳過)
將畫面左邊按叉,選擇左邊欄 Setting 設定的一般,把 Site Language 網站介面語言改成中文,按儲存。
佈景主題
再來,就可以到外觀,點選佈景主題、進行更換了。
滑鼠移動到想要的佈景主題,點選右下方安裝,然後啟用。
大功告成!
網站電郵設定
進入 Godaddy ,點我的產品,在電郵 Office 中按設定。
更新:後來發現godaddy的電郵有收發信的問題,會漏信,建議不要使用它的郵件。
進入建立新電郵帳戶的頁面,用戶名為@小老鼠前的名稱。
如:support@gmail.com,輸入 support 即可。
然後設定密碼,建立,處理好後,按啟動 Office365,登入。
復原電郵,填入你的備用電郵帳號。
進入Office365後,點 Outlook,選時區儲存。
結合手機或桌面
若不常用 Outlook 信箱收信,可選擇結合手機或桌面設定。
回 Godaddy 儀表版的地方,點設置中心
接著按指示操作即可設定完成。
經營網站的好處
開始經營網站後,漸漸地就可以透過網路、創造各種不同收入來源。
這些方式可以讓你開始摸索、嘗試打造你的被動收入。
或甚取代你的正職。
- 如何選擇自己的網站主題? 深入解析4大面向—瞄準你的市場
- 個人品牌的主題規劃? 找到最適合你的品牌Niche(免費規劃表下載)
- 部落格文章撰寫技巧:文章架構AIDA+AISAS應用 (免費模板下載)
- 影片中提到的平台:Wix、Squarespace、WordPress
5:10秒的地方,部落格賺錢4方法
✨ 延伸閱讀 :
結論
只要記得網站構成的三大要素、也就是安裝步驟,就能對流程有大概的認知摟!
複習一下:
- 註冊網域
- 租用虛擬主機
- 安裝內容管理系統 ( 推薦架設WordPress軟體 )
這裡我提供的是自己架設網站的步驟和選擇方案。
希望這篇文章的說明,能讓你對網站架設的觀念流程更有幫助!
免費Tips資源下載 (限時開放)
✨ → 點此免費下載 ←
我為你用心準備的 Tips 資源:
- 外掛推薦包含了10個項目,共25個外掛介紹,及優惠內容。
- 3個項目的小知識,包含須注意檢查的地方。
嘿!你喜歡這樣的教學嗎?還想看到什麼樣的內容呢?
底下留言告訴我 ↓~
如果你還沒訂閱,記得按 “右下方的按鈕、填入信箱 “,收到最新內容的通知哦。
** 想知道更多『自由國度』的最新動態?現在:
◆ 追蹤自由國度的IG
◆ 跟進FB粉絲專頁
如果購買的網域到期了,他們會不會提醒你要續約呢?
會哦,通常購買後都會啟動自動續約,快到期前會寄信提醒,也要注意當初刷的卡有沒有過期問題,如信用卡明年到期等,以免無法成功續約,影響自身網站。
對於完全沒接觸過的人,是很好的教學,感謝。
嗨!希望有學到東西,也謝謝你留言!
這超有用的 我當初一堆問題者都有講到,比較無奈的是怎那麼晚出
哈哈緣分吶,往後會加快寫文速度的(? XDD
超詳細的一篇文~
Jerry有看到一定超感動~~~
學以致用XDDD
版主真的神厲害!能把架設網站的細節寫的這麼好,我只想架設一次,要我教學根本懶
以後業務擴張就會架不只一個網站了,我倒是希望能常常架,想得很美好哈哈,謝謝你~
Hi Celine…
對於完全不懂程式語言和一頭霧水的人幫助很大,
步驟很清晰,只要照步驟走就可以建立屬於自己的網站,
之後可以教學如何架設另一個網站,哈哈。
HI,MonkeyWalker!
謝謝你的回覆,讓我知道對你有幫助,
有機會等我往後另架一個再來拍照,現在還沒需求XD
不過流程大致上應該差不多,因為這個方案是可以架設多個網站的^^
你好,看了你的教學,非常有幫助,謝謝你
另外有個問題想請教一下,假設一開始購買經濟版,是能在中途或一年合約到後選擇升級豪華版嗎?
如果可以,升級後會不會有什麼問題或差異呢?
謝謝!
HI,Jisi!
新年快樂~~!! :”)
可以哦,升級後的差異就是你的功能那些會擴充到你升級的版本,之後的續約價就是以升級的版本金額計價,
如果你不放心的話可以打電話給客服,詢問你想要升級版本有哪些注意事項,
他們也可以電話中幫你確認好購買升級(刷卡付費),
很開心有幫助到你~