スポンサーリンク

【Cocoon】タグの表示をハッシュタグ「#」風に表示する

アイキャッチ Cocoonカスタマイズ

WordPressのCocoonテーマで、タグの表示を変更するカスタマイズです。

Cocoonテーマでは標準でタグ一覧の表示にFont Awesomeの「(タグアイコン)」が使われています。

このタグアイコンは他のアイコンや文字に変更することも可能です。

タグアイコンの表示をSNSハッシュタグ「#」風に変更するには、以下の手順を実行します。

スポンサーリンク

タグの表示をハッシュタグ「#」風に表示する手順

以下のコードをテーマディレクトリ(子テーマディレクトリ)のfunctions.phpファイルに追記します。

/* タグリンクの差し替え */
function get_the_tag_links(){
  $tags = null;
  $posttags = get_the_tags();
  if ($posttags) {
  foreach(get_the_tags() as $tag){
    $tags .= '<a class="tag-link tag-link-'.$tag->term_id.' border-element" href="'.get_tag_link( $tag->term_id ).'">#'.$tag->name.'</a>';
    }
  }
  return $tags;
}

WordPress&Cocoonのお悩みにお答えします

クラベルではWordPressのブログサイト構築、Cocoonテーマの導入やカスタマイズに関するご相談を承っております。

お困りの方はぜひ一度お問い合わせください。また、現在ココナラをつかったサービス出品も始めてみました。お悩みおひとつの解決からお手軽にお申込みできますので、こちらもぜひあわせてご覧ください。

ワードプレス&コクーンのお悩み何でもお答えします 現役エンジニアによるWordPress&Cocoon制作支援
Cocoonカスタマイズ Web開発
お読みいただきありがとうございました。
最後に「いいね!」をいただけると大変励みになります。
最新情報をお届けします。
クラベルをフォローする
スポンサーリンク
この記事を書いた人
クラベル

Webサイト構築、Wordpressのカスタマイズやphpプログラミングなどやってます。ブログは省エネ運営中。Cocoonカスタマイズやゲーム、ガジェットの話題など。

クラベルをフォローする
クラベル

コメント

タイトルとURLをコピーしました