SSL證書打破了CSS

Question

最近購買了SSL證書，但看起來該網站不會加載網站CSS。 這是鏈接， https：//www.rentpayment.com/通過查看控制台錯誤消息，這似乎是問題：

<link rel="stylesheet" href="http://www.rentpayment.com/wp-content/themes/rentpayment/style.css?ver=1.0" />

顯然將http更改為https可以解決問題，但是，這是我在header.php文件中的內容：

<link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>?ver=1.0" />

我可以將https添加到header.php中的動態字段中，還是其他地方的問題？

Answer 1

SSL沒有破壞CSS文件; 你需要確保CSS文件加載在https而不是http。 如果您使用瀏覽器開發工具查看您的站點，您將看到許多圖像和其他資源（如腳本）未通過https加載。

bloginfo功能 - 以及其他功能 - 從儀表板>常規，WordPress地址（URL）和站點地址（URL）中的WordPress站點設置中提取站點URL，這兩者都存儲在數據庫的wp_options表中。 通過Adminer或PHPMyAdmin將這兩個URL更改為WordPress或數據庫中的https。 事先備份數據庫。

但請注意，您需要更改數據庫中的所有URL，例如帖子和頁面中的圖像URL。 使用https://interconnectit.com/products/search-and-replace-for-wordpress-databases/將正確更改URL並最大限度地減少破損。

但是，在更改數據庫中的URL時，您的主題選項可能仍會中斷，您可能需要重置它們。 而且，其他事情可能會破裂; 事先備份數據庫。

之后，使用開發工具查找可能仍為http的其他元素，如主題文件中的硬編碼鏈接，這樣您的網站將完全https，用戶將看不到“不安全元素”錯誤。

Answer 2

我啟用SSL證書后，我喜歡使用Better Search Replace WordPress插件，以確保更改數據庫中的所有URL。 https://wordpress.org/plugins/better-search-replace/

在這種情況下，我會搜索：

http://www.rentpayment.com

並替換為：

https://www.rentpayment.com

在執行此操作之前，請務必進行備份。