5ucms论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 11292|回复: 0
打印 上一主题 下一主题

[主题/模板] WordPress多媒体缩略图设置

[复制链接]

670

主题

785

帖子

8273

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
8273
跳转到指定楼层
楼主
发表于 2021-5-29 00:07:41 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
在Wordpress还没有缩略图功能的时候,模板开发的同学,基本都是用代码,直接调用文章第一张图片作为栏目列表缩略图。如果现在旧的模板,还没有更新,应还会保留着这个功能。但这个功能有个缺点就是调用原图作为缩略图,所以图片比较大,而且比例基本能不和列表页缩略图CSS比例一样,所以造成列表图片变形不清析。

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

  1. add_theme_support( 'post-thumbnails' );
复制代码

2缩略图大小设置

按上面设置的例子,生成缩略图:

宽度大于400,高度大于222时,缩略图大小为:400×222

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

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

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

2模板调用缩略图
  1. <?php if ( has_post_thumbnail() ) { ?>

  2. <?php the_post_thumbnail('thumbnail'); ?>

  3. <?php } else {?>

  4. <img src="图片地址">

  5. <?php } ?>
复制代码

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

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|5ucms.com

GMT+8, 2024-6-16 14:11 , Processed in 0.031250 second(s), 29 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表