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

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回ほど往復しながら活動中。
中小企業向けのWebブランディング・デザイン、Wordpressのオリジナルテーマ開発・オウンドメディア構築が得意。
最近は、Shopify構築にも携わっている。
国内外の様々な価値観・デザインに接触することで、幅広いクリエイティブや臨機応変にアイデアを提供する。