0%

Programmingプログラミングナレッジ

Posted:2016.05.12

カスタム分類のターム名表示とスラッグを取得する方法まとめ

WordPressではデフォルトで用意されている投稿の他にもユーザー側で独自に設定できるカスタム投稿があります。このカスタム投稿における、カテゴリーなどの分類にあたるものがカスタム分類(タクソノミー)になります。カスタム分類内では分類項目がタームと呼ばれ、このタームも文字列などとして表示させたり、タームのスラッグ名を取得することができます。

 

カスタム分類のタームを表示させ、さらにスラッグを取得しclass名に指定するなどができる、ターム名まわりの記述方法をまとめていきたいと思います。

 

カスタム分類のターム名を表示させる

まずは、基本となるターム名を文字列として表示させる方法です

【PHP】

<?php
    if ($terms = get_the_terms($post->ID, 'タクソノミー名')) {
        foreach ( $terms as $term ) {
            echo ('<span>') ;
            echo esc_html($term->name)  ;
            echo ('</span>') ;
        }
    }
?>

 

【HTML】

<span>ターム名</span>

 

 

カスタム分類のリンク付きターム名を表示させる

次に、ブログなどのアーカイブ時に役立つリンク付きのターム名を表示させる方法です

 

【PHP】

// 単一の場合
<?php echo get_the_term_list($post->ID, 'タクソノミー名'); ?>
// 複数表示がありコンマで区切り並べる場合
<?php echo get_the_term_list($post->ID, 'タクソノミー名', '見出し文字:', ','); ?>

 

【HTML】

// 単一の場合
<a href="タームのリンク先">ターム名</a>
// 複数表示がありコンマで区切り並べる場合
見出し文字:<a href="ターム1のリンク先">ターム名1</a>,<a href="ターム2のリンク先">ターム名2</a>…

 

 

カスタム分類のタームを表示させ、さらにスラッグを取得しclass名に指定する

最後に、ターム名を表示させて取得したスラッグをclass名に指定する方法です。ターム名ごとにclassが割り振られるのでCSSでスタイルを変更できるようになります。ターム名ごとのラベルの作成などに使えます。

 

【PHP】

<?php
    if ($terms = get_the_terms($post->ID, 'タクソノミー名')) {
        foreach ( $terms as $term ) {
            $term_slug = $term -> slug;
            echo ('<span class="') ;
            echo esc_html($term_slug) ;
            echo ('">') ;
            echo esc_html($term->name)  ;
            echo ('</span>') ;
        }
    }
?>

 

【HTML】

<span class="スラッグ名">ターム名</span>

 

カスタム分類アーカイブページなどでループ外に現在のタームを表示させる

シングルページではなくカスタム分類のアーカイブページなどで、現在のタームをループ外で表示させる方法です。ループ外であるbody内だけでなくheadタグ内などでも使えます。

【PHP】

<?php
   echo ('<h1>');
   single_cat_title( '', true );
   echo ('</h1>');
?>

 

【HTML】

<h1>ターム名</h1>
author
この記事を書いた人オガワ シンヤ
FacebookTwitter

DesignSupply.代表 / ディレクター・ウェブデザイナー・フロントエンドエンジニアをやっています。「ウェブとデザインでヒト・モノ・サービスを繋げ新しい価値を生み出す」をコンセプトに日々奮闘中!制作中はチョコレートが欠かせない三十路Webクリエイター。

制作のご依頼やお問い合わせ・パートナー業務提携のご相談はこちら

デザインやウェブ制作についてのご依頼やご相談、その他お問い合わせなどもお気軽にご連絡ください。フットワークの軽さやレスポンスの早さ、また豊富な経験や知識、技術を活かした対応力といったフリーランスクリエイターの強みでクライアント様、パートナー企業様のお力になります。デザインからコーディングやWordPress実装といったウェブサイト構築はもちろん、写真撮影や動画編集、コンテンツ制作からサイト運用サポートまで一括してお任せください。

ホームページ制作のご検討やウェブ運用でお悩みの経営者様や企業のウェブ担当者様をはじめ、個人で店舗を営んでいらっしゃるオーナー様、フリーで活動されているビジネスオーナー様はもちろんのこと、リソース不足でお困りの制作会社様、またクリエイターをお探しの代理店様も大歓迎です。

コンタクトをご希望の方はお手数ですが、下記よりお問い合わせフォームのページへアクセスしていただき、必要事項を入力の上メッセージを送信してください。確認でき次第すぐに折り返しご連絡致します。

こんな記事も読まれています

コメントもお気軽にどうぞ

記事に関するご質問やご意見などありましたら下記のコメントフォームよりお気軽に投稿ください。なおメールアドレスは公開されませんのでご安心ください。また、* が付いている欄は必須項目となります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

CAPTCHA


ページトップへ
大阪市天王寺区のホームページ制作デザイン事務所(SOHO)DesignSupply.【デザインサプライ】