【Cocoon】タグのマークをハッシュタグ風に変更

このサイトはWordpressのCocoonというテーマで作っている（他のサイトもいくつか）のですが、使っていて便利だけど私のようなどしろーとには理想通りにカスタムできない壁にぶつかることが多々あります。

昔通っていた学校の教授に、コピペじゃなくて自分の頭でコードを理解しないと意味ないよって言われたのはこのことか……っ！

まあ、そんな私みたいな後生の誰かのために、かゆいところに手が届かない時の孫の手のように備忘録を残していこうかなと思います!!

今回はタグのマークのデザイン変更について。

デフォルトのタグも良いんだけど……私はSNSっ子なので、X（旧Twitter）みたくハッシュタグ風にしたい!!

でも、サイトを探してみてもタグ自体は#になっていてもいざそれをクリックしてみたら元のマークに戻ったまま、みたいなカスタムが多かったんですね（語彙力皆無）……orz

というわけで前置きが長くなってしまいましたが、カスタムCSSかCocoonの子テーマあたりに以下をコピペしてしまいましょう。

.fa-tag:before {
	content: "#";
}
.fa-tags:before {
	content: "#";
}

tagとtags、一文字だけの違いだったんだ！！！こういうの、みんなどこで知るんだろうね。

ちなみに””内は任意の記号などに置き換え可能だと思います。

とにかく、実際に私のサイトでも使ってみました（フッターからチェックしてみてください🎶）もし同じところで躓いている人がいれば役に立てたら嬉しいです。

他にもこれどうやったの？とかあればお気軽にコメントください！