fbpx

【 WordPress 架站教學#3】在 Cloudways 中設定 WordPress 網域、網站 SSL 憑證!讓你的網站更安全!

WordPress架站教學

最後更新時間: 2023 年 01 月 13 日

本篇文章要教大家如何將上一堂課在NameCheap購買的網域網址,套用到Cloudways的主機,並且幫網站加入SSL加密憑證,讓網站更安全也更受信任。

本篇雖然篇幅較少,但為了與其他系列的教學文章串連,因此獨立一篇來做說明,請大家見諒。

想要架站的各位,可以觀看WordPress架站教學系列文章,並且跟我一樣架設一個自己的WordPress部落格網站!

「 WordPress 架站教學系列文章」
1. Cloudways 教學:WordPress 架站推薦主機,每月 400 台幣即可擁有超高網站效能!
2. 【WordPress 架站教學#2】透過 NameCheap 購買網域!首次購買、續約都便宜!
3. 【 WordPress 架站教學#3】在 Cloudways 中設定 WordPress 網域、網站 SSL 憑證!讓你的網站更安全!



透過Cloudways設定Wordpress的網域

step 1

進入 Cloudways Application 控制畫面

Cloudways 網站,登入 Cloudways,並跳轉到 Application 的控制畫面

進入Cloudways Application控制畫面

step 2

設定Primary Domain

選擇左方「Domain Management」分頁,並將自己的網域填入「Primary Domain」的欄位中,點擊「Save Changes」儲存設定

*請注意,這邊填入www.codingmrk.com以及codingmrk.com是不一樣的哦,依照你想要哪一個就填入那一個

設定Primary Domain

step 3

回到Application畫面查看資訊

設定完成並等他跑完之後,點擊左方「Access Details」回到資訊,就可以看到紅框處WordPress網站的網址,已經被改換成你剛剛購買的網域網址了!

回到Application畫面查看資訊

step 4

嘗試瀏覽

嘗試透過你的網域網址瀏覽WordPress網站,可以正常看到畫面,但會看到左上較網址列顯示一個「i 不安全」的標記。這是因為這個網域尚未設定SSL憑證,瀏覽器會認為這網址是不安全的!

嘗試瀏覽

接下來我就要教大家如何在Cloudways中設定SSL憑證,讓瀏覽器辨識此網址網站是安全的!



替WordPress網站加上SSL憑證

設定SSL憑證

step 1

加入SSL憑證

點擊左方「SSL Certificate」分頁,並填入你聯繫的Email以及剛剛註冊的網域名稱,最後點擊「Install Certificate」

*如果上面網域是輸入www.codingmrk.com的話,下方這裡也要輸入一樣的哦

加入SSL憑證

step 2

設定http 強制跳轉到 https加密網址開頭

當你點了上一步的「Install Certificate」之後,他會跑一下子,並且跳出視窗,詢問你如果有人用http(未加密)瀏覽你的網站,要不要強制將它跳轉到https開頭的網址,這邊我們點擊「Enable Https」確定。

設定http 強制跳轉到 https加密網址開頭

step 3

設定成功

設定成功

step 4

刷新畫面查看SSL憑證

刷新一下你剛剛的畫面,就可以看到WordPress網站網址左邊多了個「鎖頭」符號,就代表成功綁定SSL加密憑證囉!

刷新畫面查看SSL憑證

回到Cloudflare調整SSL加密設定

step 1

設定Cloudflare

回到Cloudflare網站,點擊上方「SSL/TSL」,並且將下方設定成「Full(strict)」(點下去自己就會自動儲存了)

設定Cloudflare

設定防火牆代管

step 1

跳轉到Cloudways Server控制畫面

回到Cloudways畫面,點擊右上方「Server」的圖示,跳轉到Server控制畫面

跳轉到Cloudways Server控制畫面

step 2

跳到進階設定畫面

點擊左邊「Settings & Packages」分頁,再點擊「Advanced」

跳到進階設定畫面

step 3

設定WAF MODULE(防火牆設定)

滑動到下方Nginx處,將「WAF MODULE」調整成「Cloudflare」,讓防火牆依照Cloudflare的設定。

設定WAF MODULE(防火牆設定)

step 4

儲存設定

點擊下方「Save Change」儲存設定,就完成囉!

儲存設定

以上就完成了架站所需的三大元素:主機、網域、內容管理系統(WordPress)。接下來就可以開始使用WordPress來設定、管理、調整你的網站內容囉!

如果你想要學更多,因為我目前還不打算撰寫WordPress使用教學的相關系列文章,因此你可以到我推薦的網站「工具王阿璋」去看更多WordPress的深入教學!點下方文章連結過去看看吧!

WordPress 功能介紹、基本環境設定 | 站長之路#3


想學習更多好用數位工具、一起提升生產力、增加工作效率?

填寫下方表單,限時免費領取《數位工具應用地圖電子書》,內有超完整數位工具應用情境與攻略,一次帶走所有好用工具與使用攻略!

Ps. 領取後,我們還會每週二準時發送給你一封《領先數位週報》電子信,持續跟你分享最新研究的推薦數位工具,以及一個提升生產力的小技巧!


【免費支持】如果這篇文章有幫助到您或想鼓勵我 ,請幫我在下方處綠色的拍手圖示按5下,只要登入Google或FB,不需花費任何經費就能支持我,感謝您!

“【 WordPress 架站教學#3】在 Cloudways 中設定 WordPress 網域、網站 SSL 憑證!讓你的網站更安全!” 有 10 則留言

  1. cloudflare 已經照著SSL/TSL的概述那邊,設定成「Full(strict)」了,但是邊緣證書那邊該如何設定呢?
    一律使用 HTTPS、
    HTTP 強制安全傳輸 (HSTS)、
    最低 TLS 版本、
    伺機加密、
    自動改寫 HTTPS、
    停用通用 SSL(這邊最有疑問,cloudways那邊既然已經設置了SSL,這邊還要嗎?)
    然後目前網站只要用成https就會格式跑掉~

    1. Cloudflare主要功能是阻擋DDOS攻擊,並且也可以提供網域端的快取,讓網站讀取更快速。
      Cloudways則是主機,有內建免費SSL,但跟Cloudflare無關哦要分開思考

  2. 今天終於一口氣跟著3篇教學文,完成主機、網域還有相關基本設定。
    步驟超清楚又詳細,無工程師腦也一樣無痛完成,實用推推!

  3. 想詢問在這一段中,這填入www.codingmrk.com以及codingmrk.com是不一樣的哦。假設是網站搬家,要怎麼知道原本的網站是否有www.開頭,還是沒有www開頭??
    感謝

    1. 如果填入有www的話,未來你在網站中點擊連結跳轉後,都會跳到www.開頭的網址。
      因此這邊的意思是兩個都可以填寫,如果你是搬家的話,建議就是看你網站原本有沒有www開頭,就照舊哦!
      (免得搜尋引擎已經收錄你之前的網址,後面修改後會有問題)

      1. 感謝,複製自己的網站下來都有www開頭,所以搬家在Domain Management終就輸入www開頭,目前狀況是ok的,google搜尋也沒問題。今天MR. K跟Jerry影片超讚!!!

        1. 那就好~有遇到問題都可以再來問我,我都會隨時check留言~
          也謝謝你特別誇獎我們的訪談影片,也算是剛好有機會可以做階段性的小紀錄,不過後面還有很長的路要走呢!
          一起加油!

請留言

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

返回頂端