ACF(高级自定义字段)中的URL路径图像错误

时间:2019-12-15 作者:Henry

我正在使用高级自定义字段插件作为转发器,我可以让它工作,除了没有加载的图像。

有人能看到错误在哪里吗?

     <?php

// check if the repeater field has rows of data
if( have_rows(\'top_ten\') ):

    // loop through the rows of data
    while ( have_rows(\'top_ten\') ) : the_row();

  // vars
  $im = get_sub_field(\'tool_image\');

  //      $tool_image = get_field(\'tool_image\');
  if( !empty( $im ) ):
  ?>


  <div class="col-md-12">
      <div class="row my-5">
          <div class="col-md-6">
              <img src="<img src="<img src="<?php echo esc_url($im[\'url\']); ?>" alt="<?php echo esc_attr($im[\'alt\']); ?>" class="top-ten">
              <div class="col-md-12">
                  <div class="row mt-3">
                      <div class="col-md-6">
                          <a href=""
                              class="btn btn-primary rounded-0 my-3 p-3 w-100 text-uppercase" href="#" role="button">
                              <?php the_sub_field (\'button_learn\'); ?>
                          </a>
                      </div>
                      <div class="col-md-6">
                          <a href=""
                              class="btn btn-primary rounded-0 my-3 p-3 w-100 green-bg text-uppercase" href="#" role="button">
                              <?php the_sub_field (\'button_learn\'); ?>
                          </a>
                      </div>
                  </div>
                  <div class="row">
                      <div class="col-md-12">
                          <p style="text-align: center;">
                            <?php the_sub_field (\'tool_category_description\'); ?>
                          </p>
                      </div>
                  </div>
              </div>
          </div><!-- .end // col-md-6 -->

          <div class="col-md-6">
              <h1 class="h1-responsive pt-3 mb-4 text-uppercase top-ten-header">hacker</h1>
              <p class="lead nicered text-uppercase"><?php the_sub_field (\'tool_category_description\'); ?>​</p>
              <p class="lead text-uppercase"><?php the_sub_field (\'tool_cost\'); ?></p>
              <div class="content">
                  <p><?php the_sub_field (\'tool_description\'); ?></p>
              </div>
          </div><!-- .end // col-md-6 -->

      </div><!-- .end // row my-5  -->
  </div><!-- .end // col-md-12 -->

  <?php
    endif;

      endwhile;

  else :

      // no rows found

  endif;

  ?>
感谢您的帮助/指导-谢谢!

1 个回复
最合适的回答,由SO网友:Charles Fulton 整理而成

根据返回类型,有两种不同的方法可以使用ACF图像对象:https://www.advancedcustomfields.com/resources/image/. 看起来您正在使用数组,但您有一些额外的图像属性标记。尝试以下操作:

<img src="<?php echo esc_url($im[\'url\']); ?>" alt="<?php echo esc_attr($im[\'alt\']); ?>" class="top-ten">

相关推荐

Testing Plugins for Multisite

我最近发布了一个WordPress插件,它在单个站点上非常有效。我被告知该插件在多站点安装上不能正常工作,我理解其中的一些原因。我已经更新了代码,现在需要一种方法来测试更新后的代码,然后才能转到实时客户的多站点安装。我有一个用于测试的WordPress安装程序的单站点安装,但需要在多站点安装上进行测试。根据我所能找到的唯一方法是在网络上至少有两个站点来安装整个多站点安装,以测试我的插件。设置WordPress的整个多站点安装是插件开发人员的唯一/首选方式,还是有更快的测试环境可用。