タイトル横のマークの変更方法

記事タイトル横のマークは はてなブログの「アイコンフォント」を利用しているので、お好きなものに変更していただくことができます。

はてなブログのアイコンフォント ピックアップ

アイコンに使えそうなものをピックアップしてみました。

アイコン	クラス名	コード
	blogicon-home	f017
	blogicon-pen	f024
	blogicon-check	f029
	blogicon-star	f02d
	blogicon-star-o	f720
	blogicon-music	f046
	blogicon-heart	f048
	blogicon-heart-alt	f049
	blogicon-sushi	f04d
	blogicon-smartphone	f051
	blogicon-laptop	f052
	blogicon-gourmet	f715

はてなブログのアイコンフォントは120種類以上あって、追加されたりすることもあるので探してみるのも楽しいかもしれませんね。

タイトル横のマークの変更方法

タイトル横のマークの変更方法は

「管理画面」→「 デザイン」→「 カスタマイズ」 →「 デザインCSS」画面にお好みのアイコンフォントのコードに変更してから貼り付けます。

contentの後のコード番号をお好みのコードへ変更します。2箇所ありますので2箇所とも変更してから貼り付けてください。

.page-archive .entry-title::before {
    content: "\f017"; /* アイコンコード */
}

.entry-header .entry-title::before {
    content: "\f017"; /* アイコンコード */
}

※すでにCCS編集に何か入っている場合は最後に追記して、中身を絶対に消さないようにしてください。

タイトル横のマークが不要な場合

タイトル横のマークが不要な場合は

「管理画面」→「 デザイン」→「 カスタマイズ」 →「 デザインCSS」に下記のコードを貼り付けてください。

.page-archive .entry-title::before {
    display: none;
}

.entry-header .entry-title::before {
    display: none;
}

※すでにCCS編集に何か入っている場合は最後に追記して、中身を絶対に消さないようにしてください。