会場毎にタブで一覧表示したい

カテゴリ別の新着記事を表示する方法(タブ切り替え)したい

はじめまして。
カスタム投稿タイプとカスタムフィールドを使用して、WordPressで講座日程を作成をしています。
日程一覧をアーカイブで表示したいのと。
会場ごとにタブで切り替えて一覧を表示したいです。
作成中サイトURL：https://komey0205.comfortable-life01.info/seminor/

カスタム投稿タイプとカスタム投稿フィールドを使用し、アーカイブ講座情報を作成しています。
カスタム投稿タイプには
投稿タイプID（必須）：seminor
３つのタクソノミー：grade,place,accept
今回のタグ切替: place

発生している問題

困っていること
全ての表示（日程一覧）は表示できるのですが、タブを移動したときには、タクソノミー：placeの一覧表示がされません。
困っています。

エラーメッセージ特になし

該当のソースコード

php```ここに言語名を入力

<?php $args = array( 'post_type' => 'seminor', 'taxonomy' => 'place', 'category_name' => 'oosaka', //特定のカテゴリースラッグを指定 'posts_per_page' => 10 //取得記事件数zxxxx ); $my_posts = get_posts($args); foreach($my_posts as $post): setup_postdata($post); ?> <dt> <p class="itiran-t"><a href="<?php the_permalink(); ?>"><?php the_title(); ?><span class="kousi-s">（<?php the_field('lecturer'); ?>）</span></a></p> <p><?php the_field('seminor_date'); ?> <?php $field = get_field_object('seminor_place'); $value = $field['value']; $label = $field['choices'][ $value ]; // ラベルを取得 echo $label; // ラベルを表示 ?> </p> </dt> <?php endforeach; wp_reset_postdata(); ?> </dl> </div>  <div class="tabmenu mr01">オンライン</div> <div class="tabcontent"> <p class="tab_title">オンライン</p> <dl> <?php $args = array( 'post_type' => 'seminor', 'taxonomy' => 'place', 'category_name' => 'online', //特定のカテゴリースラッグを指定 'posts_per_page' => 10 //取得記事件数 ); $my_posts = get_posts($args); foreach($my_posts as $post): setup_postdata($post); ?> <dt> <p class="itiran-t"><a href="<?php the_permalink(); ?>"><?php the_title(); ?><span class="kousi-s">（<?php the_field('lecturer'); ?>）</span></a></p> <p><?php the_field('seminor_date'); ?> <?php $field = get_field_object('seminor_place'); $value = $field['value']; $label = $field['choices'][ $value ]; // ラベルを取得 echo $label; // ラベルを表示 ?> </p> </dt> <?php endforeach; wp_reset_postdata(); ?> </dl> </div> </div> <?php get_footer(); ?>

```jquery
jqueryのソースを記述
<script type="text/javascript">
$ (function(){
        $ (".tabcontent:not('.tabactive + .tabcontent')").hide();        
        $(".tabmenu").hover(function(){
                $ (this).addClass("hover")
        },
        function(){
                $(this).removeClass("hover")
        });     
        $ (".tabmenu").click(function(){
                $(".tabmenu").removeClass("tabactive");
                $ (this).addClass("tabactive");
                $(".tabcontent:not('.tabactive + .tabcontent')").fadeOut();
        $ (".tabactive + .tabcontent").fadeIn();      
        });
});
</script>
 


### 試したこと
1.カテゴリ表示でのURLを確認すると
https://komey0205.comfortable-life01.info/place/tokyo/　　（←東京）
となっている。
タブの切替すると東京～オンラインのタブクリックでは、表示されない。
ディベロッパーツールで確認すると、<dt></dt>タグの部分が読み込まれていない。

2.パーマネントリンク設定の問題かと思い
パーマネントリンクのカスタマイズ構造を変更するも、表示されず
パーマネントリンク設定は、カスタム構造で/%category%/%postname%/の設定。

3.Advanced Custom Fieldsを使用しており、カスタムフィールドのルールの設定は
このフィールドグループを表示する条件

投稿タイプ　等しい　講座情報-テスト

### 補足情報
https://olmarde.com/wp-articles-by-category/
おるまーで様のサイトを参考に、作成しています。

タブでの表示切替の記事は質問が多いわりに、解決済みが少なく困っております。

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

回答2件

初めての質問投稿で、コードの入力方法も不備があり申し訳ございませんでした。
カスタム投稿タイプ、カスタム分類についての理解が浅く、参考サイトをそのままコピペしていた部分と勘違いから変なソース追加していました。

https://www.webdesignleaves.com/pr/wp/wp_custom_post_type.html

WordPress カスタム投稿タイプとカスタム分類（タクソノミー）を参考にし、コード修正を行いました。

１．phpソースの

php
1'category_name' => 'oosaka'

を

php
1'term' => 'oosaka'

に変更categoryにこだわっていました。

２.また、カスタム投稿を読み込む

php
1$my_posts = get_posts($args);     foreach($my_posts as $post): setup_postdata($post); ?>

$my_postsは参考サイトに表記されていた名称で、私が作成したカスタム投稿タイプの

php
1'post_type' => 'seminor'

なので、
$my_postsではなくて$seminorlistで表記する必要がありました。

php
1foreach($seminorlist as $post): setup_postdata($post);

に修正しました。

※
エラーが出ていた時のコード

php
1<?php
2$args = array(
3  'post_type' => 'seminor',
4  'taxonomy' => 'place',
5  'category_name' => 'oosaka', //特定のカテゴリースラッグを指定
6  'posts_per_page' => 10 //取得記事件数
7   );
8　$my_posts = get_posts($args);
9  foreach($my_posts as $post): setup_postdata($post); ?>

これをコード編集後（タブ切替で表示された）

php
1<?php
2	$seminorlist = get_posts( array(
3	'post_type' => 'seminor',
4	'taxonomy' => 'place',
5   	'term' => 'oosaka', //特定のカテゴリースラッグを指定
6    'posts_per_page' => 15 //取得記事件数
7  ));
8	foreach($seminorlist as $post): setup_postdata($post);
9?>

に修正し、その他の東京、オンラインも変更したところ表示できました。

3週間ほど、うまくいかず調べてもなかなか解決策にたどり着けず、teratailにたどり着きました。
自己解決となりましたが、また、ご質問させていただきます。
勉強不足でした。

投稿2020/12/28 04:01

sakura8373

総合スコア0

自己解決