Wordpress 图像未显示 - 图像的 URL 显示为数字

Question

我们的Wordpress网站突然停止显示所有'特色'图像。他们只是空白的。当我们查看源代码时，它显示 url(896(。我们尝试再次选择图像(在后端显示正常(，但在前端它仍然是空白的，网址无效。知道如何解决这个问题以及可能发生了什么？啪！

更新：以下代码是用于提取特色图像(使用不正确的 URL(的代码：

<div class="hero homepage relative-block" style="background-image:url(<?php the_field('hero_background_image'); ?>);<?php $hero_aspect_ratio = get_field('hero_aspect_ratio'); if( $hero_aspect_ratio ) { echo "padding-top:".$hero_aspect_ratio."%;"; } ?>"></div>

编辑：-

以下内容也没有抓取任何内容。有什么想法吗？

<div class="page-content">
<?php get_template_part('content-block-loop'); ?>
</div>

Answer 1

您的字段hero_background_image返回附件 ID 而不是图像的 URL。将wp_get_attachment_url($id)与返回 id 的get_field()一起使用，而不是输出值以获取附件/图像 URL 的the_field()：

<div class="hero homepage relative-block" style="background-image:url(<?php  echo wp_get_attachment_url(get_field('hero_background_image')); ?>);<?php $hero_aspect_ratio = get_field('hero_aspect_ratio'); if( $hero_aspect_ratio ) { echo "padding-top:".$hero_aspect_ratio."%;"; } ?>"></div>

可能的原因：如果您使用某些元框/自定义字段插件作为元框、工具集类型或 ACF，则可能有人更改了字段的设置，以返回附件的 ID 而不是 URL。所以这也可能解决问题。