ブログの外観を変更していきます

QooQのテンプレートは最初からおしゃれですが、好みの外観に変えようと思います。

最初は下記のような色・レイアウトになっています。

文字の色、背景色、レイアウトを変えていきましょう。

文字や背景の色、レイアウトの変更方法は？

Bloggerで色やレイアウトを変えるのは簡単です。

編集画面で

テーマ → カスタマイズ 

下記のような色、レイアウトの変更画面になります。

ここで変更できること

背景：ここからは何も変えれなかったです。QooQのデフォルト設定に戻すことができます。

幅を調整：ここからも何も変えれなかったです。

レイアウト：サイドバーやフッターの追加・削除・順番の変更ができます。

詳細設定：下記の変更ができます。

・文字の色 (メインの文字、リンクの文字、サブタイトルの文字)

・ブランドカラー (題名とかの背景の色、文字の色)

・ブランドサブカラー

・背景色の変更、CSSの追加

レイアウトの変更画面

色の変更画面

私は上記のようなカラーにしました。

サイドバー、フッターはできるだけシンプルに。

変更したら、必ず右下のフロッピーディスク型のボタンを押して保存します。

変更画面ではだいたいの変更事項しか確認することができません。

PCで、もう一つ自分のブログの画面を立ち上げて、ページを適時更新しながら全体の雰囲気を確認するのが楽です。

まとめ

・Blogggerで外観 (色やレイアウト) を変更しました。

簡単に自分の好きな雰囲気に変えることができました。

細かいところは少しずつ変更していこうと思います。