menu
menu

キーワード検索

 

前月(5月)の人気記事トップ10 - 6/3/2019

  1. ( 3 ↑) 【CSS】CSSだけでドロップダウンメニュー
  2. ( 1 ↓) 【Mac】Macのユーザー名とアカウント名を変更する
  3. ( 2 ↓) 【iPhone・iPad】iPhoneのメモリを簡単に解放する方法
  4. ( 4 - ) 【CSS】スマホ対応CSSだけでドロップダウンメニュー
  5. ( 8 ↑) 【Mac】Finderにフォルダのフルパスを表示させる方法
  6. (圏外↑) 【制作Tips】画面解像度一覧表
  7. ( 10 ↑) 【制作Tips】iPad画面解像度まとめ
  8. (圏外↑) 【jQuery】入門2. jQueryをHTMLに組み込む
  9. ( 9 - ) 【WiMAX】HUAWEI W04 気づくとWi-Fiの接続が切れてる
  10. ( 6 ↓) 【決定版】フォントの設定はこれで決まり❗️
このエントリーをはてなブックマークに追加

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