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

在执行此操作之前，请务必进行备份。