如何显示wordpress ACF插件自定义图像字段图像

如何显示wordpress ACF插件自定义图像字段图像,wordpress,image,post,advanced-custom-fields,meta-boxes,Wordpress,Image,Post,Advanced Custom Fields,Meta Boxes,我使用了ACF插件来添加自定义的PostMetaBox图像字段。我的自定义图像字段名为主页\u全宽 如何使用此自定义字段图像显示后期缩略图图像 谢谢。您可以通过两种方式完成: 您可以在您想要的主题php文件中使用get\u字段('homepage\u full\u width'),您可以看到它的文档 您可以使用和快捷编码来显示它:[acf field=“homepage\u full\u width”] 您可以阅读短代码的文档您可以使用图像ID作为ACF自定义图像字段的返回类型,然后您可以使用w

我使用了ACF插件来添加自定义的PostMetaBox图像字段。我的自定义图像字段名为主页\u全宽

如何使用此自定义字段图像显示后期缩略图图像


谢谢。

您可以通过两种方式完成:

  • 您可以在您想要的主题php文件中使用
    get\u字段('homepage\u full\u width')
    ,您可以看到它的文档

  • 您可以使用和快捷编码来显示它:
    [acf field=“homepage\u full\u width”]


  • 您可以阅读短代码的文档

    您可以使用图像ID作为ACF自定义图像字段的返回类型,然后您可以使用
    wp\u get\u attachment\u image()
    函数生成图像HTML

    $image = get_field('homepage_full_width');
    $size = 'thumbnail'; // (thumbnail, medium, large, full or custom size)
    
    if( $image ) {
    
        echo wp_get_attachment_image( $image, $size );
    
    }
    
    更新

    使用图像对象作为返回类型,然后重试

    <?php 
    $imageBg = get_field('homepage_full_width'); 
    $bg = $imageBg ? $imageBg['url'] : ''; 
    ?>
    <div class="zl-homefullwidth-img parallax_bg skrollable skrollable-between" style="transform: translate3d(0px, 0.382158%, 0px);background-image: url(<?php echo $bg; ?>)"></div>
    
    
    
    您尝试了哪种代码?我看到快捷码只适用于文本,所以您需要使用第一个快捷码。请查看我上面附加的屏幕截图,我想显示自定义的post meta_框图像,而不是此->post featured图像。谢谢。使用下面的代码,我之前已经显示了post original特色图片:
    Okej,在该代码之前,您可以使用
    获取图片,在您拥有源代码的地方,您可以使用
    ,最后一个是您想要的大小。或者,您可以使用
    获取原始文件。您是否有任何错误,或者该文件是否没有执行任何操作,还可以添加您尝试运行的代码?这是我的ACF字段管理端设置->我已经添加了上述代码,并且还将图像对象更改为图像ID。但在后台url显示中为空白:
    对不起,最后一个代码也不工作。在图像url中显示空白。