温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

WordPress中如何调试缩略图

发布时间:2021-09-01 09:16:20 阅读:87 作者:小新 栏目:开发技术
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

这篇文章主要为大家展示了“WordPress中如何调试缩略图”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“WordPress中如何调试缩略图”这篇文章吧。

the_post_thumbnail
the_post_thumbnail 在 WordPress 中主要用来打印文章中设定的缩略图,而 get_the_post_thumbnail 函数可以将你需要的 HTML 代码以字符串的形式返回。

the_post_thumbnail 函数的使用

the_post_thumbnail( $size , $attr)

函数参数

  • $size 是指你想要的缩略图类型 默认是 ‘post-thumbnail' 也就是特色图像

  • $attr 图像img标签中的属性设置。

the_post_thumbnail 函数声明

/**
 * Display Post Thumbnail.
 *
 * @since 2.9.0
 *
 * @param int $size Optional. Image size. Defaults to 'post-thumbnail', which theme sets using set_post_thumbnail_size( $width, $height, $crop_flag );.
 * @param string|array $attr Optional. Query string or array of attributes.
 */
function the_post_thumbnail( $size 'post-thumbnail'$attr '' {
 echo get_the_post_thumbnailnull$size$attr );
}
get_the_post_thumbnail 函数声明
 * Retrieve Post Thumbnail.
 *
 * @since 2.9.0
 *
 * @param int $post_id Optional. Post ID.
 * @param string $size Optional. Image size. Defaults to 'post-thumbnail'.
 * @param string|array $attr Optional. Query string or array of attributes.
 */
function get_the_post_thumbnail( $post_id null$size 'post-thumbnail'$attr '' {
 $post_id = ( null === $post_id ) ? get_the_ID() : $post_id;
 $post_thumbnail_id get_post_thumbnail_id$post_id );
 $size apply_filters'post_thumbnail_size'$size );
 if $post_thumbnail_id ) {
 do_action'begin_fetch_post_thumbnail_html'$post_id$post_thumbnail_id$size ); // for "Just In Time" filtering of all of wp_get_attachment_image()'s filters
 if in_the_loop() )
  update_post_thumbnail_cache();
 $html wp_get_attachment_image$post_thumbnail_id$sizefalse$attr );
 do_action'end_fetch_post_thumbnail_html'$post_id$post_thumbnail_id$size );
 } else {
 $html '';
 }
 return apply_filters'post_thumbnail_html'$html$post_id$post_thumbnail_id$size$attr );

set_post_thumbnail_size
set_post_thumbnail_size 函数是 WordPress 中设置特色图像大小的一个函数也是 add_image_size 函数的一个简单的应用。为了更好的突出特色图像的使用, WordPress 自 2.9.0 版开始,便有了本函数。

set_post_thumbnail_size 函数的使用
与 add_image_size 函数使用大概类似,只是该函数只针对特色图像进行设置。

set_post_thumbnail_size( $width$height$crop)

参数详解

  • $width 图像宽度

  • $height 图像高度

  • $crop 是否按照高宽剪裁图像

实例

set_post_thumbnail_size(100,0,true);

注意:当高度和宽度任意一个为0时, WP 将自动适应另一个值进行缩略图生成工作。

函数声明

/**
 * Registers an image size for the post thumbnail
 *
 * @since 2.9.0
 */
function set_post_thumbnail_size( $width 0$height 0$crop false {
 add_image_size'post-thumbnail'$width$height$crop );

以上是“WordPress中如何调试缩略图”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI

开发者交流群×