WordPressのログイン時のツールバー

WordPress

the_tagsを使ってWordPressの投稿タグを表示させたり表示形式を替えたりしてみる

WordPressで各記事につけた投稿タグを表示させたい場合にはthe_tags()を使えば簡単に表示させることができます。この時に引数にパラメータを渡すことで区切り文字を替えたりHTMLのタグを追加したりといったことができます。ちょっと表示形式を変更したいなーといった時でもこれを指定するだけで簡単に変更できるので結構お手軽かと思います。以下、具体的な使い方です。

[ads_center]

the_tagsの使い方

基本的にはこんな感じで使用します。

<p><?php the_tags(); ?></p>

これで次のようなHTMLを出力します。ちなみに以下はタグが複数ついていた場合です。

<p>タグ: <a href="..." rel="tag">タグ01</a>, <a href="..." rel="tag">タグ02</a></p>

デフォルトでは複数タグがついている場合には「,」で区切られます。先頭には「タグ: 」という文字がつけられます。別にこれでもいいんですが、もうちょっとカスタマイズしたいという場合は次のようなパラメータを渡すことで簡単に変更できます。

the_tags('前', '区切り文字', '後');

例えば、デフォルトの「タグ: 」を「Tags: 」に変更したい場合はこんな感じで指定します。

<?php the_tags('Tag: '); ?>

さらに区切り文字を「,」から「|」に替えたい場合には以下のように第二引数に指定します。

<?php the_tags('Tag: ', '|'); ?>

HTMLを追加したいっていう場合もあるかと思います。例えばulでリスト化したいっていう場合にはこんな感じで指定してあげるといいです。

<?php the_tags('<ul><li>',', </li><li>','</li></ul>'); ?>

なかなか自由度があって使いやすいかと思います。

参考サイト

関連記事

  1. Monsterrat

    WordPress

    ミニマルなポートフォリオに最適なWordPressテーマ「Monsterrat」

    ミニマルなデザインのポートフォリオを作りたい時に最適なWordPres…

  2. WordPress

    WordPressの公式ロゴマークは公式サイトでダウンロードすることができる

    何気なくWordPress公式サイトを見ていたら、WordPressの…

  3. WordPressアップデートでアイコンが表示されない時の対処方法

    WordPress

    WordPress 3.8のアップデートで管理画面のアイコン画像が上手く表示されない時の対処方法

    先程、WordPress 3.8にアップデートしたら管理画面の上部バー…

  4. Broken Link Checker

    WordPress

    リンク切れをチェックできるWordPressプラグイン「Broken Link Checker」

    そういえば自分のサイトでリンク切れのチェックをしたことがなかったので、…

  5. WordPress

    editor-style.cssを使えばビジュアルエディタを実際の記事と同じようにスタイリングできる…

    あんまりビジュアルエディタを使ってないのであれですが、新規の記事を書い…

  6. WordPressのログイン時のツールバー

    WordPress

    WordPressでプラグインなしで関連する記事を一発で呼び出す関数をfunctions.phpに記…

    WordPressのシングルページで、よく記事の終わりにその記事に関連…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. Soundcore Liberty Air 2
  2. Soundcore Liberty 2
  3. マザーツリー
  4. RICOH THETA SC2

アーカイブ

PAGE TOP