崖っぷちシーアのサバイバルチャレンジ

転んでもタダでは起きない!節約と投資でどん底から這い上がります。陸マイラー志望。

簡単!過去記事のリライト方法と、記事の更新日を表示するカスタマイズ

こんにちは。シーアです。(@seer_1118)ブログの過去記事のリライトと、更新日を表示させる方法についてです。f:id:seer1118:20180114220317j:plain

 

より見てもらえるブログを目指して

ブログの記事数が120を超えて、そろそろ新しい記事をじゃんじゃん書くだけじゃなくて、前に書いた記事をより良くすることも考えなくちゃなーと思っています。

また、書いてから時間が経ったことで、当時は正しかったはずの情報でも、変わってしまっていることもあります。話題のソラチカルートのこととか、ポイントサイト経由でクレジットカード発行した時のポイントとか、キャンペーンの期限とか…。

残しておいてもいいのかもしれませんが、今は変わってしまった情報を見て、何かしらの行動に移す人がいたとしたら申し訳ないので、今の正しい情報に書き換えないといけません。

陸マイラーの中でも、有名ブログを運営されている方は、早々に新しい情報に対応されています。それだけ影響を受ける人の数が多いからだと思いますが、尊敬します。たくさんの記事があると大変ですよね。

ブログの更新日は情報の鮮度

いくらリライトしても、記事のUP日が過去のままだと、あまり意味がないのかもな、と思いました。私も、ブログを見るとき、その記事がいつ書かれたものなのか、情報は最新なのか、気になりますもん。せっかくリライトしたなら、そのことがブログを見ている人にもわかるようになっていれば良いですよね。

CSSカスタマイズで更新日を表示

ワードプレスでは、プラグインがあるので、更新日が記載されたブログをよく見ます。でも、はてなブログはデフォルトでは表示させる方法がありません。

というわけで、記事ごとに更新した日が分かるように、CSSをカスタマイズしました。私はWEB知識について素人なので、例によって、先人の知恵を借りましたよ。つばささん(@_tsubasa123_)のブログです。

リライト好きな方へおススメしたい最終更新日を自動で表示するカスタマイズ – つばさのーと

こちらでは、記事の最初のUP日の隣に、更新日を自動的に表示させるCSSを公開されています。私ははてなブログPROなので、コピペでOKなので、簡単です。ありがたい!

テーマ「DUDE」に合わせて微調整

つばささんのブログは「Brooklyn」というテーマを使われていて、黒い囲みがピッタリ合っています。でも、私が使っているテーマ「DUDE」では、デザインが違うので、フォントとかちょっと変です。周りが黒いのも、「DUDE」では浮いてる気がします。

そこで、さらに調べてみると、まさに私と同じことをされている方がいました!テーマ「DUDE」を使われていて、更新日時を表示させるCSSのデザインを自力で変えられています。すごい!

www.august-green.com

ありがたく参考にさせて頂きました。それでも、ちょっと私のブログの表示、時計のマークが2つ出ていたりして、まだなんかおかしいんですけど。私にはこれ以上分からぬ…とりあえず更新日時はちゃんと出たので、これでいったん良しとします。

過去記事の更新も、見た目のカスタマイズも、ちょっとずつ進めていきますね。新しい記事として書きたいこともたくさんあるので、頑張らなくちゃ~。

関連記事

わからないなりに、いろんな知識を取り入れながら、ブログをちょっとずつカスタマイズしています。たいして知識がなくても、いろんなCSSを公開してくれている方がいるので、助かっています!はてなブログPROは使っている方が多いので、汎用性高いんでしょうね。

www.seer1118.work

レスポンシブデザインを使われている方は、問題ないですが、スマホはスマホだけのデザインを設定した方が、きれいだなと思っています。カスタマイズするとき、どちらも変えないといけないから、面倒ですけどね…。

www.seer1118.work