Firefox中WordPress站点混合内容警告问题排查求助

一、定位图片请求的来源 #

• 利用Firefox开发者工具：打开「网络」面板，筛选「Images」类型，找到http://kauchoplus.com/wp-content/uploads/2020/09/banner-03.jpg这条请求，查看「发起者」标签，即可定位触发请求的文件（如主题模板、自定义代码、插件）。
• 检查WordPress后台设置：
  • 进入「设置」→「常规」，确认「WordPress地址(URL)」和「站点地址(URL)」均为HTTPS开头，HTTP地址会导致资源引用默认使用HTTP。
  • 查看Astra主题自定义选项：在「外观」→「自定义」中，检查Brandstore模板的banner、滑块等模块，是否残留该图片的HTTP链接（即使媒体库已删除，自定义设置可能仍保留旧链接）。
• 搜索数据库残留链接：通过phpMyAdmin或数据库管理工具执行SQL查询（替换实际数据表前缀wp_）：

  SELECT * FROM wp_posts WHERE post_content LIKE '%http://kauchoplus.com/wp-content/uploads/2020/09/banner-03.jpg%'
  

  同时检查wp_options、wp_postmeta表，确认是否有其他字段引用该HTTP链接。
• 排查插件影响：临时禁用所有插件，刷新页面查看警告是否消失，再逐个启用插件定位问题（缓存插件未清、图片/滑块插件残留旧链接都可能引发问题）。

二、解决混合内容与SSL问题 #

• 修复自签名SSL证书兼容性：
  Cloudflare的SSL/TLS模式需与服务器证书匹配：若使用自签名证书，需将Cloudflare SSL/TLS→概述中的模式设置为「灵活」；「完全（严格）」模式要求服务器使用受信任的SSL证书，建议替换为免费的Let's Encrypt证书，避免浏览器不信任及Cloudflare验证失败。
• 批量替换HTTP链接为HTTPS：
  • 数据库SQL替换（先备份数据库）：

    UPDATE wp_posts SET post_content = REPLACE(post_content, 'http://kauchoplus.com', 'https://kauchoplus.com');
    UPDATE wp_postmeta SET meta_value = REPLACE(meta_value, 'http://kauchoplus.com', 'https://kauchoplus.com');
    UPDATE wp_options SET option_value = REPLACE(option_value, 'http://kauchoplus.com', 'https://kauchoplus.com') WHERE option_name IN ('siteurl', 'home');
    

  • 插件替换：使用「Better Search Replace」插件，搜索http://kauchoplus.com并替换为https://kauchoplus.com，选择对应的数据表执行替换。
• 强制全站HTTPS并修复混合内容：
  • 在主题functions.php中添加代码强制跳转到HTTPS：

    add_action('template_redirect', function() {
        if (!is_ssl()) {
            wp_redirect('https://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'], 301);
            exit();
        }
    });
    

  • 启用「Really Simple SSL」插件：自动检测并修复混合内容，同时强制全站HTTPS，弥补Cloudflare自动HTTPS重写的遗漏（如内联CSS/JS中的动态链接）。
• 清理所有缓存：清理Cloudflare缓存（缓存→配置→清除缓存）、WordPress缓存插件缓存及浏览器缓存，确保旧HTTP链接不会被加载。

内容的提问来源于stack exchange，提问作者christianbueno.1