menu
menu

キーワード検索

 

8月更新・前月(7月)の人気記事トップ10 - 8/1/2019

  1. ( 2 ↑) 【CSS】CSSだけでドロップダウンメニュー
  2. ( 1 ↓) 【Mac】Macのユーザー名とアカウント名を変更する
  3. ( 6 ↑) 【jQuery】jQueryでドロップダウンメニュー
  4. ( 3 ↓) 【iPhone・iPad】iPhoneのメモリを簡単に解放する方法
  5. ( 7 ↑) 【CSS】スマホ対応CSSだけでドロップダウンメニュー
  6. ( 4 ↓) 【Mac】Safariでソースコードを見る方法
  7. ( 8 ↑) 【Mac】Finderにフォルダのフルパスを表示させる方法
  8. ( 9 ↑) 【制作Tips】画面解像度一覧表
  9. (圏外↑) 【Perl】Windows 10にActivePerlをインストール
  10. (圏外↑) 【jQuery】入門5. jQueryで日時を表示
このエントリーをはてなブックマークに追加

【WordPress】リンクなしのタグとカテゴリーを出力する方法

【WordPress】リンクなしのタグとカテゴリーを出力する方法

こんにちは(・∀・)

WordPressにはタグやカテゴリーを出力させる関数があります。

しかしタグやカテゴリーを出力させるとリンクも自動的に付いてくるようになっています。

カテゴリーに関してはカテゴリー分けしているのでリンクが付いても全然問題ありません。しかしタグに関しては別です。

タグの出力はしたいけどリンクは付けたくありません。

ということで、今回はタグは表示するけどリンクは付与しないという出力方法をご紹介します。

ついでなのでカテゴリーのリンクなしも合わせてご紹介します。

Contents

  1. 通常のタグとカテゴリーを出力する方法
  2. リンクなしのタグとカテゴリーを出力する方法
  3. リンクなしのタグにCSSで装飾して出力する場合
1. 通常のタグとカテゴリーを出力する方法

WordPressで用意されている通常のタグとカテゴリーを出力する方法です。

タグの出力

<?php
the_tags('',' ');
?>
カテゴリーの出力

<?php
the_category('',' ');
?>

どちらも空白で区切ったタグやカテゴリーが表示されます。

2. リンクなしのタグとカテゴリーを出力する方法

リンクなしでタグやカテゴリーを出力する方法です。

タグの出力

<?php
foreach((get_the_tags()) as $tag) {
echo $tag->name . ' ';
}
?>
カテゴリーの出力

<?php
foreach((get_the_category()) as $cat){
echo $cat->cat_name . ' ';
}
?>

どちらも空白で区切ったタグやカテゴリーがリンクなしで表示されます。

3. リンクなしのタグにCSSで装飾して出力する場合

リンクなしのタグにCSSで装飾する場合。

CSS

span:before {
  content: "#";
}
PHP

foreach((get_the_tags()) as $tag) {
echo '<span>' . $tag->name . '</span>' . ' ';
}

このサイトで表示している↓タグのCSSです。contentプロパティでタグの頭に「#」を付けてます。


いかがでしたでしょうか、WordPressにはたくさんの関数が用意されていますが、自分がやりたいデザインにするには多少のアレンジは必要ですね。

よろしければお試しください。

  • WordPress カテゴリー タグ
このエントリーをはてなブックマークに追加