WordPressのカテゴリーで画像をアップロードしてアーカイブページに表示

2016/8/1 WordPress

前回書いた記事

WordPressのカテゴリーページに「カテゴリーの説明」(description)を取得して、更に「カテゴリーの説明」でhtmlを使用する方法

の続きですが、今回は「カテゴリーの説明」ではなく、カテゴリーごとに画像をアップして、アーカイブページに画像を表示する方法をメモ。

1,Advanced Custom Fieldsで画像をアップロードするフィールドを作る

WordPressのカテゴリーで画像をアップロードしてアーカイブページに表示

WordPressのプラグイン【Advanced Custom Fields】をインストールし、上記のように画像アップロードするフィールドを作成。
返り値は画像IDにチェックを入れてください。

WordPressのカテゴリーで画像をアップロードしてアーカイブページに表示

カスタムフィールドのルールでTaxsonomy Termをセレクトし、右にあるセレクトボックスで画像をアップロードしたいカテゴリー・タクソノミーを選択。

WordPressのカテゴリーで画像をアップロードしてアーカイブページに表示

これでカテゴリーの編集で画像をアップできるようになりました。

2,カテゴリーのphpテンプレートで画像取得

カテゴリーのphpテンプレートに下記コードを記載。

カテゴリーの場合

タクソノミーの場合

タクソノミーの場合、少しわかりづらいのですが、7行目は

taxonomyname_ + termID

と、taxonomynameにアンダーバーを付けてください。これでカテゴリー編集でアップロードした画像が取得できます。

投稿者:気まぐれWEBLOG管理人