テーマにカスタムフィールドを反映させる方法

テーマでカスタムフィールドを表示させる方法を紹介します。

「キー」と「値」をセットでリストアップするテンプレートタグ

<?php the_meta(); ?>

記事に保存されているカスタムフィールドについて、単純に「キー:値」という形式で ul 、li 、span 要素でリストアップします。

「キー」はデフォルトのままにして適当な「値」を入力すると、「投稿」では以下のような出力結果となります。

<ul class="post-meta">
<li><span class="post-meta-key">checkbox_common:</span> true</li>
<li><span class="post-meta-key">checkbox_post:</span> true</li>
<li><span class="post-meta-key">imagefield_common:</span> http://www.tinybeans.net/wp_test/wordpress262/wp-content/uploads/2008/10/cfgu_doc10.gif</li>
<li><span class="post-meta-key">imagefield_post:</span> http://www.tinybeans.net/blog/img/common/sitename.png</li>
<li><span class="post-meta-key">radio_common:</span> 10-19</li>
<li><span class="post-meta-key">radio_post:</span> 0-9</li>
<li><span class="post-meta-key">select_common:</span> Low</li>
<li><span class="post-meta-key">select_post:</span> High</li>
<li><span class="post-meta-key">textarea_common:</span> 複数行テキスト(共通表示)の値です。複数行テキスト(共通表示)の値です。複数行テキスト(共通表示)の値です。複数行テキスト(共通表示)の値です。</li>
<li><span class="post-meta-key">textarea_post:</span> 複数行テキスト(投稿表示)の値です。複数行テキスト(投稿表示)の値です。複数行テキスト(投稿表示)の値です。複数行テキスト(投稿表示)の値です。</li>
<li><span class="post-meta-key">textfield_common:</span> 1行テキスト(共通表示)の値</li>
<li><span class="post-meta-key">textfield_post:</span> 1行テキスト(投稿表示)の値です。</li>
</ul>

「キー」でソートされて出力されます。

「キー」を指定して「値」を出力するテンプレートタグ

<?php echo post_custom('キー')?>

記事に保存されている「キー」を指定して、その「キー」に対する「値」を出力するテンプレートタグです。

  • このエントリーをはてなブックマークに追加