大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
首先看你主题的缩略图是怎么写的。
成都创新互联公司:于2013年成立为各行业开拓出企业自己的“网站建设”服务,为1000+公司企业提供了专业的成都网站建设、网站制作、网页设计和网站推广服务, 定制网站设计由设计师亲自精心设计,设计的效果完全按照客户的要求,并适当的提出合理的建议,拥有的视觉效果,策划师分析客户的同行竞争对手,根据客户的实际情况给出合理的网站构架,制作客户同行业具有领先地位的。
1、如果你的是截取文章第一张图,那么只要的文章的图片的尺寸不与缩略图的比例相近,那调用出来的肯定是变形的了。
2、如果缩略图采用的文章特色图,也会出现你所说的变形,除非比例很相近。
如在functions.php文件中采用的这种形式,add_image_size( 'thumbnail', 195, 195 );
3、如果缩略图采用的文章特色图,但使用的add_image_size( 'thumbnail', 195, 195, true );
这种就相对不会变形,但是是硬裁切。如图片尺寸比例不对,(很高的情况),它可能把顶部和底部部分给裁切掉了,比如人物图片把头部或脚给裁切掉。
针对以上3种,第一种调用的图由于是原图,所以图片大小很大,影响网页加载,和空间的流量;第二三种的缩略图大小相对减少,节省空间流量和相对加快页面加载速度。
第二种相对第三种,图片比例掌握不好,还是会看到变形。而第三种个人比较倾向,只要你比例不是太离谱,基本不会变形,只是会裁切掉一些地方。【如缩略图是宽尺寸的,你就别用窄高尺寸的了】
综合以上,找到你的functions.php文件,查找文件中的add_image_size特色图尺寸代码,在尺寸后方加true。如
add_image_size( 'thumbnail', 195, 195, true );
以上只是参考,你可以找找官网资料。
链接:
codex.wordpress.org/Function_Reference/add_image_size
变形说明你的图片和模板的图片尺寸不匹配,你看看你的模板需要的图片大小,上传的图片也根据这个分辨率大小上传,就不会变形了
初步判断代码不是这里 是在CSS 里面限制了 在JS里面 代码没有完全贴出来
可能通过了CSS直接将图片大小修改了
就会出现这样的情况,鼠标右键图片看看相关css属性
BanYuner回复