你在這裡：首頁 / 雜七雜八 / 實用教學 / 在 WordPress 設定 HTTPS，強制使用 SSL 安全加密協定教學本文參考資料為 Moving to HTTPS on WordPress, 原作者 Chris Coyier。如果你有注意，從昨天開始，免費資源網路社群網站鏈結已經更新，改採 HTTPS 也就是俗稱的安全通訊協定（Secure Sockets Layer，簡稱 SSL），在網址列旁邊會顯示一個安全鎖頭小圖示，目的在於提高使用者瀏覽網站的安全性，在伺服器與用戶端傳送內容時，即使封包被擷取，也無法取得傳輸的內容。此外，透過一些公眾 WiFi 連線時，可能會在瀏覽網頁時置入特定的廣告代碼，使用 HTTPS 可避免這些問題發生。另一方面，Google 去年公告將安全列為搜尋排名演算法的指標，以確保使用者在搜尋結果取得的都是安全鏈結。如果你有在自己網站、部落格連結本站，也別忘記更新一下免費資源網路社群的鏈結，即使舊鏈結都會自動重新導向至新鏈結。在計畫更新網站鏈結前，我做了不少準備，還好在國外網站 CSS-Tricks 找到一篇完整教學，讓我在進行時減少可能出錯或發生問題的機會。特別利用這篇文章來紀錄如何在 WordPress 設定 HTTPS ，使網站可強制使用 SSL 安全加密協定。若你本身有在維護 WordPress 網站，也打算讓網站走向 HTTPS 化，可參考本的操作設定步驟，就能用最短、最無痛的方式更新，轉換到新的安全協定。一、取得 SSL 安全憑證這是必要且最重要的步驟，就是在你的伺服器或虛擬主機安裝 SSL 安全憑證。購買方式很多，在這裡就不多做贅述。你可以從你的主機提供商獲取相關資訊，或者網路上也有不少販售 SSL 憑證的公司，價格都不一定，可從有折扣、價格較低的管道購得。免費資源網路社群目前是使用由 CloudFlare 提供的免費 SSL 憑證，搭配主機端的 SSL 來做嚴格完整的 SSL（Full SSL），比較特別的是 CloudFlare 內建許多可選擇的 SSL 選項，即使你的主機端沒有 SSL 憑證，依然可利用它提供的 Flexible SSL 獲得加密傳輸的效果。這部分以前是必須付費的，但現在已經對免費帳戶開放。當 SSL 憑證安裝完成後，你應該就能使用 HTTP 和 HTTPS 兩種協定來瀏覽網站。如果在連線時跳出錯誤或是警告訊息，有可能是憑證沒有正確安裝所致。二、從控制台開始設定在 WordPress 部分，建議從控制台的 HTTPS 開始設定（同時也測試一下是否有問題），設定方式很簡單，可以參考 Administration Over SSL 說明。這裡應該要能正常運作，而且不該出現任何錯誤（這裡的錯誤是指當網頁存在「混合內容」，也就是 HTTP 和 HTTPS 共存的情形，會跳出錯誤訊息）。要讓 WordPress 控制台強制使用 HTTPS，只要在你 WordPress 根目錄的 wp-config.php 設定檔內置入以下程式碼： define('FORCE_SSL_ADMIN', true); 記得先確保 WordPress 控制台能在 HTTPS 協定下正常運作，開啟 https://yoursite.com/wp-admin/ 測試。如果無法正確開啟，或者出現錯誤，這可能是你的 SSL 沒有正常運作。若持續錯誤，可以先把上面的程式碼移除。若是正常運作，你會看到安全連線：三、試著讓前台的單一頁面可以運作下個步驟是要讓你的前台可以使用 HTTPS。要一次完成設定是非常困難的，我們可以循序漸進，先從一個目標頁面來測試、調整。對我來說，我任意挑選其中一篇文章來測試，或者你也可以選擇在註冊頁面進行，因為這頁面可能會需要更高的安全性。有個很實用的外掛「WordPress HTTPS (SSL)」可以幫助你。透過這個外掛，你就能在文章或頁面編輯畫面，強制讓它透過 HTTPS 進行連線，這樣就能測試 HTTPS 能否在前台正常運作。四、處理混合式內容警告接下來要做的，就是處理下圖這個問題：這就像是「嘿！使用 HTTPS 很不錯，但你還無法獲得綠色的鎖頭圖示！」。如果你開啟開發人員工具的 Console，你可能會看到如下圖訊息：在這裡，因為有些圖片使用 CodePen 內嵌語法，網址列為 http 所致。但它有可能是任何東西，HTTP

References

在 WordPress 設定 HTTPS，強制使用 SSL 安全加密協定教學