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のログイン時のツールバー

    WordPress

    WordPressで記事タイトルの文字数制限をするやり方

    WordPressで記事タイトルの文字数制限をするやり方をメモしときま…

  2. WordPress

    WordPressプラグイン「WPtap Mobile Detector」を使えばスマートフォン専用…

    WordPressでスマートフォン専用のテーマを作成した場合、iPho…

  3. WordPressで投稿IDを指定した記事をランダム表示

    WordPress

    WordPressで複数の投稿ID(記事ID)を指定した記事をランダムで表示させるやり方

    個人的にやってみたかったので備忘録。WordPressで自分が作った関…

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

    WordPress

    選択したテキストをツイートできるWordPressプラグイン「Quote Tweet」

    Quote Tweetはサイト内で選択したテキストを簡単にツイートする…

  6. WordPressでmicrodataを使ったパンくずリスト

    WordPress

    WordPressでパンくずリストをmicrodataを使ってマークアップするやり方

    そういえばこのサイトではまだパンくずリストを作成していなかったので今回…

コメント

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

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

最近の記事

  1. Anker PowerPort 5-in-1 37.5W Hub
  2. α7C + FE28-60mm F4-5.6
  3. Apple Watch Series 6
  4. iPad Air

アーカイブ

PAGE TOP