Bloggerのトップページをホームページ風にする方法
Google Bloggerは、初期設定では最新の投稿がトップページに表示されます。これを、固定のページをトップページとして表示する「ホームページ風」の構成に変更することができます。
この方法は、HTMLやCSSの知識がなくてもできる、比較的簡単な手順です。
1. 固定のトップページを作成する
まず、トップページとして表示したい固定のページを作成します。
- Bloggerの管理画面のサイドメニューから、「ページ」を選択します。
- 「新しいページ」をクリックして、新しいページを作成します。このとき、「投稿」ではなく「ページ」を選択してください。
- ページの本文に、トップページに表示したい内容を自由に記述します。
- ページのタイトルは、後から変更できるので、とりあえず分かりやすく「index」と入力しておきましょう。
- 作成したページを公開します。
2. 新しいページのURLを確認する
ページを公開すると、そのページに固有のURLが生成されます。このURLを控えておきましょう。
- URLの形式は
http://[あなたのブログID].blogspot.com/p/index.html
のようになります。 - このURLをブラウザで開いて、ページの表示を確認しておくと良いでしょう。
3. タイトルを変更する
先ほど作成したページのタイトルを、分かりやすい名前に変更します。
- 管理画面の「ページ」から、先ほど作成したページを選択します。
- タイトル「index」を「トップページ」や「ホーム」など、好きな名前に変更します。
- 「更新」をクリックして変更を保存します。※タイトルの変更によってURLは変わりません。
4. トップページをリダイレクト設定する
次に、ブログのトップページにアクセスがあったときに、先ほど作成したページに自動的にジャンプ(リダイレクト)するように設定します。
- 管理画面のサイドメニューから、「設定」を選択します。
- 「検索設定」をクリックします。
- 「カスタムリダイレクト」の項目にある「編集」をクリックします。
- 「追加」をクリックします。
- 「リダイレクト元」に
/
(半角スラッシュのみ)と入力します。これは、ブログのルートURL(トップページ)を意味します。 - 「リダイレクト先」には、先ほど確認したURLのうち、
/p/index.html
の部分を入力します。 - 「永続的」にチェックを入れ、「保存」をクリックします。
- 設定をもう一度保存するよう求められるので、再度「変更を保存」をクリックします。
これで設定は完了です。ブログのトップページにアクセスすると、作成した固定ページが表示されるようになります。
5. メニューにページを追加する(任意)
せっかく作成したトップページや、ブログの投稿一覧ページを、ナビゲーションメニューに表示させることもできます。
- 管理画面のサイドメニューから、「レイアウト」を選択します。
- 「ページリスト」などのガジェット(ウィジェット)を探し、「編集」をクリックします。
- 「新しいアイテムを追加」をクリックします。
- トップページを追加する場合
- ページ名:
トップページ
またはホーム
- ページのURL:
/
(半角スラッシュのみ)と入力します。
- ページ名:
- 投稿一覧ページを追加する場合
- ページ名:
ブログ
または最新の投稿
- ページのURL:
/search/label
を入力します。
- ページ名:
設定を保存して、ブログのメニューを確認してみてください。