ツナの備忘録

ツナの備忘録

旅行と語学の備忘録

【初心者が挑戦】更新日時を表示する

 

こんにちは、ツナです。

 

ブログに、更新日時を表示するカスタマイズについて、

超初心者の私ができた方法を記録します。

 

  

 

 

まず、「はてなブログ 更新日時 表示」で検索。

 

たくさんの結果が出てきました!心強い!!

 

 

で、ほとんどの記事で紹介されていた方の記事が、これです。

www.tsubasa-note.blog

 

コピー&ペーストする。

記事の中にあった「サイトマップ利用バージョン」をコピーして、

下記の場所にペースト。

 

ダッシュボード」→「デザイン」→「カスタマイズ」

「記事」→「記事下」

 

でも何も表示されず。。。

 

うぁぁぁ なぜだぁぁあぁ

 

となっていたところ、気づいたのです。

 

f:id:shinuyaru:20190415225615p:plain

「ここにサイトマップへのURLを入力してください。」の文字を。

 

サイトマップってなにーーーーーーーーーーー!!!

 

(初心者すぎて驚くなかれ。)

 

そんな初心者の私に分かりやすく解説してくださったのが、この方。

www.tkd-wanderer.com

 

ペーストしたHTMLの一部を、自身のものに変更する。 

そして、サイトマップを作成しました。

サイトマップ作成の記事は、こちらから!

 

shinuyaru.hatenablog.com

 

 

その後、先ほどの

「ここにサイトマップへのURLを入力してください。」の部分に、

自分のサイトマップのURLをペーストします。

f:id:shinuyaru:20190415225615p:plain

 

 

デザインを変更する 

次に、デザインをカスタマイズします。

 

ペーストする場所は、

ダッシュボード」→「デザイン」→「カスタマイズ」→「デザインCSS

 

ペーストする内容は、こちらの方の記事の中にある、

「デザインCSS」を、まるまるコピーさせて頂きました。

www.tomomore.com

 

すると、

f:id:shinuyaru:20200513172937p:plain

出ました!!!!!!!!!!!!!!!

 

 

追記 ※時分秒が表示されるときの対策

はてなブログのアップデートにより、

更新日が●時●分●秒まで表示される状況が起きました。

 

「●時●分●秒」を消す手順は、以下をご参照下さい。

 

shinuyaru.hatenablog.com

 

 

わたしのようなド級の初心者の方がもしいれば、

ぜひ参考にしてみてください。

 

ツナ