【wordpress】カスタム投稿の特定のカテゴリを表示する方法

【wordpress】カスタム投稿の特定のカテゴリを表示する方法

こんにちは、nishi_talk(@nishi_talk)です。
今回はカスタム投稿の特定のカテゴリを表示する方法をご紹介します。



カスタム投稿が2タイプあった場合、それぞれを紐付けて表示する時の設定をします。
例としてカスタム投稿blogがあった場合、別の投稿タイプに特定のカテゴリ投稿を表示します。
まずはblogのカスタム投稿を設定します。

functions.phpに以下の記述を追加してカスタム投稿を設定します。


// ブログ
add_action('init', 'blog_custom_post_type');
function blog_custom_post_type() {
  $labels = array(
    'name'                => 'ブログ',
    'singular_name'       => 'ブログ',
    'add_new_item'        => '新しいブログを追加',
    'add_new'             => '新規追加',
    'new_item'            => '新しいブログ',
    'view_item'           => 'ブログを表示',
    'not_found'           => 'ブログはありません',
    'not_found_in_trash'  => 'ゴミ箱にブログはありません。',
    'search_items'        => 'ブログを検索',
  );
  $args = array(
    'labels'              => $labels,
    'public'              => true,
    'publicly_queryable'  => true,
    'show_ui'             => true,
    'query_var'           => true,
    'rewrite' => array('slug' => 'blog', 'with_front' => false),
    'hierarchical'        => false,
    'menu_position'       => 4,
    'has_archive'         => true,
    'yarpp_support'       => true,
    'capability_type'     => 'post',
    'supports' => array(
      'title',
      'editor',
      'thumbnail',
      'excerpt',
      'custom-fields'
      )
  );
  register_post_type('blog', $args);
  flush_rewrite_rules( true );

  register_taxonomy(
    'blog-taxonomy',
    array('blog'),
    array(
      'hierarchical' => true,
      'update_count_callback' => '_update_post_term_count',
      'label' => 'カテゴリー',
      'singular_label' => 'カテゴリー',
      'public' => true,
      'show_ui' => true,
    )
  );
}



今回は例として、カスタム投稿blogの特定のタクソノミーblog-taxonomyの投稿のみ別のカスタム投稿に表示させます。
カスタム投稿を表示したいページのテンプレートに以下の記述をします。

//single-xxx.php
<?php
// ブログのカスタム投稿を取得
$args = array(
	'post_type' => 'blog',
	'tax_query' => array(
		array(
			'taxonomy' => 'blog-taxonomy'
		)
	)
);
$blog_post = get_posts($args);
?>

get_postsを使ってblogのカスタム投稿blog-taxonomyを取得します。



参考にさせていただいた記事

WordPressでカスタム投稿の特定のタームだけ出力する – Qiita
テンプレートタグ/get posts – WordPress Codex 日本語版

未経験からでもエンジニアにはなれる!

中堅の年代になり、最近よくどうやってエンジニアになったんですか?と聞かれる機会が多くなりました。私は転職組で未経験からエンジニアになりました。 そこら辺のストーリーは「未経験からWebデザイナーになった経緯を紹介」で書いているのでそちらをご覧ください。

当時はWebの技術を教えてくれるスクールがあまりなく、私はWebの勉強は独学で勉強し転職したのですが、今はスクールの数も多くなっていてオンラインで受講できるところも増えてきました。

もし私が未経験でエンジニアを目指すなら活用したいスクールを紹介してますので興味ある方はぜひ参考にしてくだいさい!

tech boostオンライン

tech boostはエンジニアに特化したキャリアサービスを展開しているBranding Engineerが運営するオンラインプログラミングスクールです。

エンジニアに特化したキャリアサービスを展開しているからこそのカリキュラムを実現しています。 また、転職サポート付きでスクール卒業後もキャリアも安心です。

オンラインスクールだからいつでもどこでも受講可能!これからプログラミングを学びたい方、エンジニアにキャリアチェンジを考えている方に、 特にオススメのサービスです。

初めてプログラミングを学ぶなら「tech boostオンライン」

CodeCamp(コードキャンプ)

オンライン・マンツーマン指導のプログラミングスクールとしてNo.1*の実績を持つサービスです。高い学習効果が評価されテレビや新聞、ビジネス誌など*多くのメディアで紹介されています。

講師は全て現役のエンジニア。未経験から確実に習得するために開発されたオリジナルカリキュラムでWebデザイン、Webサービス開発、アプリ開発などを幅広く学習することができます。

多くの受講生が、現役エンジニアの手厚いマンツーマン指導によって確実にプログラミングを習得し、キャリアアップ・転職・独立起業などの目標を実現しています。

プログラミングのオンラインスクールのCodeCamp

DMM WEBCAMP

転職を本気で考えている方向けのプログラミングスクールです。転職を保証しているため、未経験からIT業界へ転職を求めている方へおすすめです!

プログラミング未経験者でも安心のサポート体制をご用意しており、特に受講者アンケートでは『サポート体制がしっかりしていて魅力的』、『転職を保証していただいていることで安心』というレビーが多くしっかとしたサポートを提供しています。

実務に近い実践的なカリキュラムで、DMM WEBCAMPはチーム開発など、実務により近い実践的カリキュラムを導入しているため、転職先・就職後にいち早く活躍できるスキル・経験を積むことができます。

受講者満足度90%以上のプログラミングスクール【DMM WEBCAMP】

Udemy

私の周りの現役のエンジニアの人も活用しています。基礎をしっかり固めたい方や、実践向けの配信など幅広く解説している動画が豊富にアップされているので活用するのはオススメです。

習得したいスキル(プログラム言語)が明確で、年収アップのために学習している方やAI・機械学習を学んでスキルアップを目指しているエンジニアの方に支持されているます。

1講座あたり数千~数万円程度で実践的なスキルアップを経済的でオススメです。

【Web開発初心者向け!】Web開発入門完全攻略 充実の18時間コース