【STINGER】記事一覧タイトルにアイコンをつける

こんにちは、山田(@yamada_note)です。
STINGERで記事一覧タイトルにアイコンをつけるCSSをご紹介しますね!

※STINGER8で確認しました。

CSS

p.kanren-t:before{
content: "\f02e";
font-family: FontAwesome;
color: skyblue;
font-size: 150%;
}

解説

アイコンは「FontAwesome」のものを使用しています。変更したい場合はお気に入りのアイコンを探して\f02eの部分を書き換えてください。

まとめ

上記のCSSで、

  • 記事一覧
  • サイドバーの新着記事
  • 記事下の関連記事

の記事タイトルにアイコンが一括で設定されます。

山田
毎回WordPressのカスタマイズを忘れるので、自分の備忘録用にサイトを立ち上げました。

CSSとHTMLは独学なので、間違ってたらこっそり教えてください…。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です