
SWELLのタグクラウドに「# (ハッシュ) 」マークを付けるカスタマイズ
WordPressテーマSWELLでは、「外観 > ウィジェット」や「エディター > ブロックを追加 > ウィジェット」からタグクラウドを追加することができます。エディター経由で追加したタグクラウドであれば、軽いデザインの変更も可能です。
しかし、タグクラウドに任意の記号や文字を入れたい場合には、CSSで以下のコードを追加する必要があります。.tag-cloud-link
にbefore
を付けることで、標準のタグクラウドの先頭に要素を追加できます。
.tag-cloud-link:before {
content: "# ";
}
CSS以上、SWELLを少しだけ味変するtipsでした。
※「SWELLのタグ…」と表記していますが、カスタマイズの内容的には「WordPressのタグ…」の方が正確かも。知らんけど。