WordPress調(diào)用圖片的幾種常用方法

來(lái)自：素雅營(yíng)銷研究院

方知筆記

2025年06月25日 03:24

WordPress作為全球最流行的內(nèi)容管理系統(tǒng)，提供了多種靈活的方式來(lái)調(diào)用和管理圖片資源。無(wú)論是主題開(kāi)發(fā)還是日常內(nèi)容創(chuàng)作，掌握?qǐng)D片調(diào)用技巧都能顯著提升工作效率。以下是幾種常用的WordPress圖片調(diào)用方法。

一、使用the_post_thumbnail()函數(shù)

這是WordPress核心提供的標(biāo)準(zhǔn)方法，用于調(diào)用文章的特色圖片(Featured Image)：

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

參數(shù)說(shuō)明：

‘full’ - 調(diào)用原圖
‘large’ - 大尺寸(默認(rèn)1024px)
‘medium’ - 中等尺寸(默認(rèn)300px)
‘thumbnail’ - 縮略圖(默認(rèn)150px)

二、通過(guò)附件ID調(diào)用圖片

WordPress每張上傳的圖片都會(huì)生成一個(gè)附件ID，可以通過(guò)wp_get_attachment_image()函數(shù)調(diào)用：

<?php
$image_id = 123; // 替換為實(shí)際附件ID
echo wp_get_attachment_image($image_id, 'large');
?>

三、使用ACF高級(jí)自定義字段插件

如果安裝了Advanced Custom Fields插件，可以更靈活地管理圖片字段：

<?php
$image = get_field('image_field'); // 替換為你的字段名
if ($image) {
echo '<img src="'.$image['url'].'" alt="'.$image['alt'].'">';
}
?>

四、直接從文章內(nèi)容中提取圖片

有時(shí)需要從文章內(nèi)容中提取第一張圖片作為縮略圖：

<?php
function catch_first_image() {
global $post;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches[1][0] ?? '';
return $first_img;
}
?>

五、使用WP_Query調(diào)用特定圖片

結(jié)合WP_Query可以查詢特定條件的圖片附件：

<?php
$args = array(
'post_type' => 'attachment',
'post_mime_type' => 'image',
'posts_per_page' => 5,
'post_status' => 'inherit'
);
$query = new WP_Query($args);
while ($query->have_posts()) : $query->the_post();
echo wp_get_attachment_image(get_the_ID(), 'thumbnail');
endwhile;
wp_reset_postdata();
?>