ロイヤルノート|でくのぼうのアロマでエスプレッソな雑記

でくのぼうのアロマでエスプレッソな雑記

はてなブログのトップページを記事一覧表示にする方法

 

f:id:vintraw:20161111105638j:plain

もともと用意されているテンプレートのトップページより、記事一覧(つまりアーカイブページ)のほうが表示がスッキリしていて見やすいなぁ……と思いました。
そこで、トップページに移動しようとすると自動的に記事一覧ページにリダイレクトされる仕様に変更しました!

方法は超絶カンタンでした。

  SPONSORED LINK  

必要な作業はこちら

はてなブログ管理画面から『設定 - 詳細設定』へと進みます。

そして『検索エンジン最適化 - headに要素を追加』の項目へ進んで、以下のコードを追記します。

そして[1]~[4]の部分だけ書き換えたら完成です(^^♪

<script type="text/javascript">
  if( location.href == 'http://www.royalnaught.com/'
  ←[1]あなたのブログのトップページのURLを書いてください){
  location.href='http://www.royalnaught.com/archive'←[2]その後ろにarchiveを足したURLを書いてください;
}
</script>
<noscript>
<p><a href="http://www.royalnaught.com/archive"←[3]項目2と同じくarchive付きのURLを書いてください>Royal Naught←[4]ブログ名を書いてください</a></p>
</noscript>

このスクリプトは、トップページに到着したお客さまを自動的にarchive付きの記事一覧ページへとご案内してくれます。

気の利くホテルのドアマンがフロントまで案内しておいてくれるような……そんなイメージです! 

ためしに今お読みになっているこのページの最上部、Royal Naughtと書かれたタイトル部分をクリックまたはタップいただくと記事一覧ページが表示されるはずです。

↓参考にさせていただいたブログさまです
dokuwohaku.hateblo.jp

ありがとうございます!
とてもスッキリして見やすい新トップページがこれで成立しましたね(^^♪