如何在 Wordpress 中使用短代码显示子字段图像？

编程问答 2022-05-22

问题描述

这些是自定义字段组合：

1 个组页脚

1.1 组 Col2

1.1.1 bbcimg（这是图片ID）

1.1.2 bbc-RSS（这是 RSS 提要 ID）

我有以下代码显示 bbc-RSS：

<div class="col-md-3">
               <?PHP
                $footer = get_field('footer'); // 'footer' is your parent group
                $col2 = $footer['col2']; // 'col2' is your child group
                ?>
                <div class="widget_item widget_latest sm-m-top-50">
                    <h4 id="white" class="text-white">Latest News</h4>
                    <div class="widget_latst_item m-top-30">
                        
                        <div class="item_icon"><img src="<?PHP bloginfo('template_directory');?>/img/RSS/bbc_RSS.png" alt="" /></div>
                        <div id="gris" class="widget_latst_item_text">
                            <p><?PHP echo $col2['bbc-RSS'];?></p>

                        </div>
                    </div>
                    <div class="widget_latst_item m-top-30">
                        <div class="item_icon"><img src="<?PHP bloginfo('template_directory');?>/img/RSS/reuters_RSS.png" alt="" /></div>
                        <div id="gris" class="widget_latst_item_text">
                            <p><?PHP echo $col2['reuters-RSS'];?></p>

                        </div>
                    </div>
                    <div class="widget_latst_item m-top-30">
                        <div class="item_icon"><img src="<?PHP bloginfo('template_directory');?>/img/RSS/cnbc.jpg" alt="" /></div>
                        <div id="gris" class="widget_latst_item_text">
                            <p><?PHP echo $col2['cnbc-RSS'];?></p>

                        </div>
                    </div>
                </div><!-- End off widget item -->
            </div><!-- End off col-md-3 -->

我创建了具有以下属性的图像字段 bbcimg：

  • 字段标签：bbcimg
  • 字段名称：bbcimg
  • 字段类型：图像
  • 说明：-
  • 必填：否
  • 返回格式：图像数组
  • 预览尺寸：中 (300x300)
  • 图书馆：全部
  • 最小：宽度为 40 像素，高度为 40 像素文件大小 - MB
  • 最小值：宽度 - px，高度 px - 文件大小 - MB
  • 允许的文件类型：-
  • 条件逻辑：-
  • 包装器属性：-

并且图片已经上传到自定义字段中。见图片：

enter image description here

问题：

如何编写在网站上显示图片的逻辑？

在此先非常感谢您！

一直在尝试使用

解决方法

首先，您需要找出自定义字段中返回的内容。 在代码的某处添加一个很好的旧 print_r：

<?php print_r($col2['bbcimg']) ?>

这将打印出一组值，例如 Array( 'url' => 'http....something.jpg','size'=>'full',..etc)

然后您可以确定哪个数组值为您提供图像的完整 URL。假设在这种情况下它将是一个名为 url 的字段，那么您可以按如下方式使用该值：

<div id="gris" class="widget_latst_item_text">
     <img src="<?php echo $col2['bbcimg']['url']; ?>" alt=""/>
     <p><?php echo $col2['bbc-rss'];?></p>
</div>
custom-fieldsshortcodewordpresswordpress