最新情報に赤い文字で「new」が付いていたら目をひきますね
イメージとしてはこんな感じになります
<style type="text/css">
/* .blogselection > div:nth-child(2) h2:before, */
.blogselection > div:nth-child(1) h2:before{ /* */
content:"new"; /* newを追加 */
color:#f00; /* 赤文字 */
margin-right:1em; /* 右側に余白 */
/* 赤枠、白文字、予約セット
padding:0 10px;
background:#f00;
color:#fff;
*/
}
</style>
バリエーション
赤枠付きNEW
/* 赤枠、白文字、予約セット
padding:0 10px;
background:#f00;
color:#fff;
*/
上記赤い文字部分を削除するだけ
新着２番目にもNEW
/* .blogselection > div:nth-child(2)
h2:before, */
上記赤い文字を削除すると、２番目にもNEWが付きます。
すべてのテンプレートで動作確認
必要があれば使ってみてください。
たいした機能ではありませんが、新しいブログが書かれると自動的に『ＮＥＷ』が付くので便利です。『NEW』の文字を『最新』などと置き換えても良いと思います。
▼ タグの貼り付け方はここ マウスを当てると画像が開きます。
コメントをお書きください