menu
menu

キーワード検索

 

12月更新・前月(11月)の人気記事トップ10 - 12/02/2019

  1. ( 1 - ) 【Mac】Macのユーザー名とアカウント名を変更する
  2. ( 5 ↑) 【Mac】Finderにフォルダのフルパスを表示させる方法
  3. ( 2 ↓) 【iPhone・iPad】iPhoneのメモリを簡単に解放する方法
  4. ( 3 ↓) 【CSS】CSSだけでドロップダウンメニュー
  5. (圏外↑) 【iPhone・iPad】投稿の準備中にエラーが起きました。後でやり直してください。
  6. ( 4 ↓) 【Mac】外付けメディアが取り外せなくなったらSpotlightの除外項目を設定してみる
  7. (圏外↑) 【Google】Googleアカウントのメールアドレスを変更する方法
  8. (圏外↑) 【Mac】MacにGoogle Driveをインストール
  9. (圏外↑) 【Suica】iPhoneでSuicaをクレジットカード無しで使う方法
  10. ( 7 ↓) 【jQuery】入門2. jQueryをHTMLに組み込む
このエントリーをはてなブックマークに追加

【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 カテゴリー タグ
このエントリーをはてなブックマークに追加