SWELLのタグクラウドに「# (ハッシュ) 」マークを付けるカスタマイズ

SWELLのタグクラウドに「# (ハッシュ) 」マークを付けるカスタマイズ

WordPressテーマSWELLでは、「外観 > ウィジェット」や「エディター > ブロックを追加 > ウィジェット」からタグクラウドを追加することができます。エディター経由で追加したタグクラウドであれば、軽いデザインの変更も可能です。

しかし、タグクラウドに任意の記号や文字を入れたい場合には、CSSで以下のコードを追加する必要があります。.tag-cloud-linkbeforeを付けることで、標準のタグクラウドの先頭に要素を追加できます。

.tag-cloud-link:before {
     content: "# ";
}
CSS

以上、SWELLを少しだけ味変するtipsでした。

※「SWELLのタグ…」と表記していますが、カスタマイズの内容的には「WordPressのタグ…」の方が正確かも。知らんけど。

  • URLをコピーしました!
Contents