溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

WordPress中如何調(diào)試縮略圖

發(fā)布時間:2021-09-01 09:16:20 來源:億速云 閱讀:86 作者:小新 欄目:開發(fā)技術(shù)

這篇文章主要為大家展示了“WordPress中如何調(diào)試縮略圖”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“WordPress中如何調(diào)試縮略圖”這篇文章吧。

the_post_thumbnail
the_post_thumbnail 在 WordPress 中主要用來打印文章中設(shè)定的縮略圖,而 get_the_post_thumbnail 函數(shù)可以將你需要的 HTML 代碼以字符串的形式返回。

the_post_thumbnail 函數(shù)的使用

the_post_thumbnail( $size , $attr)

函數(shù)參數(shù)

  • $size 是指你想要的縮略圖類型 默認(rèn)是 ‘post-thumbnail' 也就是特色圖像

  • $attr 圖像img標(biāo)簽中的屬性設(shè)置。

the_post_thumbnail 函數(shù)聲明

/**
 * 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 函數(shù)聲明
 * 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 函數(shù)是 WordPress 中設(shè)置特色圖像大小的一個函數(shù)也是 add_image_size 函數(shù)的一個簡單的應(yīng)用。為了更好的突出特色圖像的使用, WordPress 自 2.9.0 版開始,便有了本函數(shù)。

set_post_thumbnail_size 函數(shù)的使用
與 add_image_size 函數(shù)使用大概類似,只是該函數(shù)只針對特色圖像進(jìn)行設(shè)置。

set_post_thumbnail_size( $width, $height, $crop)

參數(shù)詳解

  • $width 圖像寬度

  • $height 圖像高度

  • $crop 是否按照高寬剪裁圖像

實(shí)例

set_post_thumbnail_size(100,0,true);

注意:當(dāng)高度和寬度任意一個為0時, WP 將自動適應(yīng)另一個值進(jìn)行縮略圖生成工作。

函數(shù)聲明

/**
 * 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中如何調(diào)試縮略圖”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI