https://simadzu.hatenablog.com/entry/pinned

はてなロゴ

トップページをアーカイブにリダイレクトする方法は、どうやら利用規約違反みたいです。
（いまだに修正されていないブログがたくさんあるので、はてなからはおとがめなし？）

以前、下記のようなブログを書きました。はてなブログの無料版トップページで、記事を一覧形式にする方法です。色んな方々が参考にして下さり好評の内容だった…

ではどうするか？ “アーカイブがダメなら、固定ページを作ればいいじゃない！” です。

固定ページの作成

いつもどおりブログの記事を書くように、トップページ的なものをがんばって作ります。
（ブログカードを並べるだけでもいいし、HTML編集で本格的なものを作るのもありです）

そして、記事が完成したら一度公開します（下書きではダメです）。

それと、タイトル名は「トップページ」など何でもいいので設定したほうがいいです。
Google検索やはてなブログの関連記事にリンクが表示されるかもしれないので。

「記事の管理」 → 「記事タイトル」の一覧から上記で作成、公開した固定ページ（記事）の「･･･」をクリック、「トップページの先頭に表示する」を選択します。

また、設定 → 詳細設定 → トップページの記事数を1記事にして、投稿日時を未来の日時に変更しておきます（カテゴリも専用のもの設定したほうが絞り込み検索しやすい）。
（参考：プログラムでおかえしできるかな｜記事数についての注意事項）

はてなブログでは、ブログのトップページで常に表示させたい記事を固定できるようにしました。読者にまず読んでほしい自己紹介や告知したいことなど、最初のページ（先頭）に載せておきたい情報を、投稿日時によらずいつでも表示させることが…

トップページに表示する記事なので、タイトルや日付、カテゴリーの表示を消して見た目をシンプルにします。記事編集画面の「HTML編集」にコードを貼り付けます。

CSS
<style>
.entry-header {
    display: none;
}
</style>

固定ページを作ったとはいってもトップページの表示形式は全文形式なので、ページャー（次のページ）をクリックしても次の個別記事が表示されるだけです。
（不要）なのでページャーも「HTML編集」にコードを貼り付けて消してしまいます。

CSS
<style>
.pager {
    display: none;
}
</style>

はてなブログの無料版のトップページを自分の記事で記事一覧にしてみましょう。単純でよければ、CSS のカスタマイズもいりません。ついでにおすすめの記事も載せちゃいましょう。 Pro 版をご使用の方でも、トップページの先頭に記事を固定する…

はてなブログの初期のトップページって記事の全文が表示されると思います。ですがこれだとダサかったり、見にくかったりと問題があるので今回ははてなブログのトップページを一覧表示にしたり、自分の思い通りのデザインにできるような…

固定ページを作ってトップページの先頭に表示するだけでもオリジナリティあふれる自分だけのブログになるんじゃないですかね。誰もやってない個性的なブログを作りましょうよ！

こんなの難しくてできないと思っている人もカスタマイズし続けてるとできるようになる！