カスタムフィールドテンプレートの値で絞り込み、一覧表示する方法。

wordpressのカスタムフィールドテンプレートを使用して、webサイト制作をする際、テンプレートの値で絞り込み、一覧表示をするという案件がありましたので、メモ書きをしておきます。

ポイント


'meta_key' => 'ブランド', /* カスタムフィールドキー（meta_key） */
'meta_value' => 'DIESEL' /* カスタムフィールド値（meta_value)  */

'meta_key' => 'ブランド', /* カスタムフィールドキー（meta_key） */

'meta_value' => 'DIESEL' /* カスタムフィールド値（meta_value) */

という記述をし、カスタムフィールドテンプレートで設定したものを入力し、絞り込む形になります。

結果

一連の流れを書くと、このようになります。
「ブランド」の「DIESEL」に登録されたものが、10件、一覧表示されるという結果になります。


　
<?php
$args = array(/* 配列（$args）に複数の引数を追加 */
     'post_type' => 'brand-detail', /* 表示する投稿タイプを指定（カスタム投稿タイプ brand-detail） */
     'posts_per_page' => 10, /* 一覧に表示するページ数 */
     'paged' => get_query_var( 'paged' ), /* ページネーションする場合は必須 */
     'meta_key' => 'ブランド', /* カスタムフィールドキー（meta_key） */
     'meta_value' => 'DIESEL' /* カスタムフィールド値（meta_value)  */
); ?>




<?php query_posts( $args ); ?><!-- メインの WordPress ループを変更するタグ -->
<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?><!-- ループの開始 -->




<div class="box">
<a href="<?php the_permalink(); ?>">

        <div class="article_cat"><?php echo get_post_meta($post->ID,"ブランド",true); ?></div>
        <div class="article_tit"><?php the_title(); ?></div>
</a>
</div>





<?php endwhile; ?>


<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
<?php wp_reset_query(); ?>

<?php

$args = array(/* 配列（$args）に複数の引数を追加 */

'post_type' => 'brand-detail', /* 表示する投稿タイプを指定（カスタム投稿タイプ brand-detail） */

'posts_per_page' => 10, /* 一覧に表示するページ数 */

'paged' => get_query_var( 'paged' ), /* ページネーションする場合は必須 */

'meta_key' => 'ブランド', /* カスタムフィールドキー（meta_key） */

'meta_value' => 'DIESEL' /* カスタムフィールド値（meta_value) */

); ?>

<?php query_posts( $args ); ?>

<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>

</a>

</div>

<?php endwhile; ?>

<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>

<?php wp_reset_query(); ?>

16.01.18　|　WEBデザイン制作・IT関連 KEiSoN★

WordPress カスタム投稿タイプでカテゴリを表示

MW WP Formで、郵便番号入力時の自動住所入力を設置する。

この記事を書いた人

KEiSoN★ > facebook

スカイゴールド株式会社　代表取締役 / クリエイティブディレクター/webデザイナー

2009年1月よりフリーランスのディレクター/Webデザイナーとして活動しながら、ノマドな働き方を試み始める。
過去16カ国ほど訪れ、一眼レフにその景色を収めながら時々ドローンも飛ばす。2015年11月にスカイゴールド株式会社として法人化。
現在は主に東京を中心にしながら、タイ・バンコクを年間4,5回ほど往復しながら活動中。
Wordpressを使用したオリジナルデザイン制作・オウンドメディア構築を得意とする。
国内外の様々な価値観・デザインに接触することで幅広いクリエイティブや臨機応変にアイデアを提供する。
最近は、Shopify制作の勉強も行なっている。