BloggerのTOPページをカスタマイズする
前からやりたい!と思って調べていたBloggerのTOPページのカスタマイズ(別で作ったページを表示させる)が出来たので、MEMOしておきます。
![BloggerでTOPページをカスタマイズする](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGr966BAiYKJns6UGot22sMvssy54sQ3JMFWEN-yFGs5v0Dp1zGNfGZ5mCy75IlQ8711PSoGPbsGGbXC6e3oPJjiKaH_g9A8LLWLp_EvO6yB4dmW_hODhWysxEsrqwKuRy5E1DHJ7gTcw/s1600/logo_Blogger.png)
参考にさせていただいたのはいろいろメモ別宅さん。
Bloggerの管理画面をキャプチャしたので、簡単に手順をおさらいします。
まずは、普段作ってるように、新規でページを作成。
その名前を一旦(最初だけ)indexとします。
![BloggerでTOPページを作る](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg48FqwiSY3ivFwVZa0g-bYBjP8lv3u44mhYIDewycPUcJTBl6xNIeShnKoy3NZgaNymGG3BAGoaP1egOAPD0FlxALTZtb3hjH3mB3weg6Km5JwCcp4bauJK-yKWYM-yTxdnL8JJyo_5po/s1600/1801Blogger01.gif)
※海外のテンプレートは一覧表示がイマイチうまくいかないので、私は毎回カテゴリ一覧を自分で作ってます
私は、ローカルでテスト作成し、その後こちらにペーストする… という手順でやっています。※もちろんレスポンシブで、スマホに対応させてます。
![BloggerでTOPページを作る](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw2snJDmCpZqhguitJsdjQQ2t1C53KtmsMJD5KDH_nK2fJODXQ5XGpHPby3nVmcuHJELE5qTEHtEwLrCUZqypeKWTWe7Krl6D2WqFGCf21Mxn3bwaOrz3amyL9QwnRg-hc8uG0EX9RE48/s1600/1801Blogger02.png)
次に、【設定】 → 【検索設定】のカスタムリダイレクトで…
![BloggerでTOPページをリダイレクトさせる](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHOHtyEIw2CO9_Ja9Cv6k6tWcz4lg15s6ouz5dFmnjn5-CE6G6zsIXeTupl98eCPayGIatbhQBdnFJK_3vOoXsXAYP8k9QbttGLHo0xR2wI5OJB8n-QcOTvHQhw1N7UP4d4q2A-6o0Ous/s1600/1801Blogger03.gif)
作ったページのURLを入れ、設定。
![BloggerでTOPページをリダイレクトさせる](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaXIoxPhRGC3P2ZFAvDoqor8TdScwDWhTw-zs-CnEyq1IB1uZIJst99sTGM1ZFBTUagJf-Jt2-lY6h1IlUjTF2OBTzXFabfaR_jyWtVheA4rxEmGADf3c0wrCrMZnQYZKp6S8H7qJ2BXQ/s1600/1801Blogger04.gif)
で、実際にブログのURLにアクセスしてみたら… 設定した ---/p/index.html に飛んでいました。
![BloggerのTOPページをカスタマイズする](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrjlskxIKelGU4QeVdmrvjMbc-vq5zAr9_Jo4538tUz792Q0czmQagH_VmeMcjhQDx1DyLBUWFq4sERuDw3hFZxhFX41TuifvbR5QlGRWhS5qDQEM-kUXl9xXDWRyhMi77lIg1unLUeAY/s1600/1801Blogger05.png)
レイアウトに入り、自分のブログのMENU(navi)の部分にURLを追加します。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf62EdOlhFXqhgNT9Rx66uSxy4toXsF7iOvjPekyXotkC0G2U_PMIwW46dU8CkqbucTP5LBedsF-50RAGuOpvwoaSnZcNYdvP-UVZP5FdF1JzHSMsUV3oyRG2s_mU7pn7P-HqBSjTn4no/s1600/1801Blogger06.gif)
検索一覧のURL(https://hitori-tabi.blogspot.jp/search/label/)とタイトルを入力。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjovmDjzUqfG3n7lD2r2xpYKljj3yvD7vxVwm2i_OP3mI2-E1VJ4o03idFWmJb0QnZ3KrScqTj1AqKMuz1ayEnA7yDP2jyUftxgqFuehZq2GHa_Kqk5y0O1ns_e6nPP3K38JmHy-811sR4/s1600/1801Blogger07.gif)
私は「更新一覧」としました。
で、「更新一覧」をクリックすると、元々あったTOPページと同じレイアウトが表示されます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-rE8S1gv59rmCurYCqbQwx5J3ssj5BB_o_DYKwwiOcBgLsqLMdDyXQxxmaJGFiKBx94VtSXRDO0U9qpPu1tapuACvAdfeazNq_7ajpi39uJzcQOHiZjCgziJ95I3gAmvXItzypNhaMw0/s1600/1801Blogger08.png)
…ということで、いろいろ検索して、一番簡単な方法を真似してみました。
欲を言えば、自分が作ったページの下に、更新一覧をいくつか出せれば最高なんですが… さすがにテンプレートの中をイジるのは怖いので、これで一旦納得したいと思います。