wordpress

Advanced Custom Fieldsをカテゴリに使用したときの画像の取得出力

投稿日:

カスタムフィールド カテゴリー画像

 

いろいろ試してみた結果、やっとできたので覚書として記事にしました。

 

カスタムフィールドのカテゴリー画像作成

 

Advanced Custom Fieldsのプラグインはあらかじめインストールしているものとして進めます。

 

カスタムフィールドの新規作成

カスタムフィールド追加

カスタムフィールド条件設定

以上で『公開』ボタンをクリック

 

カテゴリーに画像を選択

WordPressのメニュー『投稿』→『カテゴリー』

カテゴリーに画像を表示

画像が登録できたら今度は出力

 

カテゴリー別に画像を好きなところに出力する

 

ここからが悩んだ結果たどり着いた方法です。

別の方法もあるかもしれませんが、いろいろ試した結果うまく表示されたのでひとまず安心

 

single.phpに記述してみた

 

新規投稿したときに、表示されるページが『single.php』なので、

このページのヘッダー部分に、カテゴリーで分けた記事が表示されたときに登録した画像が表示されるようにしたい。

 

<?php
//カスタムフィールドを出力するために、カテゴリIDを取得
$cat=get_the_category();
$cat = $cat[0];
$catid=$cat->cat_ID ;
$post_id = 'category_'.$catid; /* category_1 のような値を取得 */
?>
<?php $attachment_id=get_field('作成したフィールド名を記述',$post_id); echo wp_get_attachment_image($attachment_id,'full'); ?>

 

 
ちなみに、最後の’full’というのは画像サイズ
 
あとは、ヘッダー部分や好きなところに表示するため、

<div></div>などで囲んで、cssで調整

 

-wordpress
-, ,


comment

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

関連記事

ブログとは

ブログとは

ブログ (blog) は、ウェブサイトの一種で、「WebをLogする」という意味でウェブログ (weblog) と名付けられ、それが略されてブログ(Blog)と呼ばれるようになった。 作者の個人的な日 …

vegasスマホとPC

スマホとPCの条件分岐でVEGASを切り替える方法

  スマホとPCの条件分岐でVEGASを切り替える方法   表示したいところに以下を記述します。 <div class="img-movie"> & …

表示件数

意外と忘れていた表示件数

  アーカイブの表示件数   WordPressのテーマをカスタマイズしていて、 記事の一覧表示やカスタム投稿の一覧表示を出力する【アーカイブ.php】で、 1ページに表示される件 …

スマホで予約システム

スマホで予約システムが無料で作れる

  今流行りの予約システム   以前から、サロン系やフィットネス系のオンライン予約を頼まれたことがあり、何度か作成してきましたが、 今回は、コロナの影響からも言えると思いますが、 …

選手一覧メンバー一覧

WordPress テーマLIQUID PRESSでメンバー紹介や選手一覧などを作ってみた⑤

  1.選手一覧、メンバー一覧表示   選手登録を、とりあえず5名登録したら、今度は一覧表示で見てみたいです。 そこで、前回説明した「archive-member.php」を使って …