WordPress 调用图片:没有可用默认图片代替

在我们使用 wordpress 开发主题的时候,通常会遇到一个问题,就是某一处希望调用上传的图片来展示效果,但是呢,偶尔那个地方暂时又不需要上传图片(假设那个地方的图片设计师还没做好),这个时候使用一张默认的图片做占位会比较好一点。

下面是两种代码使用情况:

使用 ACF 插件,调用分类页一个图片纯链接的原代码:

<img width="100%" src="<?php if ($image): ?>
    <?php echo esc_url($image['url']); ?>
    <?php endif; ?>">

修改后代码:

<?php
if ($image && $image['url']) {
echo esc_url($image['url']);
} else {
// 替代默认图片的URL
$default_image_url = '链接到默认图片的URL';
echo esc_url($default_image_url);
}
?>

调用缩略图链接的原代码:

<img width="100%" src="<?php 
$post_thumbnail_id = get_post_thumbnail_id();
if ($post_thumbnail_id) {
$thumbnail_url = wp_get_attachment_image_src($post_thumbnail_id, 'full')[0];
echo esc_url($thumbnail_url);
}
?>">

修改后的代码:

<?php 
$post_thumbnail_id = get_post_thumbnail_id();
if ($post_thumbnail_id) {
$thumbnail_url = wp_get_attachment_image_src($post_thumbnail_id, 'full')[0];
echo esc_url($thumbnail_url);
}else {
        // 替代默认图片的URL
        $default_image_url = 'https://#####/wp-content/uploads/2024/01/banner-white-400.png';
        echo esc_url($default_image_url);
    }
?>

在这个修改后的代码中,首先检查是否存在上传的图片,并且确保该图片有URL。如果存在,就使用上传的图片的URL。如果不存在,就使用默认图片的URL。请将 '链接到默认图片的URL' 替换为你默认图片的实际URL。

滚动至顶部