相信程式麻瓜們應該都和我一樣,完全不在乎PHP是什麼?MySQL又是什麼?只想要安全、快速的把網站架起來,對吧?所以這篇文章就不用一堆專有名詞來轟炸你們了,因為說真的,我也不會(笑)

如果你完全不會寫程式,也沒有想要臨時抱佛腳、惡補專業術語的意思,那就花20分鐘照著以下超詳細的Cloudways+WordPress架站教學,把屬於自己的網站架起來吧!

部落客搶錢計畫

部落客搶錢計畫是一系列的免費教學文章,內容包含如何挑選利基市場、架設WordPress網站、挑選合適的外掛,如何做關鍵字規劃、寫出高排名的文章、提升網站收入等等… 一步一步帶你透過部落格,建立自己的網上被動收入。

EP1:當部落客真的好賺嗎?揭秘12種部落格賺錢方式
EP2:如何開始經營部落格?新手疑難雜症全解答
EP3:利基市場是什麼?12個步驟教你如何選擇部落格主題
EP4:12個小技巧幫助你買到夢想中的網域名稱
EP5:國內外10大部落格平台推薦!詳細評價&優缺點分析
EP6:WordPress架站教學 20分鐘搞定你的難題

EP7:WordPress超完整功能解說+基本設定教學
EP8:挑選WordPress主題、外掛的終極過濾清單
EP9:精選20款最佳WordPress主題推薦清單

WordPress架站教學

推薦大家的架站結構為:Namecheap 上購買網域 + Cloudways 上架設網站 + Cloudflare 代管 DNS。

這是我架了第6個網站之後最滿意的組合,也是『低調提升技能分』這個網站所使用的組合,雖然步驟繁多,但是只需要設定這麼一次,就可以省去之後的很多麻煩,相信我,很值得!

貼心小提醒:接下來的WordPress架站教學會頻繁的切換三個網站,所以建議同時保留三個網站的視窗,直到網站架設完成!

STEP 1.到Namecheap購買網域

#1. 直接在 Namecheap 首頁輸入你想要的網域名稱,按下搜尋鍵。

#2. 如果出現這個灰色叉叉的畫面,就表示你想要的網域已經被別人註冊了。

#3. 如果是看到這個綠色勾勾的畫面,那麼恭喜你,代表這個網域目前沒有人使用,可以直接把它加到購物車啦!

#4. 加入購物車之後會看到此畫面,問你需不需要加購 SSL 跟主機、Email服務等等,但是我們都不需要,直接略過,點選右上方的購物車圖案,按下 View Cart 來檢視購物車。

#5. 進到確認頁面之後,可以看到我用來做示範的網域 skillup2day.com 價格是每年 8.88 USD 加上 0.18 USD 的 ICANN fee 手續費,所以總金額會是 9.06 美金。

這邊要提醒大家,千萬要記得把箭頭處的自動續約打開,不然很可能明年網域就變別人的,到時候會非常麻煩。

WhoisGuard 那一行則是用來保護你的個人資料的,就保留原本的設定不用管它。

都沒問題後就點選右手邊的紅色按鈕 Confirm Order 來確認訂單。

#6. 用英文填寫右邊的註冊表格,並點選下方的紅色按鈕。

#7. 詳細資料這邊一樣要用英文填寫,英文地址可以透過中華郵政查詢,填寫完確認無誤後按 Continue 來確認註冊。

#8. 確認剛剛填寫的資料都無誤後就直接按 Continue 進行下一步。

#8. 選擇付款方式,看你是要用信用卡或是 Paypal 都可以,填寫完成後點選 Continue 確認付款。

#8. 付款完成後會看到你的訂單明細,並收到確認郵件。

#9. 到你剛剛用來註冊Namecheap的信箱中,查看標題為『 IMMEDIATE VERIFICATION required for your domain(s) 』的郵件,並點選郵件中『 Click here to verify your email address 』的連結來驗證你的信箱。

注意#這個步驟非常重要,請立刻馬上驗證!!!

#10. 驗證完信箱後,回到 Domain List 確認一下你剛剛購買的網域狀態是不是顯示 ACTIVE,如果是的話恭喜你,已經完成架設網站的第一步啦!

STEP 2.到Cloudways購買主機

#1. 到Cloudways首頁,點選START A FREE TRIAL免費註冊帳號試用三天,點選我的優惠連結會立刻優惠$15美金唷!

#2. 可以直接用第三方帳號登入,也可以填寫資料、新建一個帳號免費試用。

#2. 設定密碼,然後按CONTINUE繼續。

#3. 你有可能會直接註冊成功,也有可能會看到這個畫面,因為Cloudways有隨機的驗證機制,不過不用擔心,直接點選頁面上的電子郵件連結。

在主旨的地方輸入:Verification
郵件內文輸入:你註冊時所使用的姓名與電子郵件,並附上剛剛購買完成的網域,並複製以下這段文字『Hi i’m just starting to build my new website and I’d like to try out with Cloudways, please help me out with my verification, thank you.』

接著就坐等客服幫你開通帳號啦!通常在一天之內你會收到驗證信,點選信中連結就可以直接進入控制台嘍!

#4. 進入控制台後點選中間的 LAUNCH 來建立你的網站。

#5. 在 APPLICATION & SERVER DETAILS 的最左邊選擇WordPress的最新版本,旁邊的App名稱、Server名稱、Project名稱只是方便你管理用的,建議填寫你這個網站所要使用的網域名稱。

中間五個Logo是主機商,前面三個價錢都差不多,後面兩個比較貴,剛開始經營網站其實不需要。下面 SEVER SIZE 那排是容量,建議大家選擇跟我一樣的 Linode 2GB 方案!

最後 LOCATION 是主機的位置,選擇離自己所在地最近的地點,這樣網路速度會比較快,以台灣來說,最近的就是新加坡或東京。

#6. 創建之後會看到這個畫面,箭頭處會是紅燈,等變綠燈就代表主機建立好了。

點擊剛剛建立好的 SEVERS 進入主機設定。

#7. 選擇左邊的 Settings & Packages,並點選上方的 PACKAGES,然後PHP的欄位選擇PHP7.3,MySQL的欄位選擇MariaDB10,其他的部分不需要更動。

#8. 點選右上方小小 www 來設定 Applications。

#9. 選擇左邊選單中的 Domain Management,在 Primary Domain 的欄位輸入你剛剛購買的網域,並按綠色按鈕儲存更動。

貼心小提醒:skilluppp.com 跟 www.skilluppp.com 是兩個不一樣的網站,所以如果想要有www的話要記得加上去唷!

#10. 選擇左邊選單中的 SSL Certificate,在 Domain Name 的地方輸入你的網域,和有www的版本的網域,然後按下綠色的安裝按鈕,這樣SSL安全憑證就安裝完成啦!

#11. 接著選擇左邊選單中的 Access Details,中間的 ADMIN PANEL 就是你的 WordPress 後台網址和帳號、密碼,點選URL可以直接進入控制台。

#12. 看到這個畫面就代表你成功進入 WordPress 控制台啦!

#13. 如果英文ok就直接略過這一步。看英文看到頭很痛的朋友,選擇左手邊選單中的 Settings 在 Site Language 的地方可以將網站語言改成繁體中文。

#14. 接著我們回到 Cloudways 點選右上方的人頭,選擇 ACCOUNT。

#15. 點擊左手邊選單中的 Credit Card 來綁定信用卡,不然免費試用期過後伺服器會自動消失,剛剛就都白忙一場啦!這樣架設網站的流程就已經完成80%啦 YAY!YAY!YAY!

STEP 3.到Cloudflare代管DNS

最後一步就是透過 Cloudflare 來連動你的網域和主機啦!

#1. 進入 Cloudflare 首頁後點選申請。

#2. 輸入信箱和密碼後,點選建立帳戶,建議註冊網域、主機和DNS的電子郵件都用同一個,這樣比較不會忘記,也比較方便管理。

#3. 把剛剛在 Namecheap 購買的網域複製貼上來,點選新增網站。

#4. 這邊不知道為什麼跳成英文,但不用管它,選擇免費方案就好,其他功能我們用不到。

#5. 回到 Cloudways Application 的地方,選擇左邊選單中的 Access Details 將 Public IP 那排數字複製下來。

#6. 接著返回 Cloudflare,選擇上方選單中的 DNS 設定,將 A 類型的『內容欄位』換成剛剛複製的 IP。

#7. 將 CNAME 類型、名稱為 www 的『內容欄位』換成你的網域,完成後記得點選最下方的 Continue 來確認變更。

#8. 分別將 Nameserver 1 和 Nameserver 2 複製下來。

#9. 接著到 Namecheap Domain List 的地方,點選網域右邊的 MANAGE。

#10. 在 NAMESERVERS 的欄位選擇 Custom DNS。

#11. 分別將剛剛在 Cloudflare 中複製的 Nameserver 1 和 Nameserver 2 貼上來,並儲存設定。

#12. 接著回到 Cloudflare 按下 Done, check nameserver,這個步驟會需要一些等待時間,可以先到信箱查收 Cloudflare 的驗證信。

#13. Nameserver 設定完成後,點擊上方選單中的 SSL/TLS 設定成完整,並確認箭頭處有『綠色勾勾』就代表 SSL 安裝成功了。

#14. 最後回到 Cloudways Servers 點擊左手邊選單中的 Settings & Packages 並選擇 Advanced。

#15. 往下滑到 WAF MODULE 的地方選擇 Cloudflare,最後按下綠色按鈕儲存設定。

#16. 現在開啟一個新視窗、輸入你的網域名稱、確認一下網址前面有一個小鎖頭的符號,恭喜你!這樣就大功告成啦!尖叫聲!


以上就是架設Wordpress網站的完整教學啦!希望大家都能順利架設完成,如果遇到任何問題,歡迎在底下留言讓我知道。

如果你已經照著上面的步驟,一步一步架起了屬於自己的第一個網站,那麼相信現在的你一定跟當初的我一樣,有滿滿的成就感,為自己鼓個掌吧!最複雜的部分都完成了,接下來會繼續教大家如何完成 WordPress 的基本設定。


非常感謝看到最後的朋友,如果我的文章對你有幫助,請花3秒鐘幫我填寫下方的訂閱表格、並點 50 下拍手的圖示,我會實際感受到你的支持與鼓勵!

當然也很歡迎大家贊助起來!除了讓我可以維持網站營運,也會讓我更有動力繼續寫出有價值的文章(笑)

WordPress架站教學