Cloudways教學 :使用 VPS 主機,架設 WordPress 網站

0
19
Cloudways教學 :使用 VPS 主機,架設 WordPress 網站
Cloudways教學 :使用 VPS 主機,架設 WordPress 網站

這是一篇完整的「 Cloudways教學 」,它是推薦的優質虛擬主機公司。

你想把網站從過去的慢主機,搬家至高速的 VPS 主機(像是 Cloudways)。

還是想架設購物網站,但擔心主機無法負荷網站流量,於是找到了 Cloudways?或是你沒任何架站經驗,剛好看到這篇「 Cloudways 教學 」文章?

不管你是哪種情況,Cloudways 主機是個高評價的 VPS 主機,它適用於任何情況。

這篇教學會帶你用 Cloudways 主機,完成一個網站建置流程,如下。

準備好了嗎?我們開始吧:)


1. 如何自架網站?

架設網站 3 要素
1. 網域申請
(申請門牌)
2. 主機租用
(租一塊地)
3. 網頁設計
(搭建房子)

網站能正常運作,就需有「 個人網域 」+「 虛擬主機 」,這是基本配備。

這也是每個網站主都需負擔的小投資,沒有例外。

差別是,跟著我的架站教學,你可用最少的預算,建置你的網站:)

網域如何取名呢?

網域是什麼?「 網域 」是網站組成的第一步,就像家的門牌一樣,讓人可以順利找到你的網站。

1. 簡單好記:越簡單的網域名稱越方便使用者查詢和記憶。
例:蘋果 – https://www.apple.com/

2. 品牌名稱:網域名稱以品牌為名,簡單、易記。只要打算發展品牌的公司,都可以用這個方式。
例:愛迪達 – https://www.adidas.com/

3. 與產品名稱有關:網址與產品的關鍵字有關聯。你也可以用關鍵字工具來想網站名稱。
例:博客來 – https://www.books.com.tw/

4. 去除www:目前大部分新網址都不太會在前面加上www,這是比較舊式的用法。

5. .com優先:.com是大多數人的直覺印象,主要方便好記,增加搜尋率。

6. 勿用中文:網址傳輸是以英文為主,所以網址上有中文,就會轉成一長串的特殊符號+數字,除了難記外,對排名也不太理想。

在台灣,一般民眾最常選擇的就是 .com / .com.tw,大概是這兩種最常見,也最符合。

這邊也把其他類型的網址,也一並列出:

  • org – 財團法人才可申請網域,需要財團法人資料。
  • net – 網路事業機構,例如中華電信、seednet等 .. 才可使用或是其他網路事業。
  • edu – 教育機構,一般為學校機關的網址申請,非一般補習班等機構。
  • gov – 政府機構,為政府網頁使用之網址申請,一般人無法申請。
  • tw / cn / jp – 代表不同國家,如台灣/中國/日本等。

虛擬主機是什麼?

「 虛擬主機 」是主機公司,在自管的實體主機上,切分成多個虛擬空間,並把這些空間,租給一般使用者使用。

這樣可大幅降低使用者的費用,因為養實體主機是很貴的,所以絕大部分的網站主,通常都是租用現成的。

另一個比喻,如果把網址比喻成「 門牌 」,那虛擬主機就是「 家 」的角色。

如果網頁製作完成了,就需放置在 最佳的虛擬主機,才能確保網站不會受到攻擊,和速度穩定。

如何挑選虛擬主機?

1. 公司:國外知名虛擬主機公司,都是全球性服務,不論公司大小、主機性能、網站速度,通常優於國內主機。

2. 功能性:新手可用入門款方案,價錢也很平價;有經驗的網站架設者,可看自己需求,選擇進階方案。

3. 價位:通常國外的價格,會比國內便宜,但建議不要都價格取向,如果主機因此性能不好,之後你也會選擇離開的。

WordPress 是什麼?

WordPress 是全球知名的網頁設計軟體,全球有 30 % 以上的網站,都來自於 WordPress。

WordPress 網站使用人數
WordPress 網站使用人數

擁有上萬個佈景主題(樣板)和功能外掛,只需一鍵安裝即可成為多功能網站。

或許你不知道怎麼選,請參考 最佳 WordPress 佈景主題最佳 WordPress 外掛推薦,會給你應該的幫助。

WordPress 可完成多種網頁設計,如:部落格架設個人品牌或公司企業官網購物網站架設 等 ..

最大好處是,它是完全免費的軟體,可完全掌握自己網站資料,不需被任何網路平台、網頁設計公司牽制。

因為你就是網站的擁有者。


2. Cloudways 是什麼?

Cloudways 是 VPS 主機,又稱虛擬專屬主機(Virtual Private Server),和共享主機不同地方在於,完全享有獨立空間,不需和其他人共享資源。

和一般虛擬主機公司不太一樣,Cloudways 不擁有任何一個數據中心,所有的虛擬主機,都是用雲託管方式服務。

簡單來說,他與多家主機公司配合,如:DigitalOcean、Linode、GCP、AWS等 .. ,並結合 Cloudways 自有的後台,提供給大家服務。

共享主機和 VPS 主機,兩者的差別?

舉例來說,把 Bluehost(共享主機)比喻在公共健身房,有很多人同時跟你搶器材使用。

Cloudways(VPS主機)就是私人健身房,完全 For 你個人使用,可享有全部資源,有更好的運動效率。

因為 VPS 主機享有更高規格的主機性能,所以費用會比共享主機相對高一些。

Cloudways 主機適用哪些網站?

Cloudways 主機可用在,如:企業網站、高流量的部落格、臨時高流量的活動網站、經營一段時間的購物網站 ..

只要覺得共享主機已無法負荷你的網站流量,想要 Cloudways 網站搬家(VPS 主機),都是好選擇。


3. 註冊 Cloudways

接著,我們開始 Cloudways教學 ,先進行註冊。

首先前往 Cloudways ,點擊 Start A Free Trial,它有 3 天的免費試用期是不收費的(如果超過時間沒有 設定付款方式,主機就會被刪除唷,請記得設定)

Cloudways教學 :前往首頁,開始註冊
前往首頁,開始註冊

輸入你的申請資料,這會是之後登入 Cloudways 的帳號密碼,請妥善填寫。

請都填寫英文,完成後送出(姓名可至 外交部 翻譯)。

Cloudways教學 :登入註冊表單
登入註冊表單

這時 Cloudways 會發註冊認證信,前往你的信箱,點擊驗證帳號。

Cloudways教學 :會員註冊確認信
會員註冊確認信

接著會跳轉到手機驗證畫面,填寫手機後送出,會收到簡訊驗證碼,跟著步驟驗證即可。

Cloudways教學 :手機驗證
手機驗證

到了這裡,「 Cloudways教學 」的會員註冊就順利成功了。


4. 開始建立主機

接著,開始建立 VPS 主機囉,簡單分成 5 步驟,可搭配下面的圖進行流程。

Cloudways教學 :主機租用流程
主機租用流程

Step1:選擇 WordPress 版本+名稱設定

選擇 WordPress 應用程式最新版,然後填寫應用程式名稱、伺服器名稱、專案名稱。

Step2:選擇 VPS 主機租用類型

選擇 Linode 主機,這是美國老字號的 VPS 主機公司,用起來穩定且安心,費用也合理。

Step3:選擇主機記憶體規格

先選最低的 1 GB 即可,因為使用的 VPS 主機是獨立資源,性能已經算不錯。

如果有更高的需求可往上調整,這邊先示範。

Step4:選擇主機地點

Cloudways 配合的都是知名的大型 VPS 主機公司,所以通常在全球都有設據點。

這邊選擇 Tokyo 東京,離台灣最近。

Step5:確認金額和啟動主機

Cloudways 最小收費單位是每小時,和一般共享主機幾乎是以年計費不同,可隨時租用或停止。

確認每小時、每個月的收費金額(約 $ 12 美元 / 月),依照選擇的規格費用會不同。

如果你是新申請 Cloudways ,在前 3 天是免費體驗的(如果超過時間沒有 設定付款方式,主機就會被刪除唷,請記得設定),沒問題後繼續。

接下來,需等待 7 分鐘左右的 VPS 主機建立時間(會有安裝中的圖示),完成後會看到主機轉為綠燈,代表正式運作中。

系統也會提示,目前有 3 天試用期,這期間是不會有費用,如下圖。

Cloudways教學 :VPS主機建立完成
VPS主機建立完成

恭喜,到這邊已經順利建立 VPS 主機囉!接下來學習如何簡單設定。


5. 主機基本設定

點擊申請好的 VPS 主機,進行主機設定。

Cloudways教學 :前往 VPS 主機設定
前往 VPS 主機設定

接著,會看到 Public IP(主機 IP)、Username(SFTP 帳號)、Password(SFTP 密碼)。

這幾個是重要資料,請妥善保存勿外流。

Cloudways教學 :VPS 主機資訊
VPS 主機資訊

接著,前往 Settings & Packages,在 Basic 基本規格設定,用預設值也沒問題。

我有修改一些值,方便後續 WordPress 架站,也可參考我的設定,更改完記得儲存。

Cloudways教學 :VPS主機的規格設定
VPS主機的規格設定

切換到 Advanced 分頁,設定資料庫和系統的時區、編碼,調成符合自己國家的版本。

Cloudways教學 :更改 VPS 資料庫和系統時區&編碼
更改 VPS 資料庫和系統時區&編碼

然後,切換到 Packages 分頁,更改 PHP(系統程式)、MySQL(資料庫) 版本為最新版(依照你當前申請的最新版為主)。

切換版本需一些時間,請耐心等待。

Cloudways教學 :更換 PHP 和 MySql 版本
更換 PHP 和 MySql 版本

這樣一來, VPS 主機就簡單設定完成了:)


6. 建立 WordPress

跟著 Cloudways教學 ,把 VPS 主機設定完成後,前往 Applications 應用程式。

會看到剛申請主機時,所建立的 WordPress 網站,點擊進入。

Cloudways教學 :前往 WordPress 應用程式
前往 WordPress 應用程式

接著,我們會看到一些訊息,如下。

Application Url:Cloudways 建立的 WordPress 臨時網址,點擊可前往 WordPress 前台。

Admin Panel:WordPress 後台的登入資料,分別是臨時網址、登入帳號、登入密碼。

Cloudways教學 :WordPress網站,相關資訊
WordPress網站,相關資訊

點擊 WordPress 前台網址,會看到簡單的 WordPress 網站,已經出現囉。

WordPress 網站架設,成功出現。
WordPress 網站架設,成功出現。

接下來,可能原來你就有個人或公司形象網站,我們示範如何搬家至 Cloudways教學 。


7. Cloudways 網站搬家

如果你想把網站從舊主機搬家到 Cloudways,這章節的 Cloudways教學 ,能幫助你網站搬家。

這裡我從 Cloudways 新開一個 WordPress 作為範例,所以部分數據會和上面不同,但不影響流程。

首先,前往需搬家的網站,安裝 Cloudways 搬家外掛,如下。

Cloudways搬家:安裝搬家外掛
安裝搬家外掛

安裝完成後,前往外掛面板,分別對應數字填入,下面有教學。

Cloudways搬家:填入搬家訊息
填入搬家訊息

欄位介紹

  • Email:你註冊的 Cloudways 帳號
  • Destination Site URL:Cloudways 給的臨時網址
  • Database Name:資料庫名稱
  • Server Publick IP Address主機 IP 位置
  • SFTP Username:SFTP 帳號
  • SFTP Password:SFTP 密碼

對照圖片

Cloudways搬家:找尋網站資料
Cloudways搬家 :找尋網站資料
Cloudways搬家:找尋網站資料
Cloudways搬家 :找尋網站資料

填入完成後點 Migrate 開始搬家,依照你的網站大小,搬家時間會不同。

搬家期間請別關閉網頁,不然可能會搬家失敗唷。

BlogVault 網站程式
BlogVault 網站程式

搬家完成後,前往 Cloudways 給的臨時網址,就會發現已經搬家成功囉。

要注意的是,Cloudways 原來給的 WordPress 後台帳密(建立 WordPress 有提到),此時已經失效了。

請記得,用你搬家過來的網站(舊網站)的 WordPress 後台帳密,才能登入進去唷。


8. 網域申請+購買(NameCheap)

如果原來你就有個人網址,想要延續使用,這章節可以略過,直接進行 DNS 指向 即可(不同網域商一樣可參考教學,DNS 設定的流程大同小異)。

由於現在的網域,是 Cloudways 幫你建立的臨時網址,除了很難閱讀外,這也不是正式網址。

所以我們需要進行網域申請,購買你的個人網域。

NameCheap 是 ICANN 認證的頂級網域公司,主要業務是各種網域註冊的服務,且網域費用便宜。

它在 2000 年創立,是推薦的國外知名老字號網域商,管理了 1000w+ 用戶,和 1000w+ 個網域,這是很大的數量。

請參考 NameCheap 教學,我在這篇有完整網域申請+註冊購買流程。

個人網域申請好了,我們就需進行 DNS 設定指向,把網域和主機串連起來。


9. DNS 設定指向(NameCheap+Cloudways)

DNS 設定,就是把網域(門牌)指向虛擬主機(土地),當訪客搜尋網址時,就可以順利找到主機上的網站(房屋)。

接下來,將示範 NameCheap 網域和 Cloudways 主機,DNS 設定指向教學。

如果你還沒有申請個人網域,請參考 NameCheap 教學,這篇有完整流程。

Step1:找到主機的 IP 位置

前往 Servers,找到需指向的主機 IP 位置。

Cloudways教學 :找到主機 IP 位置
找到主機 IP 位置

Step2:前往 NameCheap,選取需設定的網域

前往和登入 NameCheap,點擊 Domain List > Manage 管理網址。

找到 NameServers 選項,更改成 NameCheap BasicDNS,然後打勾確認。

NameCheap DNS 設定指向

Step3:新增 DNS 紀錄

前往 Advanced DNS,點擊 Add New Record,新增 DNS 紀錄。

依照下圖設定,網址請更改自己的網址,主機 IP 填入剛找到的 Cloudways 主機 IP,刪除多餘的 Url Redirect Record 導向紀錄。

填入完成,記得儲存即可。

NameCheap DNS 指向設定

這樣就設定完畢了。

接著,等待大約 24 ~ 48 小時的 DNS 系統設定時間,完成後再搜尋你的個人網址,就可以看到網站囉:)


10. 切換正式網域

Cloudways 架設的 WordPress 網站,是使用臨時網域,並非正式的。

當你已經有個人網域,也完成 DNS 指向設定,就可以更換成正式網域囉。

首先,前往 Applications > 點擊 WordPress 應用程式。

Cloudways教學 :前往 WordPress 應用程式
前往 WordPress 應用程式

點擊 Domain Management 網域管理,修改成自己的個人網域,完成點擊儲存。

Cloudways教學 :設定正式網域
設定正式網域

然後前往 Access Details,會發現原來的臨時網址,已經更換成你的正式網址囉。

Cloudways教學 :正式網域更換完成
正式網域更換完成

這時點擊上面前台或後台網址,應該就會用你的個人正式網址,來訪問網站了。


11. SSL 憑證申請

安全通訊協定,又稱為 SSL(Secure Sockets Layer)是一種 安全協定,可在瀏覽器和主機伺服器之間,建立安全加密連結。

只要瀏覽器的網址欄前面,有安全鎖頭,就代表目前是用 SSL 連線狀態。

Cloudways 有免費的 SSL 憑證可以使用,下面示範 Cloudways教學 。

首先,前往 Applications > 點擊 WordPress 應用程式。

Cloudways教學 :前往 WordPress 應用程式
前往 WordPress 應用程式

點擊 SSL Certificate,輸入電子信箱和個人網域,再點擊安裝 SSL 憑證。

Cloudways教學 :SSL 憑證申請
SSL 憑證申請

然後,會跳出是否要把所有的「 http:// 」開頭的網址,全都轉成「 https:// 」,點擊確認。

SSL憑證申請,強制轉址
SSL憑證申請,強制轉址

如此一來,SSL 憑證就順利申請成功囉,Cloudways 預設會續租 SSL 憑證,這是免費的。

SSL憑證申請完成
SSL憑證申請完成

SSL 憑證要正式生效(能看到安全鎖頭),可能需等待一些時間。

時間長短不確定,我之前有試過設定完 SSL 幾個小時就能生效,也有隔天生效的,總之就是給 SSL 憑證一些生效時間吧。


12. 登入 WordPress

跟著 Cloudway教學 ,我們將學習如何前往 WordPress 後台,然後登入。

首先,前往 Applications > 點擊 WordPress 應用程式。

Cloudways教學 :前往 WordPress 應用程式
前往 WordPress 應用程式

就會看到 WordPress 前台和後台路徑,點擊即可前往。

Cloudways教學 :正式網域更換完成
正式網域更換完成

或是在網址列,直接輸入網址也可前往。

兩個重要的路徑位置(要記得唷):

  • wordpress 前台: 你的網址.com
  • wordpress 後台: 你的網址.com/wp-admin

前往 WordPress 後台後,輸入你的 WordPress 帳號密碼,然後登入。

wordpress 後台登入
wordpress 後台登入

登入成功,就會看到 WordPress 漂亮的後台頁面囉。

wordpress 後台介面
wordpress 後台介面

接著,我們幫 WordPress 做些簡單設定。


13. 設定 WordPress

登入 WordPress 後台的第一件事,就是 更改後台語言和網站標題,方便網頁設計製作。

再來,可調整 文章網址更改選單分類設定新增或編輯使用者,讓 WordPress 網站建置更完整。

更多 WordPress 前後台教學,多個課程前往學習:

WordPress教學 :23 個安裝課程(主題外掛+購物車)


14. 設定付款方式(升級正式版)

一開始申請+註冊 Cloudways,會有免費 3 天的試用期(如果超過時間沒有 設定付款方式,主機就會被刪除唷,請記得設定)。

所以,如果確定 Cloudways 就是想要用的主機,就可進行信用卡設定,如下。

登入 Cloudways > 點擊右上角圖示 > 點擊 Account。

Cloudways教學 :前往個人設定
前往個人設定

點擊 Credit Card 信用卡,前往設定。

Cloudways教學 :設定信用卡資訊
設定信用卡資訊

填入信用卡相關資訊,還有帳單資訊,請都填入英文,地址可使用 中華郵政工具 來中翻英。

完成後,點擊確認。

Cloudways教學 :設定信用卡資料

如此一來,順利設定信用卡囉,就算免費試用期過,網站也會保存起來了。

Cloudways教學 :付款資訊成功
付款資訊成功

15. 啟用 SMTP(信件發送)

如果你收不到 Cloudways 上的 WordPress 所發送的信件,那可能是沒設定 SMTP ( Simple Mail Transfer Protocol,簡單郵件傳輸協定 )。

其他虛擬主機,像是 Bluehost 或是 SiteGroud 主機,預設會有 SMTP 功能。

但因為 Cloudways 是 VPS 主機,所以這部分需自行啟用,才有辦法從 WordPress 網站發送信件。

首先登入 Cloudways,前往 Add-ons 外掛功能。

Cloudways教學 :前往 Add-ons 外掛
前往 Add-ons 外掛

選擇 Elastic Email,點選最右邊的筆,打開啟用。

Cloudways教學 :開啟 SMTP 電子郵件收發外掛
開啟 SMTP 電子郵件收發外掛

接著,選取最低費用的即可,每月可發送 1000 封信件($0.1 美元 / 月),可依照需求調整。

Cloudways教學 :選擇發送信件方案
選擇 SMTP 發送信件方案

訂閱完成後,前往 Servers > SMTP > 選擇 Elastic Email+啟用,此時就已經可以順利在 WordPress 網站發信了。

我們點擊 Send Test Email 寄送測試信件。

Cloudways教學 :啟用 Elastic Email
啟用 Elastic Email

Good!我們的 WordPress 網站可正常發送信件了。

Cloudways教學 :發送信件成功
發送信件成功

16. Cloudways 客服支援

不論使用任何一家虛擬主機,或許你可能會遇到一些想詢問的問題。

Cloudways 提供 7 / 24 全年無休的即時線上客服,能幫助你處理大小事。

因為 Cloudways 的客群來自世界各地,所以需用英文溝通,基本上善用 Google 翻譯,他們應該都聽得懂。

首先,在任一頁面的側邊欄,點擊 Need a hand。

Cloudways教學 :客戶服務
客戶服務

選取 Live Chat 線上即時聊天。

Cloudways教學 :線上即時回覆
線上即時聊天

接著,就會出現線上聊天的對話框,就可以開始請 Cloudways 幫你解決問題了。


WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題。

但沒關係,你可以在下方留言給我,我會盡力協助你解答。

當然,如果怕問題描述不清楚,可以加入 WordPress 教學時光屋 – 小犬網站 ,我同步也會在社團中幫忙。

小犬網站:wordpress教學社團
小犬網站:wordpress教學社團

希望這對你有所幫助,祝架站順利啦。

我是站長小犬,長期關注:WordPress 網站架設、WordPress 後台教學、WordPress 佈景主題、WordPress 外掛、網路行銷等 ..:)

發表迴響