wordpress文章缩略图不显示(文章缩略图空白什么原因)

科尼 网络技术1 12,876

 

有许多的站长在建立网站的时间都会碰到文章缩略图片不显示的问题,很多需要缩略图的地方呈现空白状态。那么,作为网站站长,怎么去排查解决这个缩略图片不显示问题呢?本站长下面教你轻松搞定网站缩略图图片空白问题的解决方法。文章源自首码有财花-https://www.9ch.cc/11509/

文章列表缩略图不显示或者缩略图是空白的状态。首先要找出问题所在。PS:本文针对的是对于用WordPress系统建站的用户。使用其他程序建站的小伙伴可以做个参考。
文章列表缩略图不显示或者缩略图是空白的状态。出现这种情况大概要从这2个问题入手去查找。

1:图片延迟加载问题。

1.1网站没有启用延迟加载或没有启用图片延迟加载。

网站没有启用延迟加载或没有启用图片延迟加载。文章列表缩略图不显示或者缩略图是空白的状态。这个问题是最简单的。直接鼠标在不显示的图片上右键,然后“在新标签中打开图片”,如下图,然后就可以知道图片地址具体报啥错误了,根据报错去纠正就行,基本都是 404 图片不存在问题...文章源自首码有财花-https://www.9ch.cc/11509/

1.2网站启用延迟加载或启用图片延迟加载。文章列表缩略图不显示

假如网站启用了图片延迟加载,图片不显示的话,就需要通过浏览器的审查元素来获取图片的真实地址然后查看了。文章源自首码有财花-https://www.9ch.cc/11509/

1:首先鼠标放在不显示的图片上然后右键,点击“审查”或者“审查元素”,如下图:文章源自首码有财花-https://www.9ch.cc/11509/

 文章源自首码有财花-https://www.9ch.cc/11509/

 文章源自首码有财花-https://www.9ch.cc/11509/

 文章源自首码有财花-https://www.9ch.cc/11509/

2:然后第二步在弹出的浏览器控制台中,找到图片的 img 标签,如下图:文章源自首码有财花-https://www.9ch.cc/11509/

 文章源自首码有财花-https://www.9ch.cc/11509/

 文章源自首码有财花-https://www.9ch.cc/11509/

 文章源自首码有财花-https://www.9ch.cc/11509/

3:双击图中箭头指的 data-original 属性的值,如下图,然后ctrl+c复制鼠标箭头指的白色背景的网址即可,这个复制的值就是图片的真实显示地址链接了,然后浏览器新标签打开这个链接地址,即可看到相关报错了,然后根据报错去修正就行。文章源自首码有财花-https://www.9ch.cc/11509/

 文章源自首码有财花-https://www.9ch.cc/11509/

 文章源自首码有财花-https://www.9ch.cc/11509/

 文章源自首码有财花-https://www.9ch.cc/11509/

2:图片地址不正确导致文章列表缩略图不显示或者缩略图是空白的状态

 文章源自首码有财花-https://www.9ch.cc/11509/

首先查看媒体库里的图片,如果媒体库里的图片也是空白的不显示的,那么大概率就是图片地址不正确了,特别有很多小伙伴用了云存储,图片都上传到云存储了,属于外部链接了。而WP有不支持外部链接图片的缩略图,那么就会导致文章列表缩略图不显示或者缩略图是空白的状态。这个问题怎么解决呢?文章源自首码有财花-https://www.9ch.cc/11509/

WordPress缩略图缓存文件夹一般是在wp-content目录thumbnail文件夹中,启用会自动生成这个文件夹,如果没有自动生成,在wp-content目录新建thumbnail文件夹,权限设置为755以上(或者777)。文章源自首码有财花-https://www.9ch.cc/11509/

可以使用FTP客户端右键cache文件夹,在调出的菜单中选择属性,最终设置如图:文章源自首码有财花-https://www.9ch.cc/11509/

 文章源自首码有财花-https://www.9ch.cc/11509/

WP默认并没有开启所有外链图片自动裁剪,如想实现外链图片自动裁剪,打开WP根目录的timthumb-config.php,添加外链接图片地址域名:

  1. // 添加外链图片地址域名
  2. if(! isset($ALLOWED_SITES)){
  3. $ALLOWED_SITES = array (
  4. 'qn.baidu.com',
  5. 'qn.9ch.cc',
  6. );
  7. }

PS:格式类似'qn.9ch.cc',一行一个.

评论  1  访客  0  作者  1
    • 有财花
      有财花 0

      有不会的小伙伴可以评论区留言,我可以帮忙解决

    回复问题