WordPress調用文章中圖片的實用方法

來自：素雅營銷研究院

方知筆記

2025年08月30日 06:02

WordPress作為全球最受歡迎的內容管理系統(tǒng)之一，提供了多種靈活的方式來調用和管理文章中的圖片。無論是開發(fā)主題還是優(yōu)化網站內容，掌握這些技巧都能顯著提升工作效率。本文將介紹幾種實用的WordPress調用文章中圖片的方法。

1. 使用the_post_thumbnail()函數(shù)調用特色圖片

特色圖片(Featured Image)是WordPress文章最常用的圖片調用方式：

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

可以通過參數(shù)指定圖片尺寸：’thumbnail’(縮略圖)、’medium’(中等)、’large’(大圖)或’full’(原圖)。

2. 從文章內容中提取第一張圖片

當文章沒有設置特色圖片時，可以提取內容中的第一張圖片作為替代：

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;
}

3. 使用get_attached_media()獲取文章附件圖片

獲取文章上傳的所有圖片附件：

$attachments = get_attached_media('image', $post->ID);
if ($attachments) {
foreach ($attachments as $attachment) {
echo wp_get_attachment_image($attachment->ID, 'medium');
}
}

4. 高級技巧：使用WP_Query調用含特定圖片的文章

$args = array(
'post_type' => 'post',
'meta_query' => array(
array(
'key' => '_thumbnail_id',
'compare' => 'EXISTS'
)
)
);
$query = new WP_Query($args);