読者です 読者をやめる 読者になる 読者になる

In the Rain

オランダ交換留学記。兼、ヨーロッパ旅行記。

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

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

 

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

 

 

記事を最上部に固定する

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

 

f:id:t-intherain:20160809072519p:plain

 

 

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

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

 

f:id:t-intherain:20160809073411p:plain

 

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

www.bunoshi.com

 

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

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

を挿入。すると、 

 

f:id:t-intherain:20160809073733p:plain

 

よしよし、消えた。

 

と思っていたのですが、

 

f:id:t-intherain:20160809074112p:plain

 

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

 

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

 

blog.z0i.net

 

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

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

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

 

f:id:t-intherain:20160809074708p:plain

 

無事消えました。

 

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

 

 

まとめ

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