温馨提示×

温馨提示×

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

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

WordPress中如何调试缩略图

发布时间:2021-09-01 09:16:20 来源:亿速云 阅读:86 作者:小新 栏目:开发技术

这篇文章主要为大家展示了“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_thumbnail( null, $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, $size, false, $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中如何调试缩略图”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

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

AI