投稿日・更新日のアイコン変更
![](https://development.two-cool.com/wp/wp-content/uploads/2020/02/f3ff2b38f21bcd8da977db80ed2a0e7e_s.jpg)
![](https://development.two-cool.com/wp/wp-content/uploads/2020/02/11.png)
新規・更新日付のアイコン変更をやってみましょう。
これは意外と簡単なので、説明はいらないでしょう。
/* 投稿日のアイコン */
p.meta span.date:before {
font-family: "Font Awesome 5 Free";
content: '\f783';
margin-right: 3px;
font-weight: 900;
color: gray;
}
/* 更新日のアイコン */
p.meta span.date:not(.published):before {
font-family: "Font Awesome 5 Free";
content: '\f2f9';
margin-right: 3px;
font-weight: 900;
color: gray;
}
![](https://development.two-cool.com/wp/wp-content/uploads/2020/02/11.png)
アイコンを後ろに付けたいときは、beforeのcontentを空白にして、afterで記述すればOKです。