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つでCSSファイルを軽量化!圧縮や整形が簡単にできる「csCSSc」前のページ

jQueryで好きな要素を浮遊させることができるプラグイン「jqFloat」を使ってみた次のページ

関連記事

  1. WordPressテーマ「Ignite」

    WordPress

    レスポンシブ対応のクリーン&エレガントなフリーのWordPressテーマ「Ignite」

    個人的にとてもいいなーと思ったWordPressテーマがあったのでメモ…

  2. WordPress

    wp_list_commentsを使ってWordPressのコメント出力をカスタマイズする

    WordPressのコメントまわりをちょっと調べてたんですが、コメント…

  3. WordPress

    WordPressでアイキャッチ画像にキャプションを表示させる設定方法

    WordPressのアイキャッチ画像にキャプションを付けたい時ってあり…

  4. WordPress

    シングルページに同一カテゴリーの記事一覧を表示するカスタマイズ

    WordPressのシングルページの記事の下に現在表示されている記事と…

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

    WordPress

    WordPress投稿画面からTwitterの好きなツイートを簡単に埋め込むことができるやり方

    WordPressの投稿画面でTwitterのツイートを簡単に埋め込む…

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

    WordPress

    ブログなどでFlickrの転載可能な画像を使用する時のクレジット表示するためのWordPressショ…

    ブログなどでコンテンツに関連した画像を挿入したいといったことがあるかと…

コメント

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

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

最近の記事

  1. 成城石井 フレンチロースト
  2. COMOLI カシミアシルクニットパーカ
  3. 橋
  4. 梅と久保田城
  5. マワマット26

アーカイブ

PAGE TOP