SSL与Visual Composer兼容问题：混合内容致绿色锁标不显示

我之前帮不少开发者解决过这类问题——你用Really Simple SSL启用SSL后，网站只显示灰色HTTPS标识而非绿色锁，核心原因就是Visual Composer插入的图片还在使用HTTP协议，触发了浏览器的混合内容警告。下面是一步步的解决方案：

第一步：确认Really Simple SSL的自动修复是否生效 #

首先回到WordPress后台，打开Really Simple SSL的设置面板：

• 找到「混合内容修复」选项，确保它是开启状态。这个功能会自动扫描页面中的HTTP资源并替换为HTTPS，但Visual Composer的部分内容（比如存储在自定义字段里的图片链接）可能会被漏掉。
• 如果开启后还是不行，先尝试清除插件缓存和浏览器缓存，再刷新页面看看。

第二步：手动更新Visual Composer模块中的图片链接 #

如果自动修复没覆盖到VC的图片，就得逐个检查页面里的VC模块：

• 编辑有问题的页面，找到使用了HTTP图片的VC模块（比如Image模块、Text模块里插入的图片）。
• 重新选择图片（确保媒体库中的图片URL已经是HTTPS），或者直接在模块的图片URL输入框里把http://改成https://，然后更新页面。
• 另外可以检查VC的全局设置，看看是否有默认的资源协议选项，直接设置为HTTPS，避免后续插入新图片再出问题。

第三步：数据库批量替换（适合大量页面有问题的场景） #

如果网站上很多VC页面都存在这个问题，手动修改效率太低，可以用数据库批量替换的方法：

• 安装并启用「Better Search Replace」插件（WordPress官方库就能找到）。
• 在插件设置中，搜索内容填http://www.websitename.com，替换内容填https://www.websitename.com。
• 选择需要替换的数据库表：重点选wp_posts（存储页面内容）和wp_postmeta（存储VC的自定义字段数据），其他和内容相关的表也可以选。
• 非常重要：替换前一定要备份整个数据库！ 避免操作失误导致数据损坏。
• 执行替换后，清除所有缓存再测试。

额外注意事项 #

• 如果你的网站用了CDN，要确保CDN已经配置了HTTPS证书，并且CDN回源用的是HTTPS。
• 如果有外部引用的图片（比如来自其他HTTP网站），要么换成该图片的HTTPS版本，要么替换成自己服务器上的HTTPS图片，不然还是会触发混合内容警告。

按照上面的步骤操作后，浏览器应该会显示绿色锁标了。如果还有问题，可以再检查浏览器控制台的错误信息，看看有没有其他未修复的HTTP资源。

内容的提问来源于stack exchange，提问作者Steffi