2016年12月29日木曜日

Bloggerトップページを個別のページにする方法 | 日々のメモ帖 by holidaybuggy1980 holidaybuggy1980
300 300

Bloggerトップページを個別のページにする方法

一般のブログであれば、トップページは最新記事の概要がいくつか表示されるのみで味気ないものが多いと感じており、他のブログとは違う部分を作ってみようとこのブログを作るにあたり、トップページをホームページ風にしたいと思い、実行した方法を簡単に記してみます。


設定方法


下記の手順で作成していきます。
  1. サイドメニューのページにて新しいページを作成する。
  2. ページ名は任意でOK。
    この時、最初にindexと入力すれば、ファイル名がindex.htmlになり、あとから修正しても変わりません。
  3. 作成したページを表示してURLを控えておく。
    2にてページ名を英数字にした場合は、
     http://サブドメイン.blogspot.com/p/ページ名.html
    となりますが、そうでない場合はランダムになるので要注意。
  4. サイドメニューの設定→検索設定にてカスタムリダイレクトの設定を行う。
     リダイレクト元:/
     リダイレクト先:/p/(2.にて確認したURLのファイル名)
     永続的にチェックを入れる
     保存のリンクを押して保存する
以上で出来ますが、設定以降、元のトップページは表示できなくなるため、

http://サブドメイン.blogspot.com/search/label

のアドレスのリンクを何かしら作成しておくことをお勧めします。

当ページでは、上のメニューに「すべての投稿」というメニューを作成しました。

ページ作成


ページ作成は、htmlによる記述で作成していきます。

当ブログでは、以下の構成にしました。
  • ようこそ
  • 最新の投稿(5件)
    表示方法については、こちらになります。
  • 注意書き
  • リンクについて
  • 著作権について
  • プライバシーポリシー
  • 連絡先

まとめ

  • 個別ページで作成する。
  • リダイレクトさせることによりトップページとする。
以上の構成で行いました。

難点


この方法における難点は、ページをリダイレクトさせなければならないという点です。

簡単な方法ですが、リダイレクトしてもかまわないというのであればこの方法をお勧めします。


以上、参考になれば幸いです。

<2017.2.14追記>
リダイレクトしない方法でのやりかたをこちらに投稿しました。
<2017.3.29追記>
デザインを変更し、文章を追加しました。


  • このエントリーをはてなブックマークに追加
  • list


ブログランキング・にほんブログ村へ

0 件のコメント:

コメントを投稿