WordPress網頁設計教學|如何架設網站?網域申請/DNS/主機設定完整圖文教學

WordPress網頁設計教學|如何用WordPress架設網站-網域申請/DNS/主機-完整設定教學

文章最後更新於 2023 年 07 月 27 日

為什麼全世界有 43% 的網站是使用 WordPress 架設?因為你不需要學會程式語言,就可以快速使用 WordPress 架站,你可以保有網站改版的彈性,不需要再擔心網站過幾年又需要找網頁設計公司重新設計新的版型。許多國際知名品牌都是使用 WordPress 架設,像是美國白宮網站微軟 Microsoft 都是使用 WordPress 架設。

我有一位客戶 Danny(化名)是一位電商賣家,他是使用傳統架設網站方式,架設購物網站;但 3 年後消費者需求改變,他開始需要更新網站版型設計、功能,網站更新費用報價達數十萬,最終他選擇 WordPress 架設網站,省去許多網頁設計成本,也保有網站改版的彈性。

WordPress 架站分為 WordPress.com、WordPress.org 這 2 種網站架設類型,雖然都是 WordPress,但 WordPress.org 可以申請網域、DNS、主機,你可以自由安裝WordPress外掛、佈景主題,擁有網站所有權

WordPress.com 屬於免費架設網站,類似痞客幫 PIXNET / Medium等部落格 Blog 平台,雖然不需要複雜的網站設定,但你仍會受到許多功能限制,需要更多功能就需要升級付費,甚至無法擁有自己的網域,需如果有一天 WordPress.com 停止營運,你的網站也很有可能跟著關閉

如果你是 WordPress 架設網站新手,本篇文章將帶著你一步一步學習架設網站、網域申請、設定 DNS、設定主機,快速架設屬於你的品牌網站。

 

WordPress 架設網站 4  大步驟

  1. 網域申請-Namecheap (申請門牌地址)
  2. 主機設定-Cloudways (租一塊地)
  3. DNS 代管-Cloudflare
  4. 網頁設計軟體 (蓋房子)

 

WordPress 網站架設教學系列

【 WordPress 架站教學1 】WordPress 是什麼?WordPress 架設網站 8 項入門教學完整介紹

【 WordPress 架站教學2 】如何用 WordPress 架設網站-網域申請 / DNS/ 主機-完整設定教學

WordPress 架站教學3 】WordPress 後台教學|WordPress 新手必知 10 大功能完整操作指南

【 WordPress 架站教學4 】Astra Theme 教學|網站架設新手必知 WordPress佈景主題

 

WordPress是什麼?

WordPress 是什麼?這是許多架設網站新手的常見問題,WordPress是全球最受歡迎的網頁設計平台/網站管理系統/開源軟體,根據網站研究機構W3Techs統計-全世界有43%的網站是使用WordPress架設的,所有人都可以免費透過WordPress架設網站,WordPress官方至仍持續更新架站系統功能。

WordPress提供許多網站外掛、佈景主題,協助品牌/電商/行銷人架設多種類型的網站- 如: 架設部落格Blog、品牌形象網站、電商購物網站、一頁式網站、活動網站、線上課程網站等等……,網站架設選擇自由多元。

即使是未學過網頁設計/程式語言的人,透過WordPress網站架設教學,也可以快速架設網站,擁有自媒體網站,你不需要再擔心 部落格/電商平台 出現問題,平台結束營運,讓原本苦心經營的帳號一夕之間消失,如同過去 無名小站 結束營運,原本的文章也跟著關閉。

WordPress能滿足你各種網頁設計需求,像是 電商購物網站,就可以使用WooCommerce這款WordPress網站外掛,使你的網站擁有購物車功能,以銷售你的產品/服務。

 

WordPress可以架設哪些網站?

  • 品牌形象網站
  • 電商購物網站
  • 部落格Blog
  • 展示履歷/作品集
  • 論壇
  • 社群平台網站
  • 會員網站
  • 線上課程網站
  • 自媒體網站
  • …更多你想得到的網站,都有機會透過WordPress架設完成

 

延伸閱讀:

EDM 行銷工具推薦
|Convertkit vs ActiveCampaign 哪一種適合你?Email 行銷 7 種功能完整比較

 

WordPress.org vs. WordPress.com比較,兩者有什麼不同?

大部分的WordPress網站都是使用WordPress.org架設網站,WordPress.org和WordPress.com雖然都是WordPress,但卻是不同的網站架設平台。

WordPress.org是開源的免費軟體CMS(內容管理系統),你可以使用WordPress的網站外掛、佈景主題,並擁有WordPress網站的所有權,屬於品牌/公司/自媒體的資產。

但使用WordPress.com架設網站,所有權並不屬於品牌/公司/自媒體、使用免費版WordPress.com也不會有自己的網域,因此如果WordPress.com停止營運,你的網站也很有可能跟著關閉。

此外,WordPress.com有許多限制,如果你想要使用其他功能,就必須付費升級,才能取得更多功能,如: 自訂網域/安裝部分外掛。因此,品牌/公司/自媒體如果要使用WordPress架設網站,推薦你使用WordPress.org,可以節省許多營運成本

 

WordPress架設網站基本名詞介紹

在開始使用WordPress架設網站前,我們需要先了解一些網站架設的基本名詞,協助我們更快上手WordPress架站。

接著,跟著我們的 WordPress架設網站教學 按照步驟進行- 網域申請、設定DNS、設定主機,你也可以完成WordPress網站架設。

 

IP 位址

IP位址 ( IP Address,完整名稱為Internet Protocol Address) 是每台電腦在網路上唯一的編號,IP位址類似電腦在網路上的身份證號碼,常見的IP位址為192.168.X.X。IP位址也稱為 網際協定位址、網際網路協定位址。

像是 Google 提供的 DNS服務 IP位址 為8.8.8.8、中華電信 提供的 DNS服務 IP位址168.95.1.1 等等……。

 

網域名稱 Domain Name

網域名稱 Domain Name,也稱為 網域/域名,所有網站都會有一組IP位址,使用者需要輸入IP位址找到對應的網站,因為IP位址是一串數字,為了方便使用者記憶,所以會透過網域名稱找到網站。

手機通訊錄裡的聯絡人名稱就像是 網域手機號碼就像是 IP位址。一組網域名稱Domain Name 會連到 一組IP位址。

 

頂級域名 TLD

頂級域名TLD (Top Level Domain),也稱為 頂級域/一級域,是網際網路中最高級的域名,像是 https://www.erianmarketing.com ,其中的 .com 就是頂級域名。

 

二級域名 SLD

頂級域名SLD (Second Level Domain),也稱為 二級域,是位於頂級域名之下的域名,像是 https://www.erianmarketing.com ,其中的 erianmarketing 就是二級域名。

 

子網域 Subdomain

子網域 Subdomain,也稱為 子域,是位於頂級域名之下的域名,如 https://www.shop.erianmarketing.comhttps://www.map.erianmarketing.com都是https://www.erianmarketing.com 的子網域。

 

子目錄 Subdirectory

子目錄 Subdirectory,也稱為 子資料夾,就是在網域名稱之下 開一個分層,如 https://www.erianmarketing.com/blog,其中的 /blog 就是子目錄。

 

通訊協定 HyperText Transfer Protocol

通訊協定 HyperText Transfer Protocol,也稱為 超文本傳輸協定,像是 https://www.erianmarketing.com ,其中的 http://https:// 就是通訊協定。

有安裝SSL憑證保護的網站會出現 https://,有助於提升網站的SEO排名;而沒有安裝SSL憑證保護的網站,則會被Google特別標註為不安全的網站,導致使用者產生瀏覽網站的疑慮。

 

網域名稱系統DNS

DNS就像是網際網路的電話簿,像是 使用者透過 erianmarketing.com 這組 網域名稱 Domain Name搜尋網站,DNS 會將 網域名稱Domain Name轉為IP位址,使瀏覽器可以載入網站資訊,也就是 網域名稱Domain Name → DNS → IP位址。

例如: 當你在主機輸入www.erianmarketing.com,瀏覽器會將 www.erianmarketing.com這組網域名稱Domain Name傳送給最近的DNS Server,找出對應的IP位址。

 

DNS主機記錄分為-A記錄/CNAME記錄

A記錄

當你架設網站後,主機商會提供你一組IP位址,設定A記錄後,你申請的網域名稱會對應到主機IP位址。

假設 網域名稱為 www.test.com,在A記錄中填入主機IP位址192.168.111.111 後,網域名稱 就會對應到 主機IP位址。

 

CNAME記錄

CNAME記錄就像是網站的小名/綽號,透過CNAME記錄,你可以將 網域名稱 對應到 另一個網域名稱/主機名稱,不需要為 另一個網域 再創 新的A記錄,協助我們更方便管理子網域。

假設 網域名稱為 www.test.com,另一個子網域 www.site.test.com 只要加上CNAME記錄,就會連到同一個網站,簡單來說,就是不論使用者輸入www.test.com www.site.test.com 都會進入同一個網站。

 

名稱伺服器Name Server

名稱伺服器 Name Server 是提供 網域 服務的一種程式 或 伺服器,像是 DNS就是一種名稱伺服器 Name Server。

本文介紹的Cloudflare 就是全球知名的DNS代管商,將網域的 名稱伺服器 Name Server設定到 Cloudflare,就可以透過Cloudflare的後台介面,快速管理DNS設定,以及DNS設定中的A記錄、CNAME記錄。

 

內容傳遞網路CDN

內容傳遞網路 CDN 是指分布在不同國家/地區的伺服器,會選擇最靠近使用者的伺服器 傳送 網頁/影片/圖片 等內容,提高網站載入效能/ 降低資源傳輸成本/ 改善站網站安全性/ 增加內容備用管道。

本文介紹的Cloudflare 也有提供CDN服務,消費者如果透過美國加州地區瀏覽台灣網站,內容傳遞網路 CDN就會透過離美國加州地區最近的伺服器傳輸網站內容,以提高網站載入速度/ 降低資源傳輸成本,更改善站網站安全性。

 

快取 Cache

是指 瀏覽器 會透過 快取 Cache 記錄網站資料,如果使用者瀏覽過你的網站後,第二次再進入你的網站,瀏覽器就會讀取 快取 Cache 記錄的檔案,以容量換取速度,加速你的網站載入時間/提升網站使用者體驗。

此外,有使用 快取 Cache 的網站可以 降低主機資源傳輸成本,流量越高的網站,越需要使用 快取 Cache 的功能。

 

延伸閱讀:

WordPress 架站教學1】WordPress 是什麼?WordPress 架設網站 8 項重點-入門教學完整介紹/使用評價

 

如何用WordPress架設網站?

架設WordPress網站你需要擁有- 網域名稱Domain Name、虛擬主機、架設網站軟體(如 WordPress),滿足這3項條件,才可以架設網站。

 

WordPress架設網站4大步驟

  1. 網域申請-Namecheap (申請門牌地址)
  2. 主機設定-Cloudways (租一塊地)
  3. DNS代管-Cloudflare
  4. 網頁設計軟體 (蓋房子)

網頁設計軟體我們可以透過WordPress完成,品牌/自媒體只需要購買 網域、虛擬主機,再完成DNS設定,就可以架設一個基本網站。

 

網域是什麼?

網域是網站的網址名稱,如erianmarketing.com就是本站的網域,網域就像是門牌地址,可以幫助客戶搜尋到你的網站。

 

網域與網址的不同

  • 網域- 像是一個地區/行政區,如com就是本站的網域
  • 網址- 地區/行政區內的門牌地址,如https://erianmarketing.com/what-is-wordpress 就是文章的網址

 

網域名稱 Domain Name 選擇/命名

網域名稱Domain Name可以透過像是Namecheap網域平台購買,網域名稱就像是地址門牌,代表著 品牌/公司 的企業形象,因此 品牌/電商/自媒體 通常會使用 品牌名稱 命名網域,加深消費者的品牌印象,更方便記憶。有些網站會選擇 網站主題 命名網域。

網域名稱 與 品牌名稱 同樣重要,品牌只要完成命名就會長久使用。品牌經營者可以預先思考 品牌名稱 對 品牌長期經營的影響,品牌名稱是給消費者的第一印象,好的品牌名稱會幫助你從眾多競爭者中脫穎而出。

品牌長期經營會累積 主要客群/網站流量/領域權威,因此極少會遇到品牌名稱修改的情況,除非遇到 公司併購/經營者替換/新股東投資/創新技術 等情況,才有可能會修改品牌名稱。

以下Erian整理出幾種 網域名稱選擇/命名 的方式,提供MIT台灣品牌參考。

 

網域名稱選擇/命名的6種方法:

1. 品牌名稱

越是國際知名的品牌,越適合使用品牌名稱作為網域命名。想要長期經營的品牌,也很適合使用有記憶點/簡單的品牌名稱。

【案例】 Nike – https://www.nike.com/

 

2. 主要產品

有些品牌會使用與主要熱銷產品相關的關鍵字作為網域名稱。

【案例】 博客來網路書店 – https://www.books.com.tw

 

3. 優先選擇 .com 的頂級域名TLD

使用 .com 作為頂級域名TLD,除了更方便消費者記憶,增加搜尋機率,更能加深品牌專業/權威印象。或是 依照產業類別選擇 .org , .net 這類型的頂級域名TLD

.guru , .cafe , .club 這類型的頂級域名TLD雖然價格較便宜,但消費者較難記憶,因此可以優先選擇 .com

 

常見的頂級域名TLD

.com一般公司/行號 常使用這類型的頂級域名TLD

.org – 需要為 財團法人 才可申請這類型的頂級域名TLD,像是 基金會等

.net – 網路電信業者常使用,像是 中華電信、遠傳電信等

.gov – 需要為 政府機構 才可以申請類型的頂級域名TLD,像是 經濟部等

.edu – 提供 一般學校機關/教育機構 使用,但非 補習班機構使用

.tw – 如果品牌目標受眾TA地區明確,可以使用具有地域性的頂級域名TLD,像是 .tw 台灣、.uk 英國、.jp日本等

 

4. 避免使用中文網域名稱

如果品牌網域名稱使用中文,網址會轉成數字/特殊符號,使消費者較難記憶,同時Google演算法也會認定網域名稱過長,導致網站SEO排名受到影響。

 

5. 網域名稱避免使用特殊符號/數字

使用特殊符號/數字容易造成消費者搜尋網站時輸入成錯誤的網址,像是 www.site-test.com , www.sitetest8.com 都應避免使用。

如果品牌名稱本身就是以數字/特殊符號命名,就可以使用這類型的網域名稱。

【案例】 7-ELEVEN – https://www.7-11.com.tw

 

6. 使用簡短好記的二級域名SLD

通常二級域名SLD長度會控制在12個英文字母以內,除非是知名品牌才有可能使用 像是 http://www.paris-paris-paris.com 這類型的二級域名SLD。

 

基本上像 NamecheapGoDaddy等網域註冊商,都可以查詢你想使用的網域名稱 Domain Name是否已被其他品牌註冊,或是使用Domain Wheel,你只要輸入品牌名稱/產品關鍵字,就會出現尚未註冊的網域名稱提供你選擇。

在決定好網站要使用的網域名稱後,就可以向Namecheap、GoDaddy 等網域註冊商購買網域。WordPress新手可以選擇價格親民的Namecheap,續約費用會比其他網域平台便宜。

網域、主機分開買的價格會相對比較便宜,你只需要完成DNS指向設定,就可以開始進行網站營運。

開始申請 Namecheap 網域

 

主機是什麼?

購買主機就像租一塊地,透過WordPress這款網頁設計工具蓋起房屋,只要瀏覽者輸入你的網站網址,就會連線到購買的主機位置,由主機提供網站的資料。

主機分為4種類型- 像是 共享主機Share Hosting、虛擬專屬主機VPS、雲端主機Cloud Hosting、專屬主機Dedicated Hosting等,以下我們將分別介紹這4種主機的優點、缺點,提供品牌/自媒體/電商行銷人參考:

 

共享主機Share Hosting

許多網站共享一台電腦的伺服器空間,因此跟你一起共享的網站越多,你所能分配到的資源就變少,並降低網站的運行速度。

簡單來說,它就像住在出租的公寓中,裡面的淋浴間、健身房都需要與他人共用。

  • 優點: 價格相對便宜
  • 缺點: 你的網站會和其他網站共享資源,影響網站運行速度
  • 知名共享主機有: Bluehost

 

虛擬專屬主機VPS

將一個伺服器的空間分成不同的單位,每位使用者將分配到一定的資源,不會受到其他使用者的影響。

簡單來說,它就像在某社區買了一整棟房子,所有資源都可以自行使用。

  • 優點: 價格不會太高、網站運作不受他人影響
  • 缺點: 使用虛擬專屬主機VPS需要會Linux,知識技術要求較高

(WordPress新手可選擇Cloudways主機幫助你省去VPS主機複雜的設定)

 

  • 知名虛擬專屬主機VPS:  LinodeVultr、DigitalOcean

(WordPress新手想使用這些VPS主機,但不會設定的話,推薦你使用Cloudways主機,協助你節省學習/複雜設定時間成本)

 

給WordPress新手的補充資訊:

有一個非常適合新手使用的主機服務商Cloudways,他們的線上客服24小時全年無休,而且擁有程式專業,可以協助你完成VPS主機複雜的設定,不需要學會Linux,也可以架設WordPress網站

免費試用 Cloudways

 

雲端主機Cloud Hosting

雲端主機是將網站資源放在網路上,而不是放在一個伺服器中,網站運行速度會快上許多。

 

  • 優點: 網站運行速度快、使用多少資源就花費多少費用
  • 缺點: 技術知識要求比虛擬專屬主機VPS更高,價格變動性大,較難控管預算
  • 知名的雲端主機:  Google Cloud Platform、AWS亞馬遜

(WordPress新手想使用這些雲端主機,但不會設定的話,推薦你使用Cloudways,協助你節省學習/複雜設定時間成本)

免費試用 Cloudways

 

實體主機Dedicated Server

專屬主機(又稱 獨立主機) 就是一台真實的伺服器,適合跨國知名品牌、大型企業使用,成本是所有主機類型中最高的。

  • 優點: 網站運行速度快、可由公司內部MIS定期維護主機,方便/自主性高
  • 缺點: 架設費用高是所有主機類型中最高的、停電時主機將無法運作

 

延伸閱讀:

Cloudways 主機評價|WordPress 架設網站新手 VPS 主機推薦-9 大功能評價

Cloudways教學|用 CP 值最高主機架設 WordPress 網站

 

WordPress網站架設需要多少費用?

在了解WordPress網站架構後,我們在下方整體出WordPress新手架設網站需要多少費用:

 

WordPress網站架設費用

  • 網域價格– 依照網域名稱不同,會有不同的價格,通常網域價格會介於 $200-300元 新台幣/年,除非品牌申請較貴的網域名稱
  • 主機價格– 如果是WordPress新手架設網站,主機容量不需要選擇太大的,主機價格大約為 $3,000-4,000元 新台幣/年,如果是高流量 電商/線上課程網站,主機價格會較高。
  • CMS內容管理系統 及 WordPress外掛價格– 依照品牌/電商/自媒體本身需求而定,如果是Blog部落格網站,很少需要過高花費;若是 電商/線上課程網站,則依網站經營情況,可以隨時調整預算。

 

如果品牌/自媒體 目前只會使用到WordPress基本功能、Blog部落格功能,WordPress網站架設費用大約為 $4,000元 新台幣/年 左右,品牌/電商/自媒體可以擁有網站所有權

雖然使用痞客邦PIXNET / Medium等部落格平台不需要支付任何費用,但如果這些Blog部落格平台停止經營,你的Blog部落格長期經營的內容也很有可能跟著永久關閉

 

網域申請Domain Name教學

跟著我們的 WordPress架設網站教學 按照步驟進行- 網域申請-Namecheap、設定DNS-Cloudflare、設定主機-Cloudways,你也可以完成WordPress網站架設。

 

step 1

進入Namecheap後,在搜尋欄中輸入網域名稱,點擊 Search 搜尋 網域名稱 是否已經被其他品牌註冊

進入Namecheap後,在搜尋欄中輸入網域名稱,點擊 Search 搜尋 網域名稱 是否已經被其他品牌註冊
進入Namecheap後,在搜尋欄中輸入網域名稱,點擊 Search 搜尋 網域名稱 是否已經被其他品牌註冊

step 2

最上方會顯示你輸入的網域名稱是否已被申請

→ 若呈現綠色表示可以申請網域名稱,點選 Add to cart 加入購物車,再點擊 Checkout 結帳

  • 如果網域名稱已被申請會呈現灰色,就需要換另一個名稱申請
  • 如果網域名稱未被申請會呈現綠色,就代表可以進行網域申請

→ 以下圖網域名稱為例,第一年為 $8.98元美金,第二年開始續約為 $13.98元/年,網域價格會隨著網域名稱略有不同。

→ 此外,網域名稱會包含一筆小額的ICANN fee手續費

最上方會顯示你輸入的網域名稱是否已被申請,若呈現綠色表示可以申請網域名稱,點選 Add to cart 加入購物車,再點擊 Checkout 結帳
最上方會顯示你輸入的網域名稱是否已被申請,若呈現綠色表示可以申請網域名稱,點選 Add to cart 加入購物車,再點擊 Checkout 結帳

 

step 3

網域名稱可以選擇購買1年- 10年,我們可以先購買1年,並開啟自動續約功能

→ 避免未來網站仍在營運,網域名稱來不及續約的情況,確認網域名稱後,點擊 Confirm Order 確認訂單

→ Domain Privacy網域隱私會保護你的個人資料,屬於免費服務,也會自動續約

→ 下方會出現加購功能,可以暫時先略過,僅購買網域名稱即可

網域名稱我們可以先購買1年,並開啟自動續約功能
網域名稱我們可以先購買1年,並開啟自動續約功能

 

step 4

你可以在右側創建新帳號,並填入帳號的「英文基本資料

→ 點擊 Create Account and Continue 創建帳號並繼續

→ 如果你已經有Namecheap的帳號,可以在左側點擊 Sign in and Continue 登入並繼續

你可以在右側創建新帳號,並填入帳號的英文基本資料,點擊 Create Account and Continue 創建帳號並繼續
你可以在右側創建新帳號,並填入帳號的英文基本資料,點擊 Create Account and Continue 創建帳號並繼續

 

step 5

接著,你需要填入帳號的英文基本資料,英文地址可以透過中華郵政的中文地址英譯查詢

填寫完英文基本資料後,點擊 Continue 繼續

  • 如果是使用個人用戶,Last Name 姓氏下方的 I’m registering on behalf of a company要取消勾選
  • 如果是品牌/公司/企業帳戶,Last Name 姓氏下方I’m registering on behalf of a company可以選擇勾選
你需要填入帳號的英文基本資料,英文地址可以透過中華郵政的中文地址英譯查詢,填寫完英文基本資料後,點擊 Continue 繼續
你需要填入帳號的英文基本資料,英文地址可以透過中華郵政的中文地址英譯查詢,填寫完英文基本資料後,點擊 Continue 繼續

step 6

選擇付款方式

目前Namecheap可以選擇的付款方式為信用卡/ Paypal / 儲值帳戶資金扣款

→ 確認帳單地址/聯絡資訊沒問題後,點擊 Continue 繼續

選擇付款方式,目前Namecheap可以選擇的付款方式為信用卡/ Paypal / 儲值帳戶資金扣款,確認帳單地址/帳戶資訊沒問題後,點擊 Continue 繼續
選擇付款方式,目前Namecheap可以選擇的付款方式為信用卡/ Paypal / 儲值帳戶資金扣款,確認帳單地址/帳戶資訊沒問題後,點擊 Continue 繼續

 

step 7

購買完成後,你會在註冊的信箱中收到Namecheap的驗證信件

  • 一定要記得點選下方 Click here to verify your email address 驗證你的信箱,如果沒有驗證完成,Namecheap可能會沒收網域!
  • Namecheap的驗證信件的標題為「IMMEDIATE VERIFICATION required for your domain(s)」
購買完成後,你會在註冊的信箱中收到Namecheap的驗證信件,一定要記得點選下方 Click here to verify your email address 驗證你的信箱,如果沒有驗證完成,Namecheap可能會沒收網域!
購買完成後,你會在註冊的信箱中收到Namecheap的驗證信件,一定要記得點選下方 Click here to verify your email address 驗證你的信箱,如果沒有驗證完成,Namecheap可能會沒收網域!

 

step 8

登入Namecheap後,帳號後台中

→ 點擊 Domain List 網域列表,確認Status 網域狀態是否為 ACTIVE 啟用,如果有啟用就代表網域申請成功

登入Namecheap後,帳號後台中 點擊 Domain List 網域列表,確認Status 網域狀態是否為 ACTIVE 啟用,如果有啟用就代表網域申請成功
登入Namecheap後,帳號後台中 點擊 Domain List 網域列表,確認Status 網域狀態是否為 ACTIVE 啟用,如果有啟用就代表網域申請成功

你的網域已經完成購買申請,接著以下Erian會帶著大家進行Cloudways主機設定教學。

開始申請 Namecheap 網域

 

主機設定教學 Cloudways

接著,我們開始Cloudways的主機設定,Cloudways主機是非常適合新手使用的主機服務商,我的客戶的網站都是使用Cloudways主機,因為Cloudways的線上客服24小時全年無休/擁有程式專業,可以協助你完成VPS主機複雜的設定,不需要學會Linux,也可以架設WordPress網站

此外,Cloudways主機網站運行快速、穩定,如果想了解Cloudways主機有哪些優點/缺點,可以參考這篇文章《Cloudways主機評價-WordPress架設網站VPS主機推薦-適合新手快速架站-9大功能評價》。

免費試用 Cloudways

 

step 1

進入Cloudways官網,點擊綠色按鈕 Get Started Free 開始免費試用

進入Cloudways官網,點擊綠色按鈕 Get Started Free 開始免費試用
進入Cloudways官網,點擊綠色按鈕 Get Started Free 開始免費試用

step 2

開始註冊Cloudways主機,你需要填寫姓名/註冊信箱/密碼等基本資料

→ 最後勾選同意服務條款,點擊 Start Free 開始免費試用

→ 不論你的產業類型,只要選擇Ecommerce,以及 $0-$50 即可快速完成驗證

→ 記得在Promo Code折扣碼的位置輸入 ERIANPROMO,即可享有 前3個月主機費 8折的獨家優惠

領取 Cloudways 優惠

開始註冊Cloudways,你需要填寫姓名/註冊信箱/密碼等基本資料,最後勾選同意服務條款,點擊 Start Free 開始免費試用
開始註冊Cloudways主機,你需要填寫姓名/註冊信箱/密碼等基本資料,最後勾選同意服務條款,點擊 Start Free 開始免費試用

step 3

剛註冊完Cloudways帳號後,有時會出現隨機驗證

→ 只要跟著步驟完成驗證後,點擊綠色按鈕 Launch 啟用主機

剛註冊完Cloudways帳號後,有時會出現隨機驗證,只要跟著步驟完成驗證後,點擊綠色按鈕 Launch 啟用主機
剛註冊完Cloudways帳號後,有時會出現隨機驗證,只要跟著步驟完成驗證後,點擊綠色按鈕 Launch 啟用主機

step 4

接著,Cloudways會自動進入設定主機/伺服器的頁面

  1. 首先,左上角的WordPress版本 選擇最新版本
  2. 接下來,App / Server / Project的名稱都可以自由設定,這些名稱只有自己看得到,方便你後續設定辨認
  3. 接著,品牌/自媒體可以選擇知名主機 Linode,因為Linode主機的穩定度/價格/規格都適合新手使用,Server Size可以改成2GB網站速度會更穩定
  4. 如果是品牌/電商流量較高,可以選擇Amazon亞馬遜雲端主機/ Google Cloud,網站速度將更穩定
  5. 最下方的LOCATION 可以選擇離台灣比較近的 Tokyo 日本東京,網站速度會較快,接著 點擊右下角的 Launch Now 就會開始啟用主機
接著,Cloudways會自動進入設定主機/伺服器的頁面,點擊右下角的 Launch Now 就會開始啟用主機
接著,Cloudways會自動進入設定主機/伺服器的頁面,點擊右下角的 Launch Now 就會開始啟用主機

step 5

主機/伺服器安裝時,會出現以下畫面

→  主機狀態會顯示紅燈,你可以在等待時間觀看Cloudways主機影片介紹

主機/伺服器安裝時,會出現以下畫面,主機狀態會顯示紅燈,你可以在等待時間觀看Cloudways影片介紹
主機/伺服器安裝時,會出現以下畫面,主機狀態會顯示紅燈,你可以在等待時間觀看Cloudways主機影片介紹

→ 當主機/伺服器安裝完成後,主機狀態會顯示綠燈,點擊 主機名稱 進入後台設定

當Cloudways主機/伺服器安裝完成後,主機狀態會顯示綠燈,點擊 主機名稱 進入後台設定
當Cloudways主機/伺服器安裝完成後,主機狀態會顯示綠燈,點擊 主機名稱 進入後台設定

step 6

點擊 主機/伺服器名稱後,點選 SETTINGS & PACKAGES

→ 點擊 BASIC

→ 點擊 PHP TIMEZONE 選擇 (GMT+08:00) Taipei

→ 點擊 綠色按鈕 SAVE CHANGES 儲存設定

點擊 主機/伺服器名稱後,點選 SETTINGS & PACKAGES
點擊 主機/伺服器名稱後,點選 SETTINGS & PACKAGES

step 7

接著點擊 SETTINGS & PACKAGES 中的 ADVANCED

MYSQLTIMEZONE位置 選擇 (GMT+08:00) Taipei

ENCODING 的位置 選擇 UTF-8 Unicode

接著點擊 SETTINGS & PACKAGES 中的 ADVANCED
接著點擊 SETTINGS & PACKAGES 中的 ADVANCED

→ 畫面移到最下方 DEFAULT APPLICATION 的位置 選擇 剛剛設定的主機/伺服器名稱 App

→ 在 WAF MODULE 的位置 選擇 Cloudflare

→ 在 LOCALES 的位置 選擇 Chinese (Taiwan)

→ 點擊 綠色按鈕 SAVE CHANGES 儲存設定

畫面移到最下方 DEFAULT APPLICATION 的位置 選擇 剛剛設定的主機/伺服器名稱 App
畫面移到最下方 DEFAULT APPLICATION 的位置 選擇 剛剛設定的主機/伺服器名稱 App

step 8

接著點擊 SETTINGS & PACKAGES 中的 PACKAGES

PHP版本 的位置 選擇 最新的版本 (我們的網站架設時為PHP 8.0版本)

MySQL 的位置 選擇 最新的版本 (我們的網站架設時為MariaDB 10.4)

→ 切換版本後,主機/伺服器需要一點時間安裝,我們可以稍等一下

接著點擊 SETTINGS & PACKAGES 中的 PACKAGES
接著點擊 SETTINGS & PACKAGES 中的 PACKAGES

step 9

主機/伺服器切換成最新版本後,點擊 右上角的 www

→ 點擊 剛剛設定的主機/伺服器名稱 App

主機/伺服器切換成最新版本後,點擊 右上角的 www
主機/伺服器切換成最新版本後,點擊 右上角的 www

step 10

點選左側的 ACCESS DETAILS,點擊 ADMIN PANEL 的 URL就會出現WordPress登入頁面網址

點選左側的 ACCESS DETAILS,點擊 ADMIN PANEL 的 URL就會出現WordPress登入頁面網址
點選左側的 ACCESS DETAILS,點擊 ADMIN PANEL 的 URL就會出現WordPress登入頁面網址

→ 我們可以暫時透過預設的 Username 使用者名稱/ Password 密碼 登入

→ 目前你登入的是Cloudways主機預設的網站,而非你申請的網域名稱,接下來我們會帶著大家連接 網域名稱 與 主機

→ 我們先登入WordPress後台,進行基本的設定

我們可以暫時透過預設的 Username 使用者名稱/ Password 密碼 登入WordPress後台設定
我們可以暫時透過預設的 Username 使用者名稱/ Password 密碼 登入WordPress後台設定

step 11

登入WordPress後台後,點擊 Setting 設定

→ 點擊 General

登入WordPress後台後,點擊 Setting 設定 → 點擊 General 一般
登入WordPress後台後,點擊 Setting 設定 → 點擊 General 一般

step 12

進入WordPress後台設定位置

→ 在 Site Language 網站介面語言 的位置

→ 選擇 繁體中文

→ 在 Time zone 時區的位置 → 選擇 UTC+8

進入WordPress後台設定位置,在 Site Language 網站語言 的位置 → 選擇 繁體中文
進入WordPress後台設定位置,在 Site Language 網站語言 的位置 → 選擇 繁體中文

step 13

為了方便之後登入WordPress後台,你可以 點選 後台中的 使用者 ,重新設定登入的密碼

→ 點擊 個人資料

→ 點擊 設定新密碼 開始設定未來登入WordPress後台的密碼

為了方便之後登入WordPress後台,你可以 點選 後台中的 使用者 ,重新設定登入的密碼
為了方便之後登入WordPress後台,你可以 點選 後台中的 使用者 ,重新設定登入的密碼

step 14

接著,最重要的部份

就是 要在Cloudways主機的3天試用期結束前,綁定信用卡,避免剛剛設定好的網站被官方移除!

→ 點選 右上方的人物頭像

→ 點擊 ACCOUNT 帳號

→ 點擊 CREDIT CARD 信用卡 開始綁定信用卡帳號

→ 完成Cloudways主機設定

接著,最重要的部份就是 要在Cloudways的3天試用期結束前,綁定信用卡,避免剛剛設定好的網站被官方移除!
接著,最重要的部份就是 要在Cloudways的3天試用期結束前,綁定信用卡,避免剛剛設定好的網站被官方移除!

 

 

 

Cloudways主機的整體評價

過去我曾協助客戶使用Bluehost,但我們後來發現網站流量超過5萬以上時,速度明顯慢上許多,因此將網站改為Cloudways的VPS主機服務,網站速度明顯順暢許多!

目前我架設的網站也是使用Cloudways的VPS主機,雖然價格比虛擬共享主機Shared Hosting高一些,但Cloudways的客服水準、主機品質、網站速度改善,都有大幅的提升。

 

Cloudways主機缺點

  • 主機費用較高
  • 未提供虛擬共享主機cPanel後台

 

Cloudways主機優點

  • 提供3天免費試用
  • 可以選擇5大知名VPS主機商(如 Google Cloud/Amazon亞馬遜)
  • 24小時全年無休-線上客服會程式專業,快速解決你的問題
  • 一鍵即可安裝WordPress架站系統
  • 提供免費SSL安全憑證
  • 提供免費CDN服務
  • SSD固態硬碟
  • 網站自動備份
  • 搬家外掛簡單好上手
  • 網站可隨時升級VPS主機方案

 

Cloudways主機整體評價

我與客戶目前都是使用Cloudways主機,相比虛擬共享主機Bluehost網站速度明顯快上許多,Cloudways客服全年無休,可以即時解決許多網站大小問題。

Cloudways主機也能協助你減少許多VPS主機設定/維護的時間成本,並提供免費搬家/SSL證書/強化網站資安等服務,因此非常推薦品牌/電商網站使用Cloudways的VPS主機代管服務。

推薦指數 ★★★★☆ 4.9/5

免費試用 Cloudways

 

DNS設定教學

DNS部分我們可以選擇全球知名的DNS代管商Cloudflare,以下我們列出Cloudflare的幾項優點。

 

Cloudflare優點

  1. Cloudflare提供免費方案
  2. 提供快取Cache功能
  3. 可以對抗DDOS攻擊/分散式阻斷服務攻擊 (Distributed Denial-of-service Attack)
  4. 提供品牌網站很多資安防護服務
  5. DNS設定可以立即更新,不需要過長的等待時間

 

接下來我們會帶著大家透過Cloudflare 連接 網域Namecheap 與 主機Cloudways。

 

step 1

進入Cloudflare官網,點擊 右上角的 註冊

Cloudflare是全球知名的DNS代管商,它可以安全連結你的網域 與 主機,使用基本功能不需要額外付費,Cloudflare同時提供許多資安防護服務

進入Cloudflare官網,點擊 右上角的 註冊
進入Cloudflare官網,點擊 右上角的 註冊

step 2

輸入Cloudflare登入的 Email信箱/帳號密碼,Namecheap , Cloudways , Cloudflare可以設定相同的密碼,避免遺失,接著 點選 建立帳號

(建議設定強度比較高的密碼)

輸入Cloudflare登入的 Email信箱/帳號密碼,Namecheap , Cloudways , Cloudflare可以設定相同的密碼,避免遺失,接著 點選 建立帳號
輸入Cloudflare登入的 Email信箱/帳號密碼,Namecheap , Cloudways , Cloudflare可以設定相同的密碼,避免遺失,接著 點選 建立帳號

step 3

將剛剛從Namecheap申請的網域名稱輸入後,點擊 新增網站

將剛剛從Namecheap申請的網域名稱輸入後,點擊 新增網站
將剛剛從Namecheap申請的網域名稱輸入後,點擊 新增網站

step 4

選擇 免費方案,並點擊 繼續

選擇 免費方案,並點擊 繼續
選擇 免費方案,並點擊 繼續

step 5

接著,我們可以到Email信箱中,驗證Cloudflare官方寄出的驗證連結

接著,我們可以到Email信箱中,驗證Cloudflare官方寄出的驗證連結
接著,我們可以到Email信箱中,驗證Cloudflare官方寄出的驗證連結

step 6

登入Cloudways帳號,點擊 右上角的 www

→ 點擊 剛剛設定的主機/伺服器名稱 App

→ 在 Application Management 的位置 點擊 ACCESS DETAILS

→ 複製 Public IP

登入Cloudways帳號,複製Public IP
登入Cloudways帳號,複製Public IP

step 7

再進入Cloudflare的後台,選擇網站

→ 點擊 左邊的DNS

A記錄 的 Value 換成剛剛複製的 Public IP

CNAME記錄 www 後方的 Value 修改成剛剛在Namecheap申請的網域

進入Cloudflare的後台,選擇網站 → 點擊 左邊的DNS
進入Cloudflare的後台,選擇網站 → 點擊 左邊的DNS

step 8

接著在剛剛設定A記錄、CNAME記錄的位置下方會出現2組Nameserver (NS),我們先停留在這個畫面,並登入Namecheap

接著在剛剛設定A記錄、CNAME記錄的位置下方會出現2組Nameserver (NS),我們先停留在這個畫面,並登入Namecheap
接著在剛剛設定A記錄、CNAME記錄的位置下方會出現2組Nameserver (NS),我們先停留在這個畫面,並登入Namecheap

step 9

再登入Namecheap的後台,點擊 Domain List

→ 點選 網域右邊MANAGE 管理網域

再登入Namecheap的後台,點擊 Domain List
再登入Namecheap的後台,點擊 Domain List

step 10

NAMESERVERS 的位置,有一個下拉選單,選擇 Custom DNS

→ 將剛剛 Cloudflare提供的2組Nameserver (NS) 依序複製到 Nameserver 1Nameserver 2

→ 接著,右上角會出現打勾符號,你可以點擊 打勾儲存

在 NAMESERVERS 的位置,有一個下拉選單,選擇 Custom DNS
在 NAMESERVERS 的位置,有一個下拉選單,選擇 Custom DNS

step 11

回到Cloudflare 提供的2組Nameserver (NS) 的位置,點擊 完成

→ 接著,Nameserver會開始轉換,時間大約為1小時-24小時左右

→ 我們可以在Nameserver轉換的過程中,先完成以下步驟

回到Cloudflare 提供的2組Nameserver (NS) 的位置,點擊 完成
回到Cloudflare 提供的2組Nameserver (NS) 的位置,點擊 完成

step 12

回到CloudwaysApplication Management 的位置

→ 點選 DOMAIN MANAGEMENT

→ 在 PRIMARY DOMAIN 的位置 輸入你在Namecheap申請的網域名稱

→ 假設你申請的網域為 www.sitetest.com 則 PRIMARY DOMAIN 的位置可以輸入 sitetest.com 即可

回到Cloudways的Application Management 的位置,在 PRIMARY DOMAIN 的位置 輸入你在Namecheap申請的網域名稱
回到Cloudways的Application Management 的位置,在 PRIMARY DOMAIN 的位置 輸入你在Namecheap申請的網域名稱

step 13

同樣在CloudwaysApplication Management 的位置

→ 點選 SSL Certificate 輸入 Email Address 電子郵件信箱、Domain Name 網域名稱

→ 如果不確定你的網域名稱前方是否有 www,可以按 ADD DOMAIN 把 2種網域都輸入在 Domain Name 的位置

→ 依照上方的舉例,你可以將2種網域www.sitetest.comsitetest.com都填入Domain Name

同樣在Cloudways的Application Management 的位置,點選 SSL Certificate 輸入 Email Address 電子郵件信箱、Domain Name 網域名稱
同樣在Cloudways的Application Management 的位置,點選 SSL Certificate 輸入 Email Address 電子郵件信箱、Domain Name 網域名稱

step 14

大約過了1小時-24小時,你可以在瀏覽器輸入你在Namecheap申請的網域名稱,看看網站是否連上線

→ 如果無法連上網站,則表示網站尚未轉換完成;如果可以,表示網站已經可以連上Cloudways的主機

→ 一開始看到的網站會是預設的外觀,你可以透過佈景主題外掛中的模板修改網站外觀 (裝潢房子內部)

 

如果你想了解更多關於 Astra Theme佈景主題的使用教學,歡迎點擊這篇文章《Astra Theme教學》。

Astra佈景主題外掛
Astra佈景主題外掛

 

延伸閱讀:

【 WordPress 架站教學4 】Astra Theme教學|網站架設新手必知 WordPress 佈景主題

 

step 15

回到Cloudflare 完成網站安全憑證SSL/TLS設定

→ 點擊 左側的 SSL/TLS

→ 選擇 選項中最下方的 完整 (嚴格)

回到Cloudflare 完成網站安全憑證SSL/TLS設定
回到Cloudflare 完成網站安全憑證SSL/TLS設定

step 16

回到Cloudways 點選 左上角的Servers,選擇你的主機,確認SSL安全憑證是否有完成設定

→ 點擊 SETTINGS & PACKAGES 中的 ADVANCED

回到Cloudways 點選 左上角的Servers,選擇你的主機,確認SSL安全憑證是否有完成設定
回到Cloudways 點選 左上角的Servers,選擇你的主機,確認SSL安全憑證是否有完成設定

→ 在 WAF MODULE 的位置 再次確認是否選擇 Cloudflare

→ 點擊 綠色按鈕 SAVE CHANGES 儲存設定

在 WAF MODULE 的位置 再次確認是否選擇 Cloudflare
在 WAF MODULE 的位置 再次確認是否選擇 Cloudflare

step 17

在瀏覽器中輸入你在Namecheap申請的網域名稱,確認網域是否有出現https鎖頭 圖案,如果有 表示SSL安全憑證已完成設定

→ 你的WordPress網站已架設完成!

(有安裝SSL安全憑證的網站,更有機會提升SEO排名)

在瀏覽器中輸入你在Namecheap申請的網域名稱,確認網域是否有出現https 及 鎖頭 圖案,如果有 表示SSL安全憑證已完成設定
在瀏覽器中輸入你在Namecheap申請的網域名稱,確認網域是否有出現https 及 鎖頭 圖案,如果有 表示SSL安全憑證已完成設定

我與客戶都是使用Astra佈景主題外掛,你只需要選擇適合自身品牌網站的模板,就可以架設精美的網站外觀,如 部落格Blog、電商網站、企業形象網站、線上課程網站等。

 

 WordPress架站教學3 】WordPress後台教學|WordPress新手必知10大功能完整操作指南

【 WordPress架站教學4 】Astra Theme教學|網站架設新手必知WordPress佈景主題

 

WordPress架設網站常見問題

 

不熟悉網頁設計可以用WordPress架站嗎?

WordPress.org是開源的免費軟體CMS (內容管理系統),WordPress架站新手不需要寫程式就可以架設網站,你可以依照以上WordPress網站架設教學的步驟,再安裝需要的外掛功能,逐步完成品牌網站架設。

如果你本身就會程式語言/網頁設計,你可以再根據 品牌/自媒體 需求,調整網站的客製化外觀,即使不會程式語言/網頁設計,你也可以透過WordPress.org提供的外掛完成品牌網站架設需求。

 

WordPress架設網站需要費用嗎?

  • 網域價格-依照網域名稱不同,會有不同的價格,通常網域價格會介於 $200-300元 新台幣/年,除非品牌申請較貴的網域名稱
  • 主機價格– 如果是WordPress新手架設網站,主機容量不需要選擇太大的,主機價格大約為 $3,000-4,000元 新台幣/年,如果是高流量 電商/線上課程網站,主機價格會較高。
  • CMS內容管理系統 及 WordPress外掛價格– 依照品牌/電商/自媒體本身需求而定,如果是Blog部落格網站,很少需要過高花費;若是 電商/線上課程網站,則依網站經營情況,可以隨時調整預算。

 

如果品牌/自媒體 目前只會使用到WordPress基本功能、Blog部落格功能,WordPress網站架設費用大約為 $4,000元 新台幣/年 左右,品牌/電商/自媒體可以擁有網站所有權

雖然使用 痞客邦PIXNET / Medium等部落格平台不需要支付任何費用,但如果這些Blog部落格平台停止經營,你的Blog部落格長期經營的內容也很有可能跟著永久關閉

 

網域申請 Namecheap,還是 GoDaddy ?

你可以選擇 Namecheap,因為 Namecheap續約價格比較低、較少廣告信,而 GoDaddy 續約價格較高。

此外,Namecheap管理超過1000萬以上的網域,主要客群來自世界各地的品牌,網域服務經驗相當豐富。

 

我已經購買主機了,網站可以搬家更換主機嗎?

如果目前網站載入速度、使用上沒有什麼問題,你可以繼續使用原本的主機商服務;但是,如果你發現主機常常有問題、又找不到客服人員,建議可以換成Cloudways主機,因為他們客服人員擁有程式專業,可以免費協助你完成搬家服務。

 

網站進不去該怎麼辦?

你可以聯繫Cloudways的客服人員,用英文說明你遇到的問題,大部分的情況Cloudways的客服人員都可以免費協助你WordPress網站架設遇到的問題。

免費試用 Cloudways

 

 

結論

跟著本篇文章中的WordPress架設網站教學、WordPress架設網站基本名詞介紹,品牌/電商/自媒體也可以架設適合自身品牌的網站。

如果你想試用Cloudways主機,可以參考以下的優惠方案。

 

Cloudways主機獨家優惠

  • 優惠活動: 前 3 個月享 8 折
  • 優惠碼: ERIANPROMO(註冊時輸入)

領取 Cloudways 優惠

 

Cloudways優惠方案-前2個月 享8折優惠- 輸入折扣碼ERIANPROMO
Cloudways 主機優惠-輸入折扣碼 ERIANPROMO

 

WordPress 網站架設教學系列

【 WordPress 架站教學1 】WordPress 是什麼?WordPress 架設網站 8 項入門教學完整介紹

【 WordPress 架站教學2 】如何用 WordPress 架設網站-網域申請 / DNS/ 主機-完整設定教學

WordPress 架站教學3 】WordPress 後台教學|WordPress 新手必知 10 大功能完整操作指南

【 WordPress 架站教學4 】Astra Theme 教學|網站架設新手必知 WordPress佈景主題


大家好,我是 Erian

在這裡我們將提供許多數位行銷、電商經營、創業職涯、實用軟體推薦、WordPress 教學等相關主題,協助 MIT 台灣企業打造知名品牌!

我們提供部落格 SEO 顧問文案撰寫顧問服務,想了解更多 Erian 創立網站的故事嗎?

查看影響立-Erian 的起源

如果你喜歡我的文章,歡迎你按讚、追蹤、分享影響立的 Facebook 粉絲專頁 行銷電商教學 Instagram 行銷電商懶人包,隨時收到第一手資訊,歡迎在文章下方留言分享。

【現任】


【曾任】
  • ViewEC 視宇 行銷部經理 / Wiser 秩宇
  • 曾任職知名連鎖零售通路,帶領團隊屢創公司業績、知名媒體採訪(非付費採訪)
擁有 9 年行銷、電商營運經驗,曾從零打造近 10 萬人社群。

【曾合作知名品牌】
Amazon 亞馬遜、Rakuten 樂天、蝦皮大學 Shopee、國際知名物流 DHL、華碩 ASUS、三立新聞、ET Today、Marie Claire 美麗佳人雜誌、美國探索頻道 Discovery、日本角川-Taipei Walker、MOMO 摩天商城、台新銀行等。

【行銷宗旨】
自身成為消費者體驗產品,必能創造亮點行銷。

【企業使命】
協助 MIT 台灣企業打造知名品牌!

影響立 Facebook 粉絲專頁 行銷電商教學】

Instagram 行銷電商懶人包】

影響立 Medium 部落格

【合作可洽 [email protected]

文章引用請來信索取授權,否則將保留法律追訴權。

發表迴響

error: Content is protected !!