ブログ表示の最初に「new」を表示させたい

最新情報に赤い文字で「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;
*/
上記赤い文字部分を削除するだけ

新着2番目にもNEW

/* .blogselection > div:nth-child(2) h2:before, */


上記赤い文字を削除すると、2番目にもNEWが付きます。


すべてのテンプレートで動作確認

必要があれば使ってみてください。

たいした機能ではありませんが、新しいブログが書かれると自動的に『NEW』が付くので便利です。『NEW』の文字を『最新』などと置き換えても良いと思います。

▼ タグの貼り付け方はここ マウスを当てると画像が開きます。

この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。
メールアドレスを入力して登録ボタンを押してください。

株式会社 PIK

〒108-0075 港区港南3-4-12

TEL.03-6433-0422