menu
menu

キーワード検索

 

前月(7月)の人気記事トップ10

  1. ( 1 - ) 【CSS】CSSだけでドロップダウンメニュー
  2. ( 2 - ) 【jQuery】jQueryでドロップダウンメニュー
  3. ( 3 - ) 【CSS】CSSだけでサイズ可変・スマホ対応のアコーディオン
  4. ( 4 - ) 【CSS】レスポンシブデザインのブレークポイントは⁉
  5. ( 5 - ) 【Mac】Macのユーザー名とアカウント名を変更する
  6. ( 6 - ) 【CSS】スマホサイト向け横にスクロールするナビゲーション
  7. ( 7 - ) 【jQuery】表示しているブラウザの高さを取得してCSSのheightに指定
  8. ( 9 ↑) 【PHP】PHPでシンプルなメールフォーム
  9. ( 8 ↓) 【CSS】CSSだけでブロック要素の表示非表示(トグルボタン)
  10. ( - ↑) 【Mac】MacにGoogle Driveをインストール
このエントリーをはてなブックマークに追加

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