WordPress調(diào)用文章原圖的方法與技巧

來自：素雅營銷研究院

方知筆記

2025年07月04日 15:00

在WordPress網(wǎng)站開發(fā)過程中，經(jīng)常需要調(diào)用文章的原始圖片而非縮略圖，這對于保證圖片質(zhì)量和實(shí)現(xiàn)特定設(shè)計效果非常重要。本文將詳細(xì)介紹幾種在WordPress中調(diào)用文章原圖的有效方法。

一、使用the_post_thumbnail()函數(shù)調(diào)用原圖

WordPress提供了the_post_thumbnail()函數(shù)來顯示文章的特色圖片，默認(rèn)情況下它會顯示中等大小的縮略圖。要調(diào)用原圖，可以這樣使用：

<?php if (has_post_thumbnail()) : ?>
<?php the_post_thumbnail('full'); ?>
<?php endif; ?>

其中’full’參數(shù)表示獲取原始上傳的完整尺寸圖片。

二、通過wp_get_attachment_image_src獲取原圖URL

如果需要獲取原圖的URL而非直接輸出圖片標(biāo)簽，可以使用wp_get_attachment_image_src函數(shù)：

<?php
$image_data = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full');
$image_url = $image_data[0];
?>
<img src="<?php echo $image_url; ?>" alt="<?php the_title(); ?>">

這種方法特別適合需要自定義圖片標(biāo)簽屬性的情況。

三、在循環(huán)外調(diào)用特定文章的原圖

如果需要調(diào)用非當(dāng)前文章的原圖，可以結(jié)合get_post_thumbnail_id()和wp_get_attachment_image_src：

<?php
$post_id = 123; // 目標(biāo)文章ID
$image_data = wp_get_attachment_image_src(get_post_thumbnail_id($post_id), 'full');
$image_url = $image_data[0];
?>

四、使用get_the_post_thumbnail_url簡化代碼

WordPress 4.4+版本提供了更簡潔的get_the_post_thumbnail_url函數(shù)：

<img src="<?php echo get_the_post_thumbnail_url(get_the_ID(), 'full'); ?>" alt="">

五、處理無特色圖片的情況

在實(shí)際應(yīng)用中，應(yīng)該考慮文章可能沒有設(shè)置特色圖片的情況：

<?php
$default_image = get_template_directory_uri().'/images/default.jpg';
$image_url = has_post_thumbnail() ? get_the_post_thumbnail_url(get_the_ID(), 'full') : $default_image;
?>
<img src="<?php echo $image_url; ?>" alt="<?php the_title(); ?>">