はてなブログで記事を固定する方法

はてなブログである記事を一番上に固定する方法の紹介です。日付の消し方も同時に紹介します。

先日記事をまとめておく目次ページを作ったのですが、そういえばこれは一番上に固定しておかないと意味がないなと思いまして、固定の仕方を調べてみました。

記事を最上部に固定する

これ自体はとても簡単。記事の編集>編集オプション>投稿日時から、投稿日時を遠い未来にしておけばいいだけ。指定日時で予約投稿をするにチェックを入れると永遠に投稿されないのでそこだけは注意。

記事から日時の表示を消す

これだけですと記事に日付の表示が残ってしまい残念なので、日付の表示を消します。今気づいたけどこれだけ短い本文になんで2つもミスがあるんだ。

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

www.bunoshi.com

ということで、記事の編集>HTML編集から、

<style type="text/css">
.date {
display:none
}
</style>

を挿入。すると、 

よしよし、消えた。

と思っていたのですが、

記事一覧だと表示が残ってる…。

ということでこちらの記事を参考にまた編集。

blog.z0i.net

ダッシュボード>デザイン>カスタマイズ>デザインCSSからHTMLを編集。こちらを挿入します。

time[datetime^="xxxx-"]{
display:none;
}

xxxxの部分には年(僕の場合だと2100)を挿入。

無事消えました。

こちらの設定だけ残して、個別の記事のHTML編集から編集したところを消しても、個別の記事の日付も消えたままだったので、こちらの設定だけでも大丈夫のようです。

まとめ

はてなブログは調べればなんとかなることが多いのでいつも助かっています。参考にさせていただいたブログの皆さまありがとうございます。備忘録的記事でした。