WPの全カテゴリー一覧に対応する画像をつけたい（２）

Question

同タイトルで未解決にもかかわらず、誤って解決済みにしてしまいましたので、
これまでの経緯も含めて、改めて質問させていただきます。↓

①　WPの全カテゴリー一覧に対応する画像をつけたい（１）
（※画像は、Advanced Custom Fieldsでカテゴリーにfieldを追加）

誤っているコード↓

<?php
$args = array(
'number' => all,
'fields' => 'all',
'orderby' => 'order'
);
$categoies = get_terms( "category", "fields=all&get=all" );
foreach($categoies as $category):
?>
<p><a href="<?php echo get_category_link($category->term_id); ?>"><?php echo $category->name;?></a></p>
<img src="<?php echo $category->category_image; ?>" alt="<?php echo $category->name;?>">
<?php endforeach; ?>

②　CHERRYさんからの回答－「ACF カテゴリー画像」のようなキーワードで検索すると例がたくさん検索されると思うのですが...
で、ご指摘の箇所の

<img src="<?php echo $category->category_image; ?>" alt="<?php echo $category->name;?>">

の部分に↓を入れましたが、上手くいきません。
<img src="<?php echo get_field('categry_image', 'category_'. $category->term_id); ?>" alt="<?php echo $category->name;?>">

（カスタムフィールドの設定項目の中で、返り値が画像URLなので、URL を取得できるような設定になっているようです。）

知識が浅く皆目雲をつかむような状態です。。

実は同HP内のfront-page.phpに下のような記述があり（一部抜粋）、
先頭の１件のカテゴリ名とその画像だけが表示されるのですが、これをどのようにアレンジすれば、すべてのカテゴリ名がカテゴリ画像付きで表示されるようになるのでしょうか。

<?php
$args = array(
'fields' => 'all',
'or' => 'id',
'order' => 'DESC'
);
$categoies = get_terms( 'category', $args );
$category_id = $categoies[0]->term_id;
$category_name = $categoies[0]->name;
$category_image = get_field( 'category_image', 'category_'.$category_id );
$category_image_content = get_field( 'category_image_content', 'category_'.$category_id );
?>
<h2><?php echo $category_name; ?></h2>
<?php if ( !empty($category_image) ) : ?>
<dt><a href="<?php echo $category_image; ?>" target="_blank"><img src="<?php echo $category_image; ?>" alt="<?php echo $category_name; ?>"></a></dt>
<?php endif; ?>

要領を得ない質問と不手際お許しください。
何卒よろしくお願いいたします。

Answer 1

get_termsの戻り値はタームオブジェクトの配列とあります。
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/get_terms

つまり、要素番号0だけを指定したら1つしか参照出来なくて当然なのでループさせて参照します。

$categoies = get_terms( 'category', $args );
forearch($categoies as $category){
  $category_id = $category->term_id;
  $category_image = get_field( 'category_image', 'category_'.$category_id );
}

Comments

[simoneco]

要素番号0を外し、foreachを下のように入れてみましたが、カテゴリ名の一覧は出力されますが、画像は出力されません。
なにぶん、知識がないもので、具体的にコードをどのように修正すればよいのかご教授いただけるとありがたいです。

<?php
$args = array(
'fields' => 'all',
'or' => 'id',
'order' => 'DESC'
);
$categoies = get_terms( 'category', $args );
$category_id = $categoies->term_id;
$category_name = $categoies->name;
$category_image = get_field( 'category_image', 'category_'.$category_id );
$category_image_content = get_field( 'category_image_content', 'category_'.$category_id );
foreach($categoies as $category):
?>
<h2><?php echo $category_name; ?></h2>
<?php if ( !empty($category_image) ) : ?>
<dt><a href="<?php echo $category_image; ?>" target="_blank"><img src="<?php echo $category_image; ?>" alt="<?php echo $category_name; ?>"></a></dt>
<?php endif; ?>

[yuki84web]

ループで定義している$categoiesについてループ内で一切参照していないように見えますが…動いているらしいコードを見ると$category_imageはget_fieldでの取得に際に$category_idを指定しているようなので、foreach内なら$categoies->term_id;で取得出来るでしょう。知識としてはWordPressというよりPHPの基礎になります。

[simoneco]

＞ループで定義している$categoiesについてループ内で一切参照していないように見えますが…
ありがたいご指摘に感謝いたします。ご察しの通りど素人です。
最終行に<?php endforeach; ?>を追加し、
<h2><?php echo $category_name; ?></h2>を<h2><?php echo $category->name;?></h2>
に変更して、カテゴリ名だけは一覧表示されました。

＞foreach内なら$categoies->term_id;で取得出来るでしょう。
ということですが、具体的にどこに、どのように記述すればよいのでしょう。
下のように、修正してみましたが、画像はまったく表示されません。

<?php
$args = array(
'fields' => 'all',
'or' => 'id',
'order' => 'DESC'
);
$categoies = get_terms( 'category', $args );
$category_id = $categoies->term_id;
$category_name = $categoies->name;
$category_image_content = get_field( 'category_image_content', 'category_'.$category_id );
foreach($categoies as $category):
?>
<h2><?php echo $category->name;?></h2>
<?php
$category_image = get_field('categry_image', 'category_'. $categories->term_id);
?>
<?php if ( !empty($category_image) ) : ?>
<dt><a href="<?php echo $category_image; ?>" target="_blank"><img src="<?php echo $category_image; ?>" alt="<?php echo $category_name; ?>"></a></dt>
<?php endif; ?>
<?php endforeach; ?>

たいへん初歩的な内容で申し訳ありませんが、どうぞよろしくお願いいたします。

[yuki84web]

回答文に編集追記してますので、それを参考にしてください。get_field周辺の処理もforeach内です。

[simoneco]

教えていただいたことをヒントに
試行錯誤して、さきほどなんとか画像を表示させることができました。
大変お世話になりました。貴重なお時間を割いていただき、本当にありがとうございました。

<?php if( get_field('category_image', 'category_'. $category->term_id) ): ?>
<img src="<?php the_field('category_image', 'category_'. $category->term_id); ?>" alt="<?php echo $category->name;?>">
<?php endif; ?>

Answer 2

<?php if( get_field('category_image', 'category_'. $category->term_id) ): ?>
<img src="<?php the_field('category_image', 'category_'. $category->term_id); ?>" alt="<?php echo $category->name;?>">
<?php endif; ?>

Answer 3

<?php if( get_field('category_image', 'category_'. $category->term_id) ): ?> <img src="<?php the_field('category_image', 'category_'. $category->term_id); ?>" alt="<?php echo $category->name;?>"> <?php endif; ?>