如何透過WordPress架設自己的網站?

前言

Hi, 我是Dodogama-TW (PK還在廢), 作為創站以來的第一篇文章，這邊決定先把WordPress的架站經歷記錄下來。講真的在創站期間真的踩了好多坑，以及不熟悉介面導致花費很多時間在摸索如何設定。
為了避免自己忘記，同時也希望可以對那些要創站的新手給予一些引導和參考，希望對你們會有幫助
(ゝ∀･)

選取Hosting Service

建議一開始先選取Hosting Service的，因為部分服務有提供一年免費的Domain服務，因此可以根據需求選擇對應的服務後再考慮Domain。目前將市面上較常見的幾家資料整理如下表 :

Hosting ServiceLower Price
(1 Year Plan)		Service KindDisk TypeDisk SpaceDomainNetwork
Transfer		Response Time (Asia)Load Time
(Asia)		MigrationSecurityComment
Bluehost$2.95/month
$10.99/month (renew)		SharedSSD10GB ~ 100GBFree 1st Year
($12.99/1st year)
($19.99/year)		Unmetered159 ~ 212ms2.26sYESFree SSL 1st Year
($7.49/month)		Recommend by WordPress.org
A2 Hosting$2.99/month
$11.99/month (renew)		SharedSSD100GB ~ UnlimitedNo ($10.99/year) ($17.99/year)Unmetered4.21sYESFree SSL
HostGator$3.95/month
$9.99/month (renew)		SharedSSD10GB ~ UnlimitedFree 1st Year
($12.95/year)
($19.99/year)		Unmetered128~189ms2.44sNoFree SSL
Cloudways$11/monthVPSSSD25GB ~ 160GBNo1TBYESFree SSL
Dedicated Firewall		DigitalOcean

Cost Comparison

針對上面的需求可能有點難評估，以下整理1年和3年的花費，並且有以下功能 :

  • Domain
  • SSL Certification
  • Unmetered Network Transfer
  • Domain Privacy / ID Protection
Hosting Service1 Year Cost3 Years Cost
( 1 Year Plan )		3 Years Cost
( 3 Year Plan )		SSL
(Charged Yearly)		Domain Privacy /
ID Protection
(Charged Yearly)		Comment
Bluehost$35.4 ✅$599.78$480.82 (Basic)
$301.18 (Choice Plus)		Single Domain SSL :
$7.49/month
Single + Subdomain SSL :
$9.99/month		Domain Privacy :
$12.99/1st year
$15/year		Choice Plus : – 3 Websites – 40GB SSD – Domain Privacy ( Free SSL does not support subdomain )
A2 Hosting$46.87$400.46$256.46Free SSLID Protection :
$9.95/year
HostGator ✅$47.4$364.91 ✅$219.83 (Hatchling) ✅
$246.83 (Baby) ✅		Free SSL ( Support subdomain )Domain Privacy :
$14.95/year		Baby :
5 Websites
40GB SSD
小提醒

除了上面這些基本方案外，HostGator還有提供Wordpress特化方案，提供更安全、實體技術人員支援、更多客製化選項，但如果你不急著創站來說的話，一般的Sharing Hosting也可以實現😊。如果想了解更多，可以參考官方這篇說明文章。
https://www.hostgator.com/blog/shared-hosting-vs-wordpress-hosting-whats-the-difference/

Conclusion

如果你還不確定是否想要長期運行網站，可以先以Bluehost入手，如果是長期來說比較偏好HostGator 作為你的佈署首選。

選擇Domain

基本上來說Domain會搭配你的Hosting Service Provider來選擇，可以透過一般來說會每家的價格不會差距太大，但如果你對你想要更免費的價格購買到Domain，可以參考這個Blogger前往NameCheap購買。
https://notonlyblogger.com/wordpress-step-by-step-guide/

Introduction of Domain

在選擇Domain前，需要先對Domian有基本概念。Domain的主要目的就是與IP進行配對，可以想像成Domain對IP之於店名對地址，單靠地址我們不知道那邊有什麼，但透過店名可以對要做的事情略知一二。

小提醒

單看 140.x.x.x 這個IP無法知道會導引到何處， 但如果是 www.ncku.edu 這個Domain就可以知道應該是一個教育相關的網站。

知道Domain用處後，接著來對Domain進行簡單介紹。

Domain可以被分為四個部分，分別為 :

  • Country Code Top Level Domain, ccTLD : 用來表明你所在的國家，一般在申請時不太會去設定，如果你想讓訪問者知道你位於何處，再申請就好。
  • Generic Top Level Domain, gTLD : 也就是我們常見的 edu , com , co , site , org ，一般申請Domain時都會從此級別開始考慮，這層的主要目的是分類，雖然沒有強制規定，但好的gTLD可以讓訪問者更快速知道此網頁的成立目的。
小提醒

有些Hosting Service Provider可能沒辦法申請你想要的gTLD，你可以選擇至其他家申請想要的Domain。

其他詳細內容可以參考此篇說明 :
https://www.hostgator.com/blog/different-types-domains

Best Practice of Second Level Domain Setting

  1. 對於Domain來說少即是多，越少越簡單，越能讓你的使用者記住，所以一般來說會建議控制由 2 ~ 3個單字構成。
  2. 簡單是Domain的基本，你不會希望用一些刁鑽的單字而導致用戶打錯你的Domain，簡單也可以提升對網站的記憶。
  3. 關鍵字很重要，你可以加入像是業務相關、創站目的、架站地點等資訊，更能鎖定你的目標用戶。
  4. 品牌名稱或網頁名稱，品牌名稱需要花費時間去建立，因此如果你於Domain加入你的品牌或網頁名稱可以達到更佳的推廣效果。
  5. 避免使用數字和底線，這會導致使用者較難輸入，並且違反使用者感知，會不利於網站推廣。
  6. 不要和其他公司品牌重名，可能會遇到法律問題等麻煩事。

其他進一步的建議可以參考這篇Google建議 :

https://domains.google/learn/how-to-come-up-with-a-good-domain-name/

網站架設

這邊打算選用HostGator進行架設，因此會以他們的使用介面進行說明。

Apply Hosting & Domain

  1. 輸入你要的Domain，HostGator會幫你查是否被註冊，同時會列出相似的選項供你加選。
  2. 選擇你要的方案，以及年分，HostGator很貼心把之後續訂的費用也列出來，你可以評估你的預算進行選擇。
  3. 首次購買會請你填寫你的帳號資訊，幫你創建HostGator帳號。
  4. 輸入付款資訊，地址可以用中華郵政的服務進行轉換。
    💡 轉換後記得把逗號拔掉，不然會有格式錯誤的問題
  5. 這裡是加購選項，預設會幫你把 SiteLock Essential 打勾，可以直接取消掉，請依據你的需求選擇添加即可，講真的不是很便宜😅。
  6. 確認價格沒問題和查看完用戶協議後，點選確認就完成相關申請了。
  7. 購買完畢後，請記得去確認你的信箱，HostGator會寄送結帳、帳戶基本資訊、以及Domain Verify資訊到你的帳號。
    💡 Domain Verify請一定要在15天內進行確認，不然你的Domain就無法使用

Create Your WordPress Instance

小提醒

購買完成後，建議等待數小時後再進行後續操作，因為Domain的相關設定和發布需要時間 😅

  1. 登入你的HostGator系統，進入Portal頁面，點選左邊的Marketplace。
  2. 進入後往下拉到Related Services，並點選有Wordpress Logo的那個One-Click Install選項。
  3. 點選後，系統會自動將你導到Softaculous，他是一個Software安裝介面，找到WordPress後點一下，進入Wordpress說明畫面，也可以直接點選Install進行安裝。這邊建議先看完相關說明後再Install Now。

  4. 點選Install後，首先會看到Software Setup讓你對WordPress的Domain進行設定。

    Choose Installation URL
    這邊主要設定的內容會有幾個，分別為 :
    • HTTP / HTTPS的選擇 : 選HTTPS，HostGator有提供FreeSSL，可以提升網站連線安全性
    • 選擇要綁定的Domain : HostGator會列出所有你在HostGator註冊的Domain，選擇你要的即可
    • 要安裝的目錄 : 留白，一般來說一個Domain底下只會有一個網站，因此不需要設定，直接安裝於跟目錄。不過如果你有Subdomain或安裝多個網站在同一個Domain底下的需求的話，再進行調整即可。
  5. 設定完後，往下拉可以看到一些額外的設定資訊，像是Blog Title, Blog Description, Language等資訊，這些在後續安裝完WordPress後都可以調整。比較需要注意的Admin Account這格，請先把裡面的資料記錄下來，等等安裝好等入會用到。
  6. 設定完後，往下拉看到Install，按下去就對了，然後等待設定完畢，點選WorkPress Manager到管理頁面。


  7. 點選Login進入WordPress登入畫面。
    💡 好像新版的會記錄admin帳密來自動登入。
  8. 如果有看到這頁就代表你的WordPress網頁創建完成了，恭喜 🎉

小結

下篇文章會來介紹如何對自己的WordPress進行客製化，期待可以做出自己滿意的網站
(ﾉ>ω<)ﾉ。

Reference

https://frankknow.com/learn-free-web/

https://themeisle.com/blog/best-web-hosting-services/#grefhttps://themeisle.com/blog/best-web-hosting-services/#gref

https://www.wpbeginner.com/wordpress-hosting/

https://domains.google/intl/zh_tw/learn/how-to-choose-traditional-vs-new-domain-endings/

https://jessielab.com/wordpress%E6%95%99%E5%AD%B8-setting-up-a-website/

Leave a Reply

Your email address will not be published. Required fields are marked *