CSS HTML 初心者 勉強中。

CSS HTML 初心者です。備忘録的メモです。

ブログの記事に更新日付を表示する方法 (手動)

ブログの記事に更新日付を手動で必要時のみ表示する方法について。

自分がよく使うので、いつでもコピペできるよう記事をあげます。

 

更新日付とは

下の画像では  2018-09-04 の隣に  2018-09-08 を表示させています。

この  2018-09-08 が更新日付です。

 

手動で更新日付を追加する方法

まず、JavascriptとCSSなどを追加します。

こちらの方の記事を参考にさせて頂きました。

 

準備ができたら、HTMLにtimeのタグを貼ります。

はてなブログの場合は、

記事のHTML編集のどこか適当なところに下記を貼るだけでOKです。

私は、自分が調整しやすいので、記事の一番下に貼り付けています。

 

<time class="entry-updated updated" datetime="2018-10-10">2018-10-10</time>

 

更新日付 バージョン追加

これのために記事を書いたようなものです (笑)。

 

<time class="entry-updated updated" datetime="2019-01-01">2019-01-01</time>

 

<time class="entry-updated updated" datetime="2019-02-18">2019-02-18</time>

 

毎回何か所も修正するのが面倒くさいので…(*´▽`*)

気が向いたら更新します。

 

では今回はこのへんで。(*'▽')/