【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>';
}

関連記事

【ツール】レスポンシブサイトの確認に便利なViewportエミュレーター『Dimensions』

レスポンシブサイトを制作すると、PCやスマートフォン、タブレットでそれぞれ表示が異なるため、表示もそれぞれの端末に合わせたサイズでの確認が必要になります。 そこで便利なツールとして、Google Chromeのアプリに端末サイズごとのシミュレーションができる『Dimen...続きを読む

2015.02.10HTMLコーディング

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

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

2018.09.04WEBサイト制作

【HTML】Bootstrapの基本「マージン」と「パディング」

『Bootstrap』は、フロントエンドのフレームワークとオープンソースプロジェクトです。『Bootstrap』は、CSS、JS、およびフォントが基本セットになっています。HTMLのテンプレートソースを組み合わせて、レスポンシブ対応のサイト制作が可能です。 『Boots...続きを読む

2018.08.09BootstrapHTMLコーディング

【デザイン】写真加工による幻想的なアートの世界

実際の写真を加工して幻想的で不可思議な世界を作るフォトグラファー Erik Johansson 氏の作品をご紹介します。 Erik Johansson Photographer Erik Johansson ...続きを読む

2015.03.10インスピレーション

【フォト】蓮華寺池公園フォトギャラリー≪冬≫

藤枝市のほぼ中央に位置し、「花・水・鳥・笑顔」がテーマの公園「蓮華寺池公園」。池を囲む公園は、桜や藤の花、蓮の花など季節を通して自然を楽しむことができる憩いの場所です。今回、紹介する冬の蓮華寺池公園の山頂周辺の写真です。自然のなかを歩いたり、眺めの良い見晴台があったり、広場やアス...続きを読む

2018.02.07フォトギャラリー藤枝