【はてなブログ】記事の投稿日のアイコンをカスタマイズするCSS(Minimalism対応)

【はてなブログ】記事の投稿日のアイコンをカスタマイズするCSS(Minimalismテーマに対応)

記事のエントリー日の日付表示の隣にあるアイコンを、Minimalismテーマのデフォルト（カレンダーマーク）から、 時計マークに変更したときのカスタマイズ方法のメモです。

CSSに追加するだけで簡単に変更できました

• 【はてなブログ】記事の投稿日のアイコンをカスタマイズするCSS(Minimalismテーマに対応)
  • 具体的な方法
    • 個別記事ページのエントリー日
    • カテゴリーごとの記事一覧ページのエントリー日
    • サイドバーの最新記事のエントリー日
    • 関連記事のエントリー日
    • 実際の表示イメージ

具体的な方法

設定　＞　デザイン　＞　カスタマイズ　＞デザインCSS
に下記コードを追加します。

個別記事ページのエントリー日

.entry-header .entry-date::before {
  font-family: "Font Awesome 5 Free"!important;
  content: "\f017"!important;
}

カテゴリーごとの記事一覧ページのエントリー日

.archive-entry-header .archive-date::before {
  font-family: "Font Awesome 5 Free"!important;
  content: "\f017"!important;
}

サイドバーの最新記事のエントリー日

.recent-entries-date-link time::before {
  font-family: "Font Awesome 5 Free"!important;
  content: "\f017"!important;
}

関連記事のエントリー日

.related-entries-date-link time::before {
  font-family: "Font Awesome 5 Free"!important;
  content: "\f017"!important;
}

実際の表示イメージ