ブログカスタマイズ

【はてなブログ】簡単!過去記事のリライト時に、記事の更新日を表示するカスタマイズ

記事の更新日

こんにちは。シーアです。(@seer_1118

ブログの過去記事のリライトと、更新日を表示させる方法についてです。

当ブログは、今はワードプレスに移転しましたが、この記事を書いた当時ははてなブログでした。はてなブログ内で行ったカスタマイズですので、ご承知おきください。

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

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

また、書いてから時間が経ったことで、当時は正しかったはずの情報でも、変わってしまっていることもあります。

話題のソラチカルートのこととか、ポイントサイト経由でクレジットカード発行した時のポイントとか、キャンペーンの期限とか…。

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

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

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

いくらリライトしても、記事のUP日が過去のままだと、あまり意味がないのかもな、と思いました。

私も、ブログを見るとき、その記事がいつ書かれたものなのか、情報は最新なのか、気になりますもん。

せっかくリライトしたなら、そのことがブログを見ている人にもわかるようになっていれば良いですよね。

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

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

というわけで、記事ごとに更新した日が分かるように、CSSをカスタマイズしました。

私はWEB知識について素人なので、例によって、先人の知恵を借りましたよ。つばささん(@_tsubasa123_)のブログです。

こちらでは、記事の最初のUP日の隣に、更新日を自動的に表示させるCSSを公開されています。

はてなブログPROの場合は、コピペでOKなので、簡単です。ありがたい!

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

つばささんのブログは「Brooklyn」というテーマを使われていて、黒い囲みがピッタリ合っています。

でも、私が使っていたテーマ「DUDE」では、デザインが違うので、フォントとかちょっと変でした。周りが黒いのも、「DUDE」では浮いてる気がします。

そこで、さらに調べてみると、まさに私と同じことをされている方がいました!

テーマ「DUDE」を使われていて、更新日時を表示させるCSSのデザインを自力で変えられています。すごい!

www.august-green.com

ありがたく参考にさせて頂きました。それでも、ちょっと私のブログの表示、時計のマークが2つ出ていたりして、まだなんかおかしいんですけど。

私にはこれ以上分からぬ…とりあえず更新日時はちゃんと出たので、これでいったん良しとします。

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

関連記事

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

あわせて読みたい
3つのカスタマイズ~太字を蛍光ペン仕様に&アドセンス広告を自動挿入&写真にALT属性を追加   ブログを書きながら、参考に他の方のブログを見ていると、かっこいいデザインに出会って「こんなふうにしたいなあ」と思うことが多々あり...

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

あわせて読みたい
【はてなブログ】スマホデザインを、コピペ一発でおしゃれにする方法こんにちは。シーアです。(@seer_1118) このブログを見てくださっている方の約7割は、スマホからのアクセスです。 おしゃれで...
崖っぷちブロガー|シーアのサバイバルチャレンジ
シーア
シーア
借金があっても、自分の力で幸せと豊かさを手に入れます!

夫の借金発覚をきっかけに、債務整理や家計の見直しを実行しました。投資や節約、陸マイラー活動について発信しています。

TwitterPROFILE

ライト
ライト
お好きなカテゴリーにどうぞ!

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です