wordpressカスタムフィールドを使用したカテゴリページ

Advanced Custom Fieldsを使用してカテゴリに画像と、テキストのカスタムフィールドを設置しました。

親カテゴリ
－子カテゴリA（カスタムフィールド設置）
－投稿ａ
－投稿ｂ
－子カテゴリＢ（カスタムフィールド設置）
－投稿ｃ
－投稿ｄ
上記のような形にしています。

親カテゴリのページを表示する際に、上から順に
親カテゴリは表示せずに、

子カテゴリＡのカスタムフィールドの内容
投稿aのタイトルと内容、アイキャッチ画像
投稿bのタイトルと内容、アイキャッチ画像

子カテゴリＢのカスタムフィールドの内容
投稿cのタイトルと内容、アイキャッチ画像
投稿dのタイトルと内容、アイキャッチ画像

と、表示したいのです。
しかし、カテゴリのカスタムフィールドの内容だけ、または投稿の内容だけが表示され
一緒に表示することができません。

###発生している問題・エラーメッセージ

カテゴリのカスタムフィールド内容と、
子カテゴリの投稿内容が別々で表示されます。

子カテゴリＡのカスタムフィールドの内容
子カテゴリＢのカスタムフィールドの内容

投稿aのタイトルと内容、アイキャッチ画像
投稿bのタイトルと内容、アイキャッチ画像
投稿cのタイトルと内容、アイキャッチ画像
投稿dのタイトルと内容、アイキャッチ画像

この表示になります。

###該当のソースコード
カスタムフィールドの内容は下記コードで表示しております。

<?php
  $cat = get_queried_object_id();  // 現在のカテゴリーのID
  $args = array( 'parent' => $cat );  // 子カテゴリーを取得(孫なし)
  $childs = get_categories( $args );
foreach( $childs as $child ) {  // 子カテゴリーそれぞれ
    $cat_id = 'category_' . $child->term_id;  // カテゴリー(ターム)を指定
    $image = get_field( 'title_img', $cat_id );
    echo '<img src="' . $image. '">' . "\n";
    $txt = get_field( 'title_text', $cat_id );
    echo $txt, "\n";
}
?>

###試したこと

<?php if(have_posts()): while(have_posts()):the_post(); ?>
  
  <h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
  <p><?php the_content('Read more'); ?></p>
  
<?php endwhile; endif; ?>

このコードを一緒に読み込んだところ、投稿記事一覧が全て表示されました。

foreachを入れ子にして、投稿を読み込めば良いと思うのですが、まとめようとするとエラーとなります。

<?php
  $cat = get_queried_object_id();  // 現在のカテゴリーのID
  $args = array( 'parent' => $cat );  // 子カテゴリーを取得(孫なし)
  $childs = get_categories( $args );
foreach( $childs as $child ) {  // 子カテゴリーそれぞれ
    $cat_id = 'category_' . $child->term_id;  // カテゴリー(ターム)を指定
    $image = get_field( 'title_img', $cat_id );
    echo '<img src="' . $image. '">' . "\n";
    $txt = get_field( 'title_text', $cat_id );
    echo $txt, "\n";
<?php if(have_posts()): while(have_posts()):the_post(); ?>
  
  <h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
  <p><?php the_content('Read more'); ?></p>
  
<?php endwhile; endif; ?>
}
?>

エラー内容
Parse error: syntax error, unexpected '<' in /category.php on line 15
うまく表示する方法はありませんか？
よろしくお願いいたします。

修正のご指摘ありがとうございました。
どうぞよろしくお願いいたします。

kei344

2016/12/11 07:32 編集

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、「まとめようとするとエラーとなります。」のコードとエラー文を追記ください。

行動規範の内容に同意します

回答1件

ベストアンサー

WordPressのカスタマイズにはPHPの知識が必須なため、入門書などを読まれることをお勧めします。

PHP
1<?php
2  $cat = get_queried_object_id();  // 現在のカテゴリーのID
3  $args = array( 'parent' => $cat );  // 子カテゴリーを取得(孫なし)
4  $childs = get_categories( $args );
5foreach( $childs as $child ) {  // 子カテゴリーそれぞれ
6    $cat_id = 'category_' . $child->term_id;  // カテゴリー(ターム)を指定
7    $image = get_field( 'title_img', $cat_id );
8    echo '<img src="' . $image. '">' . "\n";
9    $txt = get_field( 'title_text', $cat_id );
10    echo $txt, "\n";
11// <?php if(have_posts()): while(have_posts()):the_post(); ?>
12// ↑ PHPの文の中なのでおかしい
13//    ↓メインループを呼び出しているだけなので、カテゴリの一覧が出るわけではない
14   if(have_posts()): while(have_posts()):the_post(); ?>
15  <h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
16  <p><?php the_content('Read more'); ?></p>
17
18<?php endwhile; endif;// ?>
19                      // ↑ 不要
20}
21?>

PHP
1<?php
2$cat = get_queried_object_id();  // 現在のカテゴリーのID
3$args = array( 'parent' => $cat );  // 子カテゴリーを取得(孫なし)
4$childs = get_categories( $args );
5foreach( $childs as $child ) {  // 子カテゴリーそれぞれ
6	$cat_id = 'category_' . $child->term_id;  // カテゴリー(ターム)を指定
7	$image = get_field( 'title_img', $cat_id );
8	echo '<img src="' . $image. '">' . "\n";
9	$txt = get_field( 'title_text', $cat_id );
10	echo $txt, "\n";
11
12	$args = array(
13	        'posts_per_page' => -1,
14	        'cat' => $child->term_id,
15	        'post_status' => 'publish',
16	    );
17	$my_query = new WP_Query( $args );
18	if( $my_query->have_posts() ): while( $my_query->have_posts() ): $my_query->the_post(); ?>
19<h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
20<p><?php the_content('Read more'); ?></p><?php 
21	endwhile; endif;
22} // 未テスト
23?>