【WP】カテゴリーやタグにサムネイルを反映するプラグイン「Taxonomy Thumbnail」

wordpress-plugins-taxonomy-thumbnailWordPressでサイトを構築して、記事を投稿するとき「カテゴリー」や「タグ」をつけることができます。一般的に「カテゴリー」や「タグ」にはテキストを設定して、表示もテキストを中心にしたものが多く、装飾などはCSSや画像を組み合わせて表現していることが多いと思います。

今回紹介するプラグイン「Taxonomy Thumbnail」は、「カテゴリー」や「タグ」に対してサムネイル(画像)を設定できるようにするプラグインです。

Taxonomy Thumbnail

「WP-Members」は正式には「WP-Members: Membership Framework」として、「wordpress.org」のプラグインページやWordPressの管理画面の検索からプラグインからダウンロードすることができます。

インストールと設定

プラグインファイルをインストールして有効化するだけで「Taxonomy Thumbnail」は機能します。設定などは無く、「カテゴリー」や「タグ」の設定画面が変化します。

カテゴリー画面

プラグイン有効後のカテゴリー画面です。通常では無い「サムネイル」の登録ができるようになっています。登録した画像はメディアにアップロードされます。

wordpress-plugins-taxonomy-thumbnail-01

使用方法

新しく以下の関数が使用できるようになります。タクソノミーIDを渡すことで画像情報を取得する事ができます。

  • get_term_thumbnail_id( $term_id )
  • has_term_thumbnail( $term_id )
  • the_term_thumbnail( $term_id, $size = ‘post-thumbnail’, $attr = ” )
  • get_term_thumbnail( $term_id, $size = ‘post-thumbnail’, $attr = ” )
  • set_term_thumbnail( $term_id, $thumbnail_id )
  • delete_term_thumbnail( $term_id )

カテゴリーの画像付き一覧を表示する例として以下のようなコードになります。


$terms = get_the_category();
if ( ! empty( $terms ) && ! is_wp_error( $terms ) ){
    echo '<ul>';
        foreach ( $terms as $term ) {
            echo '<li><a href="/' . $taxonomy . '/' . $term->slug . '">' . $term->name . get_term_thumbnail( $term->term_taxonomy_id, $size = 'category-thumb', $attr = '' ) . '</a></li>';
    }
    echo '</ul>';
}

関連記事

【WP】ワードプレスで会員登録機能を実装するプラグイン「WP-Members」

今回紹介するプラグイン「WP-Members」を使用すると、WordPressでユーザーの登録フォームを公開したり、会員情報として住所やフリガナなど項目をカスタマイズすることや、登録しているユーザーのみに記事を限定に公開する機能を構築することができます。 WP-Member...続きを読む

2016.07.01WordPress

MakeShop(メイクショップ)の販売代理店となりました

デザインスタジオ・エフではこのたび、GMOグループのMakeShop(メイクショップ)の販売代理店となりました。 月額無料から利用できるショッピングカート。MakeShopは、ネットショップの開店から運用までの一連の作業を効率化し、ネットショップオーナーをサポートします。 ...続きを読む

2015.03.24

魚時会館おさかな亭様WEBサイトの制作

藤枝市にある『魚時会館おさかな亭へ』様のWEBサイトの制作いたしました。魚時会館おさかな亭様は、藤枝駅より徒歩3分。昭和8年創業の老舗魚屋の目利きによる上質な海鮮料理、和食など静岡名物や料理を提供しおります。静岡県藤枝市で宴会・出前・法事・仕出し弁当のことなら魚時会館おさかな...続きを読む

2018.09.04WEBサイト制作

焼津おんぱく2018 「No30.焼津のスポットを歩き巡る インスタ映えする写真の撮り方講座」

カメラマンとして、焼津おんぱく2018 「No30.焼津のスポットを歩き巡る インスタ映えする写真の撮り方講座」のプログラムの案内人をしました。 風が強く、雲が少し多い日でしたが、天気にも恵まれ、タイミングにもめぐまれ、参加者さんみんなに楽しんでいただき、焼津の魅力を再発見...続きを読む

2018.02.14フォトギャラリー焼津

【デザイン】無料でダウンロードができるベクター素材サイトまとめ

WEBサイトやデザイン制作において、ベクター素材は加工もし易くロゴやアイコンいろんな場面で活躍します。そんなベクター素材が無料でダウンロードできるサイトをまとめてみました。 Vector Stock ユーザー登録が必要ですが、有料から無料のロイヤリティーフリーの素材が...続きを読む

2015.02.14インスピレーション