2024【WordPress教學】新手15分鐘學會架設網站

最後更新日期 2024 年 6 月 25 日 by SHIH HANG

cloudways Namecheap wordpress架站教學
WordPress cloudways 教學 新手學會架網站

新手如何架設網站?這是一篇完整的免費架站教學,跟著這篇教學,新手學會架設部落格網站,包含cloudways教學、主機註冊申請、namecheap網域購買、wordpress教學基本設定,教會你如何購買主機、購買網址,打造獨一無二的個人部落格。

👉本篇快速導覽:CloudwaysNamecheapSSL串接網域DNS串接IPWordPress前、後台登入創建Cloudways帳戶創建Namecheap帳戶

WordPress架站-如何自己架網站?

架設個人部落格網站的三大要素

流程以【家】舉例說明
1. 網域申請購買申請一個屬於自己的門牌號碼
2. 租用虛擬主機租一塊自己蓋房子的地
3. 佈景主題設定裝潢美化自己的家

WordPress架站-Cloudways 是什麼?

Cloudways是一個雲端主機管理平台,提供企業靈活性、可擴展性、安全性及優秀性能的服務。其特色包括:

  1. 多雲支援:用戶可以選擇在不同的雲服務提供商(如DigitalOcean、AWS、Google Cloud等)上託管網站。
  2. 簡易操作:提供一鍵安裝應用程式、免費網站遷移、自動備份等功能,適合非技術用戶。
  3. 性能優化:內建CDN和緩存技術,提高網站載入速度和用戶體驗。
  4. 按需計費:用戶只需支付實際使用的資源,無需長期合同。

WordPress架站-本篇重點-架設順序流程

架設部落格網站必備的順序

  1. 註冊Cloudways主機
  2. 在Cloudways主機安裝最新版的wordpress
  3. 選擇主機商以及配置大小
  4. 修改wordpress的登入密碼
  5. 填寫Cloudways的付款資料
  6. 到Namecheap註冊帳戶與購買網域
  7. 串接Namecheap的DNS設定
  8. 安裝Cloudways的SSL憑證
  9. 認識wordpress前、後台登入方式
  10. 修改wordpress後台語言、時區、網站描述

▉ WordPress教學-註冊Cloudways主機

架站四大步驟

  1. 註冊Cloudways主機
  2. 創建安裝WordPress
  3. Namecheap網域購買與DNS設定
  4. 設定WordPress
免費WordPress架站教學-wordpress、Namecheap、Cloudways教學
免費WordPress架站教學-cloudways-Namecheap

Cloudways教學-創建Cloudways帳戶

👉點擊 註冊Cloudways帳戶

現在創建Cloudways帳號,可以免費使用三天,可以在這三天盡情的測試使用

創建Cloudways帳戶wordpress、Namecheap、Cloudways教學
創建Cloudways帳戶

👉點擊 註冊Cloudways帳戶

1.點擊 Start Free開始註冊使用

註冊Cloudways帳戶wordpress、Namecheap、Cloudways教學
註冊Cloudways帳戶

2. 輸入基本資料

cloudways輸入基本資料
cloudways輸入基本資料

可以參考我的範例

wordpress、Namecheap、Cloudways教學

👉※如果註冊時,發生這個畫面,而無法順利註冊時👈
cloudways lets verify your accountcloudways lets verify your account
👉可以參考此篇解決文章,已經過認證是可以排除問題👈
👉Cloudways註冊帳戶驗證問題|let’s verify your account👈

3. 點擊START NOW,開始下一步設定

wordpress、Namecheap、Cloudways教學

4. 點擊VERIFY YOUR ACCOUNT驗證帳戶

VERIFY YOUR ACCOUNT wordpress、Namecheap、Cloudways教學
VERIFY YOUR ACCOUNT

5.輸入手機號碼,傳送驗證碼

wordpress、Namecheap、Cloudways教學 VERIFY
cloudways VERIFY

6.輸入驗證碼並發送

wordpress、Namecheap、Cloudways教學 VERIFY
cloudways VERIFY

7.點擊信箱驗證帳戶

wordpress、Namecheap、Cloudways教學-VERIFY
cloudways-VERIFY

8.從電子信箱激活驗證並且登入

wordpress、Namecheap、Cloudways教學
cloudways-VERIFY

▉ WordPress教學-創建安裝WordPress教學

完成繁瑣的帳戶驗證,接下來

【紅框處】就是選擇最新的wordpress進行安裝

【綠框處】也可以為這個修改名稱,方便辨識

wordpress、Namecheap、Cloudways教學
cloudways-ACCOUNT

Cloudways教學-選擇Cloudways主機商與配置規格

選擇Cloudways配合的主機商好處是,已經幫你把繁瑣的設定程序簡化再簡化

在這邊,只需要去容量大小以及主機位置就好

設定參數細節

  1. 確認選擇WordPress最新版本
  2. 主機商:選擇DigitalOcean
  3. 主機大小:1GB【省錢小秘訣】
  4. 位置:Singapore (新加坡)
  5. 發佈-等待安裝
wordpress、Namecheap、Cloudways教學
cloudways-ACCOUNT

Cloudways教學-修改登入WordPress後台的密碼

綠色方框是登入WordPress後台的帳號、密碼

建議修改:登入WordPress的密碼,換成自己熟悉的密碼

wordpress、Namecheap、Cloudways教學

設定Cloudways主機付款方式

付款方式分為兩種:信用卡、資金儲值

其中以信用卡扣款最方便,但如果信用卡有變更,就必須聯繫客服做更改

信用卡付款設定

1.點擊升級帳戶

wordpress、Namecheap、Cloudways教學

2.輸入英文地址相關訊息

英文地址翻譯:中華郵政英譯網頁

以台中市南屯區黎明路一段1000號為例

wordpress、Namecheap、Cloudways教學
  1. 國家:Taiwan
  2. 地址:No. 1000, Sec. 1, Nantun Rd., Nantun Dist.,
  3. 城市:Taichung City
  4. 郵遞區號:408026
  5. 州/省/地區:Taiwan (R.O.C.)
wordpress、Namecheap、Cloudways教學

3.輸入信用卡卡號、授權碼

儲值資金扣款

另一個方式,可以選擇儲值金額在cloudways內,進行內扣,但必須注意餘額還剩多少

1.選擇FUNDS,點擊 +Add Funds

wordpress、Namecheap、Cloudways教學

2.輸入要儲值的金額

3.選擇付款方式:信用卡/paypal

4.提交

wordpress、Namecheap、Cloudways教學

▉ WordPress教學-Namecheap網域購買與DNS設定

域名註冊簡單來說,就是購買網址

其中以Namecheap購買慾名,最為划算

比較了許多家的價格以及操作介面

Namecheap的價格很便宜,設定介面最簡單

是我心中CP值最推薦的一家

Namecheap註冊

👉點擊Namecheap註冊帳戶

wordpress、Namecheap、Cloudways教學

填寫帳戶註冊資訊

wordpress、Namecheap、Cloudways教學

Namecheap購買網域

1.輸入想要購買的網域名稱,點擊搜尋

wordpress、Namecheap、Cloudways教學

2.添加網域到購物車內

複製折扣碼 NEWCOM598

wordpress、Namecheap、Cloudways教學

3.點擊Checkout結帳

wordpress、Namecheap、Cloudways教學

4.貼上折扣碼NEWCOM598,點擊Apply

wordpress、Namecheap、Cloudways教學

5.確認金額,點擊Confirm Order

wordpress、Namecheap、Cloudways教學

6.輸入基本資訊

英文地址參照Cloudways方式
透過中華郵政地址英譯

wordpress、Namecheap、Cloudways教學

確認完成之後,點擊”繼續”

wordpress、Namecheap、Cloudways教學

7.再次核對資料,點擊”繼續”

wordpress、Namecheap、Cloudways教學

8.點擊”付款”,完成購買域名

wordpress、Namecheap、Cloudways教學

接下來就要進入網域的DNS設定

Namecheap的DNS設定

1.登入Namecheap
點擊”帳戶”,可以看到剛購買的域名
點擊”MANGE”進行DNS設定

wordpress、Namecheap、Cloudways教學

2.點擊”Advanced DNS”,進行設定

wordpress、Namecheap、Cloudways教學

3.刪除預設的兩筆資料

wordpress、Namecheap、Cloudways教學

4.點擊”ADD NEW RECORD”
主要新增兩個:A Record、CName

wordpress、Namecheap、Cloudways教學

5.新增A Record
Host輸入@
Value輸入cloudways提供的IP

wordpress、Namecheap、Cloudways教學

6.回到cloudways找IP
點擊Your Serve主機進入

wordpress、Namecheap、Cloudways教學

7.複製IP

wordpress、Namecheap、Cloudways教學

8.回到Namecheap剛剛的畫面,Value輸入cloudways複製的IP
新增CName、中間輸入www
後面輸入 剛買的網域(網址)
打勾確認

wordpress、Namecheap、Cloudways教學

9.接下來要回到Cloudways,將網域設定為主要網域
登入Cloudways,點擊Application
點擊WordPress進入設定

wordpress、Namecheap、Cloudways教學

10.點擊網域管理
點擊新增網域

wordpress、Namecheap、Cloudways教學

11.輸入網域,點擊新增

wordpress、Namecheap、Cloudways教學

將網域設定為主要網域,點擊make Primary

wordpress教學

點擊Set as Primary,設定為主要網域

wordpress教學

安裝Cloudways的SSL憑證

目的是為了讓網址前面有安全鎖頭,才可以讓使用者安心的瀏覽網頁

回到Cloudways,點擊Application
點擊SSL憑證
輸入Email
輸入網域
點擊按鈕安裝

wordpress教學

▉ WordPress教學-設定WordPress

這裡將簡單介紹,如何透過Cloudways登入

WordPress網站前台、後台

以及簡單的語言、時間設定

認識WordPress網站前台、後台操作

前台就是平常看到網頁的狀態

後台就是管理者,管理整個網頁的地方

wordpress教學
wordpress教學

後台的登入帳號密碼
就在Cloudways,點擊Application
點擊Access Details

wordpress教學

成功的進入WordPress後台了。

wordpress教學

快速登入wordpress後台的小祕訣

在瀏覽器的網址列上面打:域名/wp-admin

例如:tubalinblog.com/wp-admin

WordPress一般基本設定

更改語言,設定為繁體中文、選擇時區,按儲存變更

wordpress教學
wordpress教學

修改網站標題

可以明確的表示,這是一個什麼網站名稱

修改網站說明

可以明確的描述,這個網站主要的內容方向是那些主題

wordpress教學

確認介面語言、時區

選擇日期格式

選擇時間格式

wordpress教學

重點回顧-wordpress教學

架設部落格網站必備的順序

  1. 註冊Cloudways主機
  2. 在Cloudways主機安裝最新版的wordpress
  3. 選擇主機商以及配置大小
  4. 修改wordpress的登入密碼
  5. 填寫Cloudways的付款資料
  6. 到Namecheap註冊帳戶與購買網域
  7. 串接Namecheap的DNS設定
  8. 安裝Cloudways的SSL憑證
  9. 認識wordpress前、後台登入方式
  10. 修改wordpress後台語言、時區、網站描述

8 則留言

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *