wordpress外贸网站维护教程:修复SSL证书导致的图片与谷歌验证码不显示问题

继续分享wordpress外贸网站维护教程。悦然一个朋友的网站遇到了两个问题,分别是产品上传图片不显示(前端后台都不显示),elementor表单的谷歌RECAPTCHA验证码不显示。

分析问题

先分析出大概的问题,然后我再针对性的处理。

上传图片不显示

wordpress外贸网站维护教程:修复SSL证书导致的图片与谷歌验证码不显示问题-悦然跨境出海

上传图片不显示一般考虑可能是图片格式的问题,或者是缓存的问题,但看过后台并测试之后这个原因可以排除。后来通过F12查看挂掉的图片url,放到浏览器直接打开时会提示不安全,因此问题可能与SSL证书有关。

wordpress外贸网站维护教程:修复SSL证书导致的图片与谷歌验证码不显示问题-悦然跨境出海

继续检查他的服务器(用的hostinger),发现他的域名DNS不是用的hostinger,所以SSL证书只匹配了不带www的域名。当使用www网址时,浏览器就会提示不安全,内容无法显示。

谷歌验证码不显示

wordpress外贸网站维护教程:修复SSL证书导致的图片与谷歌验证码不显示问题-悦然跨境出海

悦然之前也遇到过类似的问题,有时可能存在谷歌验证码V2和V3的插件兼容问题,可以尝试V3换成V2即可恢复正常。但是悦然实测把V3换成V2同样不显示,此时回想起上一步遇到的ssl证书问题,大概率可能也与SSL证书有关。

处理方法

根据上面的分析这两个问题大概率是同一个原因导致的,那就是SSL证书和网址不匹配。这里提供以下几种解决方法供大家参考:

方法一:修改域名DNS

到域名管理中修改DNS,把DNS服务器修改为服务器提供的。比如朋友使用的是hostinger服务器,那么可以把域名DNS修改为:ns1.dns-parking.com;ns2.dns-parking.com

方法二:使用不带www的网址

wordpress外贸网站维护教程:修复SSL证书导致的图片与谷歌验证码不显示问题-悦然跨境出海

如果不想或不能修改DNS,那么可以不要www网址。在wordpress网站后台的【设置】中,如上图,把两个url中的www删除,然后保存。

wordpress外贸网站维护教程:修复SSL证书导致的图片与谷歌验证码不显示问题-悦然跨境出海

然后重新申请谷歌的RECAPTCHA验证码API,申请的网址也要填写不带www的。

方法三:添加www解析

如果不想修改DNS,同时又想使用www网址,那么可以尝试在域名管理中添加www解析,指向服务器IP。然后再尝试重新申请SSL证书。

处理结果

wordpress外贸网站维护教程:修复SSL证书导致的图片与谷歌验证码不显示问题-悦然跨境出海

这里我们使用的是方法二,把网址改成了不带www的,这样就不用做过多的处理,图片和谷歌验证码都可以正常显示了。

购物车
优惠劵
搜索