5ucms论坛

标题: WordPress多媒体缩略图设置 [打印本页]

作者: admin 时间: 2021-5-29 00:07
标题: WordPress多媒体缩略图设置
在Wordpress还没有缩略图功能的时候，模板开发的同学，基本都是用代码，直接调用文章第一张图片作为栏目列表缩略图。如果现在旧的模板，还没有更新，应还会保留着这个功能。但这个功能有个缺点就是调用原图作为缩略图，所以图片比较大，而且比例基本能不和列表页缩略图CSS比例一样，所以造成列表图片变形不清析。

1缩略图功能激活
现在模板基本都已经支持激活了这功能的了。那模板是如何激活这功能的呢，就是下面这行代码，放在functions.php文件里就可以了。

add_theme_support( 'post-thumbnails' );

复制代码

2缩略图大小设置

按上面设置的例子，生成缩略图：

宽度大于400，高度大于222时，缩略图大小为：400×222

宽度大于400，高度少于222时，缩略图大小为：400×原图片高度

宽度少于400，高度大于222时，缩略图大小为：原图片宽度×222

关于中等大小和大尺寸，也是缩略图，原理和上面一样，当都设成0时，则不生成。

2模板调用缩略图

<?php if ( has_post_thumbnail() ) { ?>
<?php the_post_thumbnail('thumbnail'); ?>
<?php } else {?>
<img src="图片地址">
<?php } ?>

复制代码

字符串参数：thumbnail ( 小尺寸 )、medium ( 中等尺寸 )、large ( 大尺寸 )、full ( 完整尺寸 )。

欢迎光临 5ucms论坛 (http://bbs.5ucms.com/)