最後更新日期 2024 年 6 月 25 日 by SHIH HANG
![cloudways Namecheap wordpress架站教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__WordPress-cloudways-Namecheap-1024x683.webp)
新手如何架設網站?這是一篇完整的免費架站教學,跟著這篇教學,新手學會架設部落格網站,包含cloudways教學、主機註冊申請、namecheap網域購買、wordpress教學基本設定,教會你如何購買主機、購買網址,打造獨一無二的個人部落格。
👉本篇快速導覽:Cloudways、Namecheap、SSL串接、網域DNS串接IP、WordPress前、後台登入、創建Cloudways帳戶、創建Namecheap帳戶
WordPress架站-如何自己架網站?
架設個人部落格網站的三大要素
流程 | 以【家】舉例說明 |
1. 網域申請購買 | 申請一個屬於自己的門牌號碼 |
2. 租用虛擬主機 | 租一塊自己蓋房子的地 |
3. 佈景主題設定 | 裝潢美化自己的家 |
WordPress架站-Cloudways 是什麼?
Cloudways是一個雲端主機管理平台,提供企業靈活性、可擴展性、安全性及優秀性能的服務。其特色包括:
- 多雲支援:用戶可以選擇在不同的雲服務提供商(如DigitalOcean、AWS、Google Cloud等)上託管網站。
- 簡易操作:提供一鍵安裝應用程式、免費網站遷移、自動備份等功能,適合非技術用戶。
- 性能優化:內建CDN和緩存技術,提高網站載入速度和用戶體驗。
- 按需計費:用戶只需支付實際使用的資源,無需長期合同。
WordPress架站-本篇重點-架設順序流程
架設部落格網站必備的順序
- 註冊Cloudways主機
- 在Cloudways主機安裝最新版的wordpress
- 選擇主機商以及配置大小
- 修改wordpress的登入密碼
- 填寫Cloudways的付款資料
- 到Namecheap註冊帳戶與購買網域
- 串接Namecheap的DNS設定
- 安裝Cloudways的SSL憑證
- 認識wordpress前、後台登入方式
- 修改wordpress後台語言、時區、網站描述
▉ WordPress教學-註冊Cloudways主機
架站四大步驟
- 註冊Cloudways主機
- 創建安裝WordPress
- Namecheap網域購買與DNS設定
- 設定WordPress
![免費WordPress架站教學-wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__WordPress-cloudways-Namecheap2-1024x683.webp)
Cloudways教學-創建Cloudways帳戶
👉點擊 註冊Cloudways帳戶
現在創建Cloudways帳號,可以免費使用三天,可以在這三天盡情的測試使用
![創建Cloudways帳戶wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__cloudways.webp)
👉點擊 註冊Cloudways帳戶
1.點擊 Start Free開始註冊使用
![註冊Cloudways帳戶wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__螢幕擷取畫面-2024-06-06-184419-1024x526.webp)
2. 輸入基本資料
![cloudways輸入基本資料](https://tubalinblog.com/wp-content/uploads/2024/06/螢幕擷取畫面-2024-06-06-185111.jpg)
第三行的選項可以選擇Blogger
第四行的選項可以選擇$0-$50(USD)
可以參考我的範例
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/螢幕擷取畫面-2024-05-28-165038.jpg)
👉※如果註冊時,發生這個畫面,而無法順利註冊時👈
cloudways lets verify your account
👉可以參考此篇解決文章,已經過認證是可以排除問題👈
👉Cloudways註冊帳戶驗證問題|let’s verify your account👈
3. 點擊START NOW,開始下一步設定
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__螢幕擷取畫面-2024-05-28-165157-1024x671.webp)
4. 點擊VERIFY YOUR ACCOUNT驗證帳戶
![VERIFY YOUR ACCOUNT wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__螢幕擷取畫面-2024-05-28-1651572-1024x671.webp)
5.輸入手機號碼,傳送驗證碼
![wordpress、Namecheap、Cloudways教學 VERIFY](https://tubalinblog.com/wp-content/uploads/2024/06/cloudways-VERIFY.jpg)
6.輸入驗證碼並發送
![wordpress、Namecheap、Cloudways教學 VERIFY](https://tubalinblog.com/wp-content/uploads/2024/06/cloudways-VERIFY2.jpg)
7.點擊信箱驗證帳戶
![wordpress、Namecheap、Cloudways教學-VERIFY](https://tubalinblog.com/wp-content/uploads/2024/06/cloudways-VERIFY3.jpg)
8.從電子信箱激活驗證並且登入
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/cloudways-VERIFY4.jpg)
▉ WordPress教學-創建安裝WordPress教學
完成繁瑣的帳戶驗證,接下來
【紅框處】就是選擇最新的wordpress進行安裝
【綠框處】也可以為這個修改名稱,方便辨識
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__cloudways-ACCOUNT-1024x700.webp)
Cloudways教學-選擇Cloudways主機商與配置規格
選擇Cloudways配合的主機商好處是,已經幫你把繁瑣的設定程序簡化再簡化
在這邊,只需要去容量大小以及主機位置就好
設定參數細節
- 確認選擇WordPress最新版本
- 主機商:選擇DigitalOcean
- 主機大小:1GB【省錢小秘訣】
- 位置:Singapore (新加坡)
- 發佈-等待安裝
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__cloudways-ACCOUNT2-1024x722.webp)
Cloudways教學-修改登入WordPress後台的密碼
綠色方框是登入WordPress後台的帳號、密碼
建議修改:登入WordPress的密碼,換成自己熟悉的密碼
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__cloudways-ACCOUNT3-1-1024x754.webp)
設定Cloudways主機付款方式
付款方式分為兩種:信用卡、資金儲值
兩者付款方式,選一種即可
其中以信用卡扣款最方便,但如果信用卡有變更,就必須聯繫客服做更改
信用卡付款設定
1.點擊升級帳戶
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__cloudways-ACCOUNT4-1024x644.webp)
2.輸入英文地址相關訊息
英文地址翻譯:中華郵政英譯網頁
以台中市南屯區黎明路一段1000號為例
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__螢幕擷取畫面-2024-06-06-224601.webp)
- 國家:Taiwan
- 地址:No. 1000, Sec. 1, Nantun Rd., Nantun Dist.,
- 城市:Taichung City
- 郵遞區號:408026
- 州/省/地區:Taiwan (R.O.C.)
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__cloudways-ACCOUNT5.webp)
3.輸入信用卡卡號、授權碼
儲值資金扣款
另一個方式,可以選擇儲值金額在cloudways內,進行內扣,但必須注意餘額還剩多少
1.選擇FUNDS,點擊 +Add Funds
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__cloudways-ACCOUNT7-1024x730.webp)
2.輸入要儲值的金額
3.選擇付款方式:信用卡/paypal
4.提交
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/cloudways-ACCOUNT6.jpg)
▉ WordPress教學-Namecheap網域購買與DNS設定
域名註冊簡單來說,就是購買網址
其中以Namecheap購買慾名,最為划算
比較了許多家的價格以及操作介面
Namecheap的價格很便宜,設定介面最簡單
是我心中CP值最推薦的一家
Namecheap註冊
👉點擊Namecheap註冊帳戶
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT-1024x657.webp)
填寫帳戶註冊資訊
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT2.webp)
Namecheap購買網域
1.輸入想要購買的網域名稱,點擊搜尋
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT3.webp)
2.添加網域到購物車內
複製折扣碼 NEWCOM598
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT4-1024x619.webp)
3.點擊Checkout結帳
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT5-1024x615.webp)
4.貼上折扣碼NEWCOM598,點擊Apply
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT6-1024x512.webp)
5.確認金額,點擊Confirm Order
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT7-1024x571.webp)
6.輸入基本資訊
英文地址參照Cloudways方式
透過中華郵政地址英譯
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT8.webp)
確認完成之後,點擊”繼續”
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT9.webp)
7.再次核對資料,點擊”繼續”
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT10-1024x621.webp)
8.點擊”付款”,完成購買域名
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT11-1024x621.webp)
接下來就要進入網域的DNS設定
Namecheap的DNS設定
1.登入Namecheap
點擊”帳戶”,可以看到剛購買的域名
點擊”MANGE”進行DNS設定
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT12-1024x525.webp)
2.點擊”Advanced DNS”,進行設定
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT13-1024x448.webp)
3.刪除預設的兩筆資料
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT14-1024x524.webp)
4.點擊”ADD NEW RECORD”
主要新增兩個:A Record、CName
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT15-1024x470.webp)
5.新增A Record
Host輸入@
Value輸入cloudways提供的IP
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT16-1024x352.webp)
6.回到cloudways找IP
點擊Your Serve主機進入
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT17-1024x343.webp)
7.複製IP
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT18-1024x648.webp)
8.回到Namecheap剛剛的畫面,Value輸入cloudways複製的IP
新增CName、中間輸入www
後面輸入 剛買的網域(網址)
打勾確認
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT19-1024x272.webp)
9.接下來要回到Cloudways,將網域設定為主要網域
登入Cloudways,點擊Application
點擊WordPress進入設定
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT20-1024x291.webp)
10.點擊網域管理
點擊新增網域
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT21-1024x758.webp)
11.輸入網域,點擊新增
![wordpress、Namecheap、Cloudways教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT22.webp)
將網域設定為主要網域,點擊make Primary
![wordpress教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT23.webp)
點擊Set as Primary,設定為主要網域
![wordpress教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT24-1024x608.webp)
安裝Cloudways的SSL憑證
目的是為了讓網址前面有安全鎖頭,才可以讓使用者安心的瀏覽網頁
回到Cloudways,點擊Application
點擊SSL憑證
輸入Email
輸入網域
點擊按鈕安裝
![wordpress教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT25-1024x660.webp)
▉ WordPress教學-設定WordPress
這裡將簡單介紹,如何透過Cloudways登入
WordPress網站前台、後台
以及簡單的語言、時間設定
認識WordPress網站前台、後台操作
前台就是平常看到網頁的狀態
後台就是管理者,管理整個網頁的地方
![wordpress教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT26-1024x619.webp)
![wordpress教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT27-1024x689.webp)
後台的登入帳號密碼
就在Cloudways,點擊Application
點擊Access Details
![wordpress教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT28.webp)
成功的進入WordPress後台了。
![wordpress教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT29-1024x490.webp)
快速登入wordpress後台的小祕訣
在瀏覽器的網址列上面打:域名/wp-admin
例如:tubalinblog.com/wp-admin
WordPress一般基本設定
更改語言,設定為繁體中文、選擇時區,按儲存變更
![wordpress教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT30.webp)
![wordpress教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT31.webp)
修改網站標題
可以明確的表示,這是一個什麼網站名稱
修改網站說明
可以明確的描述,這個網站主要的內容方向是那些主題
![wordpress教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT32.webp)
確認介面語言、時區
選擇日期格式
選擇時間格式
![wordpress教學](https://tubalinblog.com/wp-content/uploads/2024/06/AnyConv.com__namecheap-ACCOUNT33.webp)
重點回顧-wordpress教學
架設部落格網站必備的順序
每個部驟寫的清楚又有圖片搭配,朝感謝版主。😊
謝謝您的支持,我會更加努力。
超詳細的架設過程~~感謝版主分享🥹
謝謝您的支持,我會更加努力的。
寫的超級詳細!
還有附圖,真的超仔細
感謝大大無私的分享~
謝謝您的支持,我會更加努力的。
版主寫的好詳細 很受用
謝謝支持,會再繼續創作新的文章