投稿ヘッダーにアイコン付きでタグを出力する際の条件分岐

テーマ内でFont Awesomeを使用しています。

たまにカテゴリーのみでタグを指定してない記事がありますけど、タグのアイコン(これ→ )だけ表示されてて見た目が気になったので修正しました。
条件分岐でタグの有無を判定します。

<?php if (get_the_tags()) the_tags('<i class="icon-tags"></i>', ', ', ''); ?>

一部だけだと上記のような感じに。
(ちなみにFont Awesomeの古いバージョンを使っているので指定が現在のVer 4.2.0と違います)

<div class="post-meta clearfix">
  <ul>
    <li><i class="icon-time"></i><?php echo get_the_date(); ?></li>
    <li><i class="icon-folder-open"></i><?php the_category(', '); ?></li>
    <li><?php if (get_the_tags()) the_tags('<i class="icon-tags"></i>', ', ', ''); ?></li>
    <li><?php edit_post_link('Edit', '<i class="icon-pencil"></i>', ''); ?></li>
  </ul>
</div>

日付なども含めた投稿詳細の全文は上記のようになります。カテゴリーにも設定してもいいかもしれませんが、記事ごとにかならず設定してますし、しなくても’その他’とかに雑に置いておくのでこっちは設定しませんでした。

Font Awesomeの使い方に関しては、公式サイトのGet Started with Font Awesome、およびFont Awesome Examplesをどうぞ。アイコンの確認はチートシートが便利です。

参考

テンプレートタグ/the tags – WordPress Codex 日本語版


今日聞いた曲

ランニングハイ / Mr.Children

糸 / 中島みゆき

みずいろの雨 / 八神純子

秘密基地 / 高田梢枝

女という商売 / 中島みゆき

親知らず-Summer Again- / MONGOL800

Dear My Lovers / MONGOL800

Dandelion / MONGOL800

ポケット カスタネット / Mr.Children

 575 Views