マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

CMS PHP WordPress

【WordPress】カスタムフィールドで何でも出来る!カスタムフィールドの便利な使い方 その1

投稿日:2014年12月19日 更新日:

WordPressでサイトを作る場合カスタムフィールドがとても便利ですよね!
そして投稿ページで入力したカスタムフィールドの値を他のトップページや固定ページでも使いたい。なんて事があるかと思います。

今回、カスタム投稿’test’のカスタムフィールド’test_name’を検索し、トップページに表示させてみました。
そんな場合のコードをご紹介します。

トップページの投稿を表示させたい箇所に下記コードを記述。

コード例


<?php
get_post_meta($post->ID , 'test_name' ,true);
query_posts(array(
'post_type' => 'test', //カスタム投稿名
'post_status' => 'publish', //公開状態
'posts_per_page' => -1, //表示件数
'meta_query' => array(
array(
'key' => 'test_name', //カスタムフィールド名
'value' => 'hoge', //カスタムフィールドの値
'compare' => '=' //条件式
)
)
));
?>
<ul>
<?php if( have_posts() ): while( have_posts() ): the_post(); ?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endwhile; endif; wp_reset_query(); ?>
</ul>

これでカスタム投稿’test’のカスタムフィールド’test_name’の値が’hoge’の投稿記事のみ表示させる事が出来ました。

カスタムフィールドは下記にご紹介しているWordPressのプラグイン等で簡単に作れますので、
少し踏み込んだカスタムフィールドの使い方を知ればカスタムフィールドが更に便利になりますね。

カスタムフィールド作成プラグイン

Custom Field Template

Custom_Field_Template
Custom Field Template

Advanced Custom Fields

Advanced_Custom_Fields
Advanced Custom Fields

-CMS, PHP, WordPress

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Movable Type6がリリースされました

Movable Type6がリリースされました

movable type6 以下の新機能が追加されたとのことです。 – Data API APIを通じてMovable Typeの管理画面の操作や記事の読み込みが可能になったとのことです。 – Cha …

特定カテゴリにログイン保護を設定するワードプレスのプラグイン

特定カテゴリにログイン保護を設定するワードプレスのプラグイン

特定の固定ページをパスワード保護する機能はWordPressに先験的に用意されております。 ところが、あるカテゴリへの投稿を会員限定ページにしたい場合には、 どうすればよいのでしょうか? そんなときに …

ワードプレスの高負荷プラグインを可視化してくれるプラグイン

WordPressのプラグインは便利ですが、ついつい多用してしまいますと サイト全体のレスポンスが悪くなり、表示速度の低下を招いてしまいます。 そのような状態ではもはやプラグインの数が多すぎて、何を排 …

<WordPress>公開終了日を実装する方法。

公開期間プラグイン「post-expirator」を使わずに 公開終了日を実装する方法をご紹介します。 「カスタムフィールド」に「公開終了」項目を追加し、 その条件を満たしていれば表示させる仕組みです …

【WordPress】WPtouchプラグインを利用した場合、特定のURLのみPCサイトを表示させる方法。

【WordPress】WPtouchプラグインを利用した場合、特定のURLのみPCサイトを表示させる方法。

WordPressのプラグイン「WPtouch」をインストールし スマホサイトを制作する際、特定のURLのときはPC用のテンプレートを 表示させたい場合がございます。その方法をご紹介します。 wpto …