最後更新時間: 2024 年 08 月 02 日
本篇文章要教大家如何將上一堂課在NameCheap購買的網域網址,套用到Cloudways的主機,並且幫網站加入SSL加密憑證,讓網站更安全也更受信任。
本篇雖然篇幅較少,但為了與其他系列的教學文章串連,因此獨立一篇來做說明,請大家見諒。
想要架站的各位,可以觀看WordPress架站教學系列文章,並且跟我一樣架設一個自己的WordPress部落格網站!
「 WordPress 架站教學系列文章」
1. Cloudways 教學:WordPress 架站推薦主機,每月 400 台幣即可擁有超高網站效能!
2. 【NameCheap 教學】老字號網域商,10 分鐘快速完成網域購買!完整教學
3. 【 WordPress 架站教學#3】在 Cloudways 中設定 WordPress 網域、網站 SSL 憑證!讓你的網站更安全!
透過Cloudways設定Wordpress的網域
step 1
到 Cloudways 網站,登入 Cloudways,並跳轉到 Application 的控制畫面
step 2
選擇左方「Domain Management」分頁,並將自己的網域填入「Primary Domain」的欄位中,點擊「Save Changes」儲存設定
*請注意,這邊填入www.codingmrk.com以及codingmrk.com是不一樣的哦,依照你想要哪一個就填入那一個
step 3
設定完成並等他跑完之後,點擊左方「Access Details」回到資訊,就可以看到紅框處WordPress網站的網址,已經被改換成你剛剛購買的網域網址了!
step 4
嘗試透過你的網域網址瀏覽WordPress網站,可以正常看到畫面,但會看到左上較網址列顯示一個「i 不安全」的標記。這是因為這個網域尚未設定SSL憑證,瀏覽器會認為這網址是不安全的!
接下來我就要教大家如何在Cloudways中設定SSL憑證,讓瀏覽器辨識此網址網站是安全的!
替WordPress網站加上SSL憑證
設定SSL憑證
step 1
點擊左方「SSL Certificate」分頁,並填入你聯繫的Email以及剛剛註冊的網域名稱,最後點擊「Install Certificate」。
*如果上面網域是輸入www.codingmrk.com的話,下方這裡也要輸入一樣的哦
step 2
當你點了上一步的「Install Certificate」之後,他會跑一下子,並且跳出視窗,詢問你如果有人用http(未加密)瀏覽你的網站,要不要強制將它跳轉到https開頭的網址,這邊我們點擊「Enable Https」確定。
step 3
step 4
刷新一下你剛剛的畫面,就可以看到WordPress網站網址左邊多了個「鎖頭」符號,就代表成功綁定SSL加密憑證囉!
回到Cloudflare調整SSL加密設定
step 1
回到Cloudflare網站,點擊上方「SSL/TSL」,並且將下方設定成「Full(strict)」(點下去自己就會自動儲存了)
設定防火牆代管
step 1
回到Cloudways畫面,點擊右上方「Server」的圖示,跳轉到Server控制畫面
step 2
點擊左邊「Settings & Packages」分頁,再點擊「Advanced」
step 3
滑動到下方Nginx處,將「WAF MODULE」調整成「Cloudflare」,讓防火牆依照Cloudflare的設定。
step 4
點擊下方「Save Change」儲存設定,就完成囉!
以上就完成了架站所需的三大元素:主機、網域、內容管理系統(WordPress)。接下來就可以開始使用WordPress來設定、管理、調整你的網站內容囉!
如果你想要學更多,因為我目前還不打算撰寫WordPress使用教學的相關系列文章,因此你可以到我推薦的網站「工具王阿璋」去看更多WordPress的深入教學!點下方文章連結過去看看吧!
想學習更多好用數位工具?
【免費支持】如果這篇文章有幫助到您或想鼓勵我 ,請幫我在下方處綠色的拍手圖示按5下,只要登入Google或FB,不需花費任何經費就能支持我,感謝您!
cloudflare 已經照著SSL/TSL的概述那邊,設定成「Full(strict)」了,但是邊緣證書那邊該如何設定呢?
一律使用 HTTPS、
HTTP 強制安全傳輸 (HSTS)、
最低 TLS 版本、
伺機加密、
自動改寫 HTTPS、
停用通用 SSL(這邊最有疑問,cloudways那邊既然已經設置了SSL,這邊還要嗎?)
然後目前網站只要用成https就會格式跑掉~
可cloudflare設定的話,當你的主機SSL沒有設定好時,cloudflare就會幫你擋掉http請求。
可以把你格式跑掉的畫面截圖或錄影傳到 support@leadingmrk.com ,我幫你看看~
請問為什麼還需要Cloudflare代管呢?
cloudway本身沒有SSL嗎?
Cloudflare主要功能是阻擋DDOS攻擊,並且也可以提供網域端的快取,讓網站讀取更快速。
Cloudways則是主機,有內建免費SSL,但跟Cloudflare無關哦要分開思考
今天終於一口氣跟著3篇教學文,完成主機、網域還有相關基本設定。
步驟超清楚又詳細,無工程師腦也一樣無痛完成,實用推推!
感謝學姊推薦!!太好了,期待你的網站!
想詢問在這一段中,這填入www.codingmrk.com以及codingmrk.com是不一樣的哦。假設是網站搬家,要怎麼知道原本的網站是否有www.開頭,還是沒有www開頭??
感謝
如果填入有www的話,未來你在網站中點擊連結跳轉後,都會跳到www.開頭的網址。
因此這邊的意思是兩個都可以填寫,如果你是搬家的話,建議就是看你網站原本有沒有www開頭,就照舊哦!
(免得搜尋引擎已經收錄你之前的網址,後面修改後會有問題)
感謝,複製自己的網站下來都有www開頭,所以搬家在Domain Management終就輸入www開頭,目前狀況是ok的,google搜尋也沒問題。今天MR. K跟Jerry影片超讚!!!
那就好~有遇到問題都可以再來問我,我都會隨時check留言~
也謝謝你特別誇獎我們的訪談影片,也算是剛好有機會可以做階段性的小紀錄,不過後面還有很長的路要走呢!
一起加油!