広告

【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;
}

コメント

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