質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

解決済

タームごとに投稿記事を分類させて表示させたい

kawausomaru
kawausomaru

総合スコア26

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

2回答

0評価

0クリップ

491閲覧

投稿2021/12/22 17:40

編集2021/12/28 07:27

目標としては以下の画像のように表示させたいです。

これを実現するために
カスタム投稿とカスタムタクソノミーとタームを作成しました
イメージ説明
イメージ説明

以上を用いて実装したコードがこちらです

archive-member.php <section class="member"> <div class="member__inner"> <?php $args = array( 'post_type' => 'member', 'posts_per_page' => 4, // 表示する件数 'orderby' => 'date', // 日付でソート 'order' => 'DESC', // DESCで新しい、ASCで古い順に表示 'tax_query' => array( //タクソノミーに関する指定はこの中にすべて 'taxonomy' => 'position', 'field' => 'slug', 'terms' => 'position3', //タームをスラッグで指定('field'が'slug'なので) ) ); $posts = get_posts( $args ); if ( $posts ): ?> <h3 class="member__inner__title"><?php the_field('position3'); ?></h2> <div class="member__inner__flex"> <a href="<?php the_permalink(); ?>" class="member__inner__flex__box"> <figure class="member__inner__flex__box__img"> <?php if ( has_post_thumbnail() ): ?> <?php the_post_thumbnail(); ?> <?php else: ?> <img src="<?php echo get_template_directory_uri(); ?>/img/ni1.png" alt="西川カメラ1" alt="" class=""> <?php endif; ?> </figure> <h2 class="member__inner__flex__box__name"><?php the_title(); ?></h2> </a> </div> <?php endif; wp_reset_postdata(); ?> </div> </section>

結果このように出力されました
イメージ説明

問題としては
・記事が3件あるのに1件しか出力されない
・タームの名称が出力されない
以上になります

・パーマリンク設定を保存する
・表示件数を管理画面と合わせる

以上を試したができませんでした。
他にも必要な情報などありましたら教えて頂けると助かります。
よろしくおねがいします。

追記:nekoraさんのコードを試した結果

1回目

消えてしまいました
イメージ説明
検証ツール上では何も表示されていない状態です
イメージ説明

追記2:カスタム投稿、カスタムタクソノミーの設定画面
今回上記を実装するにあたってプラグイン(Custom Post Type UI)を使用したので設定画面を載せます
イメージ説明
イメージ説明

追記3:nekoraさんのコードを試した結果

php

<section class="member"> <div class="member__inner"> <?php $args = array( 'post_type' => 'member', 'posts_per_page' => 4, // 表示する件数 'orderby' => 'date', // 日付でソート 'order' => 'DESC', // DESCで新しい、ASCで古い順に表示 'tax_query' => array( //タクソノミーに関する指定はこの中にすべて array( //タクソノミー指定の時はarrayのarrayでないといけない 'taxonomy' => 'position', 'field' => 'slug', 'terms' => array('position3'), //タームズなのでスラッグをarrayで指定。カンマで区切れば複数指定できるので汎用性が高い('field'が'slug'なので) ) ) ); $posts = get_posts( $args ); if ( $posts ): ?> <?php foreach ( $posts as $post ) : setup_postdata( $post ); ?> <h3 class="member__inner__title"><?php the_field('position3', $post->ID); ?></h2> <div class="member__inner__flex"> <a href="<?php echo get_permalink($post->ID); ?>" class="member__inner__flex__box"> <figure class="member__inner__flex__box__img"> <?php if ( has_post_thumbnail($post->ID) ): ?> <?php echo get_the_post_thumbnail($post->ID); ?> <?php else: ?> <img src="<?php echo get_template_directory_uri(); ?>/img/ni1.png" alt="西川カメラ1" alt="" class=""> <?php endif; ?> </figure> <h2 class="member__inner__flex__box__name"><?php echo get_the_title($post->ID); ?></h2> </a> </div> <?php endforeach;?> <?php else:?> <!-- 要素が取れなかった時もそれがはっきり分かるようにif文のelseでその旨を出力するようにしたほうがいいです --> <P>該当する記事はありません</p> <?php endif; wp_reset_postdata(); ?> </div> </section>

イメージ説明
表示されませんでした

追記4:タームの紐付けの問題点が知りたいです

イメージ説明

上記の画像の通りにカスタムフィールドを作り投稿画面に表示させていたので
出力させたい役職のフィード名(positionc)をコードに入力しました。

php

<section class="member"> <div class="member__inner"> <?php $args = array( 'post_type' => 'member', 'posts_per_page' => 4, // 表示する件数 'orderby' => 'date', // 日付でソート 'order' => 'DESC', // DESCで新しい、ASCで古い順に表示 'tax_query' => array( //タクソノミーに関する指定はこの中にすべて array( //タクソノミー指定の時はarrayのarrayでないといけない 'taxonomy' => 'position', 'field' => 'slug', 'terms' => array('position3'), //タームズなのでスラッグをarrayで指定。カンマで区切れば複数指定できるので汎用性が高い('field'が'slug'なので) ) ) ); $posts = get_posts( $args ); if ( $posts ): ?> <?php foreach ( $posts as $post ) : setup_postdata( $post ); ?> <h3 class="member__inner__title"><?php the_field('positionc', $post->ID); ?></h2> <div class="member__inner__flex"> <a href="<?php echo get_permalink($post->ID); ?>" class="member__inner__flex__box"> <figure class="member__inner__flex__box__img"> <?php if ( has_post_thumbnail($post->ID) ): ?> <?php echo get_the_post_thumbnail($post->ID); ?> <?php else: ?> <img src="<?php echo get_template_directory_uri(); ?>/img/ni1.png" alt="西川カメラ1" alt="" class=""> <?php endif; ?> </figure> <h2 class="member__inner__flex__box__name"><?php echo get_the_title($post->ID); ?></h2> </a> </div> <?php endforeach;?> <?php else:?> <!-- 要素が取れなかった時もそれがはっきり分かるようにif文のelseでその旨を出力するようにしたほうがいいです --> <P>該当する記事はありません</p> <?php endif; wp_reset_postdata(); ?> </div> </section>

イメージ説明

タームの紐付け作業は上記の画像の通り、役職が表示されており選択できるので
問題ないと思ったのですがカウントの数が0のままになります。
イメージ説明

現在の状態においてどのような問題点が考えられますでしょうか?
何度もお手数おかけして申し訳ないです。
よろしくお願いいたします。

追記5:未解決ですが一部コードを修正と現在の状態

tax_queryを一時的にコメントアウトし

php

<?php the_field('positionc', $post->ID); ?>

php

<h3 class="member__inner__title">教授</h2>

上記のコードの内容と場所を変更しました。
これによりposition5(教授のターム)で絞り込もうとしたのですが
表示されず。

php

<section class="member"> <div class="member__inner"> <h3 class="member__inner__title">教授</h2> <div class="member__inner__flex"> <?php $args = array( 'post_type' => 'member', 'posts_per_page' => 4, // 表示する件数 'orderby' => 'date', // 日付でソート 'order' => 'DESC', // DESCで新しい、ASCで古い順に表示 'tax_query' => array( //タクソノミーに関する指定はこの中にすべて array( //タクソノミー指定の時はarrayのarrayでないといけない 'taxonomy' => 'position', 'field' => 'slug', 'terms' => array('position5'), //タームズなのでスラッグをarrayで指定。カンマで区切れば複数指定できるので汎用性が高い('field'が'slug'なので) ) ) ); $posts = get_posts( $args ); if ( $posts ): ?> <?php foreach ( $posts as $post ) : setup_postdata( $post ); ?> <a href="<?php echo get_permalink($post->ID); ?>" class="member__inner__flex__box"> <figure class="member__inner__flex__box__img"> <?php if ( has_post_thumbnail($post->ID) ): ?> <?php echo get_the_post_thumbnail($post->ID); ?> <?php else: ?> <img src="<?php echo get_template_directory_uri(); ?>/img/ni1.png" alt="西川カメラ1" alt="" class=""> <?php endif; ?> </figure> <h2 class="member__inner__flex__box__name"><?php echo get_the_title($post->ID); ?></h2> </a> <?php endforeach;?> <?php else:?> <!-- 要素が取れなかった時もそれがはっきり分かるようにif文のelseでその旨を出力するようにしたほうがいいです --> <P>該当する記事はありません</p> <?php endif; wp_reset_postdata(); ?> </div> </div> </section>

イメージ説明
tax_queryをコメントアウトした所全記事が表示されました。
イメージ説明
前回掲載した役職のカスタムフィールドの下半分が見切れていたので載せます。
イメージ説明
返り値関連に解決の糸口があるのではないかと調べているのですが
未だ解決に至っていない現状です。
カスタムフィールドはAdvanced Custom Fieldsを使用しております。

現在の状態において考えられる問題点もしくは別の解決手段などありましたら助言して頂けると嬉しいです。
何度もお手数おかけして申し訳ないです。
よろしくお願いいたします。

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

Lhankor_Mhy

2021/12/23 01:53

CSSは質問と関係がないように見えましたので、質問タグの削除をお願いします。
kawausomaru

2021/12/23 07:06

削除致しました。 ご指摘頂きありがとうございます。
Lhankor_Mhy

2021/12/23 07:07

ご対応ありがとうございます。
kawausomaru

2022/01/04 08:07

カスタムフィールドとカスタム投稿を自作することでカウントされるようになり解決しました。 プラグインを使った不具合なのかもしれません。 同じことで悩んでいる方はご参考ください。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。