Blogger ホームページ風、おさらい

追記:簡単、無料ホームページだと、「Googleサイト」が良いです。
　　(「旧Googleサイト」は、なんともでしたが、模様が変わっていました。)

　　テンプレートは少ないけど、とりあえずでしたら、そちらかなと。

作ってみた　→  https://sites.google.com/view/pon250/

1. googleアカウント作成
   
   
2. Blogger.com にログイン、新しいブログを作成
   タイトル
   アドレス
   テンプレート　シンプル
   [ブログを作成]
   (どのテンプレから作るかは、悩みどころ。
   　後にテンプレ変更すると、レイアウト等、初期に戻ってしまう)
   
   
3. 1カラムにする。
   Bloggerダッシュボード　ブログタイトル から
   テンプレート
   ・モバイル　歯車マーク　カスタム
   ・カスタマイズ
   　レイアウト
   　本文のレイアウト　1カラム
   　フッターのレイアウト　1カラム
   　[ブログに適用]
   　≪ Blogger に戻る
   
   
4. トップ用の固定ページを用意する。
   ページ　新しいページを作成
   とりあえずタイトルを「index」とする。(アルファベットで入れる)
   (「blog-page_xx.html」ではなく、「index.html」と、トップっぽいファイル名にしたいため)
   トップページ内容を記入。
   [公開]  (公開後にタイトル文字を変えても、ファイル名は変わらない)
   (他の固定ページも、まずアルファベットでタイトルを入れ、公開後に変更したほうがかっこいいかも)
   
   
5. 余計なガジェットを削除する。
   レイアウト
   ・(Header)の下、ガジェットを追加
   　基本　ページ
   　[x] ホーム → [ ]
   　[ ] index(または、タイトル名) → [x]
   　(↑モバイル表示の時にメニューが出てしまったら、indexを[x]、homeを[ ]にする。)
   　[保存] (ページを増やしてから、再度追加)
   ・Navbar 編集　●オフ　[保存]
   ・ブログアーカイブ　編集　削除 [OK]
   ・プログの投稿　編集
   　投稿ページのオプション　日付、クイック編集　以外のチェック外す [保存]
   　[配置を保存]
   
   
6. トップを固定ページ表示にする。
   設定
   検索設定
   カスタム リダイレクト　編集
   [x] リダイレクト元: [ / ]
   　　リダイレクト先: [ /p/index.html ]  (4.で入力したファイル名)
   永続的: [x]
   保存
   [変更を保存]
   (カスタムドメインを付けた後は、再度設定)
   
   
7. 余計なボタンの削除。
   テンプレート
   テンプレート　HTMLの編集　(バックアップは忘れずに)
   [書式テンプレート]ボタンをクリックしてから、
   余計なボタンの削除
   ↓この辺り、 でリマーク('<!--'と'-->'で囲む)
   (styleの中では、行頭'//'でリマーク) る。
   (styleの中では、'/*' ～ '*/'でリマーク) る。
   各々数カ所あるので注意
   'home-link'
   'data:olderPageUrl'
   'data:newerPageUrl'
   'feed-link'
   post-footer-line-2
   
   モバイル用プルダウンメニュー、'▼'だけだとわかりにくいので、
   '&#9660;' → '&#8801; menu'にすると'≡ menu'とか、。
   
   'font'を探して、'Meiryo'を追加する。
   15px Arial,　→　15px Meiryo, Arial,
   

なお、↑で作成したホームページに
独自ドメイン(さくらインターネット)を付ける記事は、こちら