ホームページ » ワードプレス » WordPressのカテゴリとタグにサムネイルを追加する方法

    WordPressのカテゴリとタグにサムネイルを追加する方法

    カテゴリやタグの横に画像を表示できた場合は、WordPressサイトの見栄えがよくなります。たとえば、CSSに関するイメージを “CSS” のカテゴリまたはHTML5ロゴ “HTML” カテゴリ(下記のように).

    バージョン2.9に戻ると、WordPressは以下の機能を追加しました。 画像のサムネイルを追加する (後で名前が変更されました 注目の画像)投稿、ページ、およびカスタム投稿タイプの場合。このImage Thumbnail機能は、それ以降のバージョンであっても、カテゴリ、タグ、およびカスタム分類をカバーしていません(おそらくカスタム分類を除き、おそらくWordPress 4.4では)。

    このWordPressのヒントとTaxonomy Thumbnailプラグインのおかげで、これを投稿カテゴリとタグに行うことができます。数行のコードでこれを実現する方法を調べてみましょう。.

    入門

    はじめに、このプラグインをあなたのWordPressサイトにデプロイしてください。あなたはどちらかを通してプラグインをインストールできます プラグイン>新規追加 またはFTPを介して。プラグインを有効にしたら、に進みます。 投稿>カテゴリー. 今、あなたはボタンを見つけることができるはずです “サムネイルを設定する“.

    このボタンをクリックすると、 WordPressメディアマネージャ. ここで、以前アップロードした画像をカテゴリ画像として選択するか、自分の画像をアップロードしてカスタマイズし、最後にそのカテゴリの画像サムネイル(またはタグ)として選択することができます。.

    画像はに表示されます。 カテゴリー どのカテゴリに画像カテゴリが添付されているかを確認できるテーブル.

    テンプレートタグ

    このプラグインには、投稿サムネイルテンプレートタグに似た画像を取得するための便利なテンプレートタグが付属しています。こうすれば、用語のサムネイルを簡単に取得することができます。.

    • get_term_thumbnail_id($ term_taxonomy_id):分類学用語のサムネイルIDを取得する.
    • has_term_thumbnail($ term_taxonomy_id):分類用語にサムネイルがあるかどうかを確認する.
    • get_term_thumbnail($ term_taxonomy_id、$ size = 'サムネイル後'、$ attr = ” ):タクソノミー用語のサムネイルを取得する.

    上記のように、これらの機能には分類ID - カテゴリ、タグ、またはカスタム分類ID - が必要です。 term_taxonomy_id 関数。プラグインには、サムネイルの設定や削除などの機能がいくつか付属していますが、現時点ではこれらで十分です。.

    サムネイルを表示する方法

    用語リストを取得する

    まず、 get_terms() 指定された分類法の用語のリストを取得する関数 - この場合、投稿カテゴリから用語を取得します.

      'name'、 'order' => 'ASC'、 'hide_empty' => true、 'exclude' => array()、 'exclude_tree' => array()、 'include' => array()、 'number' => "、 'fields' => 'all'、 'slug' =>"、 'parent' => "、 'hierarchy' => true、 'child_of' => 0、 'childless' => false、 'get '=> "、' name__like '=>"、' description__like '=> "、' pad_counts '=> false、' offset '=>"、' search '=> "、' cache_domain '=>' core '、) ; $ terms = get_terms($ taxonomy、$ args); ? 

    出力は、次のものを含む各用語の情報を含む配列です。 term_id, , ナメクジ, term_group, term_taxonomy_id, 説明, など今、私たちは用語を表示する必要があります リスト内で 前々 次のようにループ.

     '。 $の分類法。 ':

    ';エコー '
      '; foreach($ termsを$ termとして)echo $ term-> name; エコー '
    ';

    結果は次のようになります。

    ここにはCSS、HTML、JavaScript、jQuery、そしてPHPがあります。これらのそれぞれに対応する画像(ロゴまたはアイコン)を添付しました 条項. 今、私たちはそれらを表示する方法を知る必要があります.

    サムネイルを表示する

    画像のサムネイルを表示するには、 前々 前のコードのように、ループ.

    テンプレートタグを追加します, get_term_thumbnail(), サムネイルを取得するには、その用語のアーカイブページへのリンクも追加します。.

     if(!empty($ terms)&&!is_wp_error($ terms))echo '';  

    そして(追加されたCSSの後の)結果は以下の通りです。

    プラグインには、すべての用語を取得するか、サムネイル付きの用語のみを取得するかを選択するオプションがあります。これを行うには、下のパラメータを使用します。 get_terms() 関数:

     $ taxonomy = 'category'; $ args = array( 'with_thumbnail' => true、// true =サムネイルを含む用語を検索する、false =すべての用語を検索する); $ terms = get_terms($ taxonomy、$ args); 

    他の分類法に適用する

    すでに述べたように、このプラグインはカテゴリだけでなく他の分類法にも適用できます。 タグ, リンクカテゴリ, そして カスタム分類. このプラグインは、投稿やページの場合と同様に、分類法で画像サムネイルを有効にするのに役立ちます。.