在我们使用 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。