Как получить имена, ссылку и изображение пользовательских терминов таксономии из поля acf

Question

Я создаю веб-сайт в Wordpress, и у меня есть настраиваемый тип сообщения под названием «путешествия» с настраиваемой таксономией под названием «коллекции». Внутри коллекции таксономии есть разные термины, такие как «Коллекция 1», «Коллекция 2», «Коллекция 3» и т. Д. c.

Я хочу получить al oop, отображающий все термины 'имена, ссылки на их страницу архива и изображение (это происходит из поля acf, называемого "taxonomy_image").

Все эти данные должны быть получены внутри этой структуры:

<a href="here goes the link to the term's archive page"><div class="col-3 py-4 coverbackground" style="background:url(here goes the taxonomy image from the acf field); height:300px;">

                <div class="row whiteborders h-100  mx-auto">
                    <div class="col-12 align-self-center">
                        <h2 class="text-center text-white">here goes the term's title</h2>
                    </div>
                </div>




  </div></a>

Надеюсь, я был достаточно ясен, потому что я новичок в этом и действительно не знаю, как справиться с этой проблемой. Любое предложение будет действительно оценено. Спасибо за помощь

Answer 1

Единственное, что может не работать, это изображение, потому что вам нужно установить поле изображения acf Return Value на Image URL.

Протестировано и работает

  <?php
   $terms = get_terms([
      'taxonomy' => 'collections',
  ]);
  foreach($terms as $term) { ?>
  <a href="<?php echo get_term_link( $term ); ?>">
    <div class="col-3 py-4 coverbackground" style="background:url(<?php the_field('taxonomy_image', $term); ?>); height:300px;">
    <div class="row whiteborders h-100  mx-auto">
      <div class="col-12 align-self-center">
          <h2 class="text-center text-white"><?php echo $term->name; ?></h2>
      </div>
    </div>
    </div>
  </a>
  <?php } ?>

Если вы используете массив img, то это то, что вам нужно:

  <?php
   $terms = get_terms([
      'taxonomy' => 'collections',
  ]);
  foreach($terms as $term) {
  $image = get_field('taxonomy_image', $term);?>
  <a href="<?php echo get_term_link( $term ); ?>">
    <div class="col-3 py-4 coverbackground" style="background:url(<?php echo $image['url']; ?>); height:300px;">
    <div class="row whiteborders h-100  mx-auto">
      <div class="col-12 align-self-center">
          <h2 class="text-center text-white"><?php echo $term->name; ?></h2>
      </div>
    </div>
    </div>
  </a>
  <?php } ?>