Undershirtで記事の最新更新日を表示させよう

f:id:shigesanpo:20200216073704p:plain

 

 以前書いた更新日時を表示させるカスタマイズのUndershirt用リライト記事になります。微妙に内容が違うのかわからないけど、一緒にして出来ない人がいたら困るので、一応別記事として記載しておきます。

 

最新更新日を表示させるための設定

jQueryとFont Awesomeの読み込み設定

「ダッシュボード > 設定 > 詳細設定」から下の方にスクロールしていくと「headに要素を追加」があります。

f:id:shigesanpo:20160321084209j:plain

 

headに要素を追加」に以下のコードを入力して、変更するをクリックします。
他のカスタマイズで<style>タグを入力している場合は<style>タグの間に入力しないようにして下さい。

既に同じコードが入力してある場合は、入力しないで大丈夫です。

 

gist3209fde2d24864c2672aa2fe6587c3f0

 

HTMLの設定

下記サイト様の「サイトマップ利用バージョン」のコードを「ダッシュボード >デザイン > カスタマイズ > 記事 > 記事下」に入力します。

www.tsubasa-note.blog

 

更新時間まで表示されてしまって困るという方は、下記サイト様を参考にしてみて下さい。 

www.tomomore.com

 

デザインCSSの設定

「ダッシュボード > デザイン > カスタマイズ > デザインCSS」に以下のコードを入力します。

 

gisted43dafc136cc9b47497792ca2d4506b

スマホ表示時に更新日が記事タイトルの上に表示されてしまう場合

下記サイト様に記載されているようにしてみてください。

note.com

 

まとめ

見ている記事が、いつが最新の状態なのかを読者の方にお知らせするだけではなく、googleにも知らせることが、SEOにとっても良い事らしいです。

確かに、私も他の方のサイトを見させてもらう時に、この情報っていつのだろ?と思うことがしばしばあります。

過去の記事を見直さないとなぁ...

 

参考にさせて頂いたサイト様

本当にありがとうございます!

kurokinomizuiwa.hatenablog.com

 

www.tsubasa-note.blog

 

utautan.hatenablog.com

 

www.tomomore.com

 

note.com