どうも、ひろもんです。

ブログのデザインは派手なものやカラフルなものを選びがちですが、何か意図がある場合を除き基本的にはシンプルにした方が良いです。

今回はブログデザインの基本について解説します。

ブログデザインはシンプルが一番

ブログデザインは初期設定がシンプルでない場合、シンプルなものに変更した方が良いです。

理由は単純に、シンプルな方がコンテンツに集中してもらえるからです。デザインの主張が強いと、読者に文章を集中して読んでもらえません。

どのブログサービスにもデザインのテンプレートがたくさんあり、設定からテンプレートを選択するだけで、カンタンにブログデザインを変更できます。

具体的に気をつけて欲しいポイントは2つあります。

ブログテンプレート選びのポイント
  • 背景が白でシンプルかつ清潔感があること
  • サイドバーの項目を必要最低限にすること

必ず白でなければいけないわけではありませんが、背景が白で文字が黒だとシンプルで一番読みやすいので、背景は白に近い色を選んだ方が良いです。

サイドバーもゴチャゴチャしていると見づらいので、必要最低限の項目だけ表示させてください。サイドバーの設定もカンタンに行えます。

サイトカラーは商品イメージにあった色にする

サイトカラーとは背景とは別に、部分部分で使われている色を指します。

男性用商品を紹介するブログなのに、サイトカラーがピンクや赤だとおかしいですよね?

化粧品を紹介するブログでピンクなら問題ありません。その化粧品のパッケージがオレンジ色だとしたら、商品に合わせてオレンジ色にするのも良いです。

ゴルフ用品を扱うなら芝生の色である緑系を使った方が良いですし、夏に使うような商品は海や空をイメージして青系を使えば良いです。

どんなジャンルのブログか、どんな商品を扱うブログかを考えれば大体わかります。あなたが扱う商品に合ったサイトカラーにしてください。

サイトレイアウトの基本は右2カラム

ザックリ言うとカラムとはサイトレイアウトのことを言います。下の画像を見てもらうとわかりやすいです。

これで報酬アップ!?無料ブログデザインの大事なポイント!

カラムの解説
・3カラム:両サイドにサイドバーがあるレイアウト
・右2カラム:右側にサイドバーがあるレイアウト
・左2カラム:左側にサイドバーがあるレイアウト
・1カラム:サイドバーがないレイアウト

色々な意図でカラムを変えることはありますが、無料ブログでは右2カラムを推奨します。どのレイアウトにするか迷った場合も、基本は右2カラムを選べば問題ありません。

私の場合もほぼすべてのサイトで右2カラムを使っています。

テンプレートを変える手順を解説

ここからはSeesaaブログを例にテンプレートを変える手順を解説します。どのブログサービスも基本的には同じような操作なので参考にしてみてください。

まずはSeesaaブログにログインしてメニュー画面を開きます。

これで報酬アップ!?無料ブログデザインの大事なポイント!

画面左側メニューの[デザイン]をクリックすると右側にデザインメニューが表示されます。その中の[シンプル]をクリックするとシンプルなテンプレートが一覧表示されます。

 

これで報酬アップ!?無料ブログデザインの大事なポイント!

表示されたテンプレートの中から1つを選びクリックすると、カラムを選択できるので、右2カラムを選択し、[追加したデザインを今すぐ使用する]にチェックを入れ[追加]をクリックします。

 

これで報酬アップ!?無料ブログデザインの大事なポイント!

これでブログのデザインが変更されました。ブログのデザインはいつでも変更できるので、イメージと違ったらまた変更してください。

サイドバーに表示される項目を編集する手順を解説

続いてサイドバーの項目を追加したり、削除する手順を解説します。ここでもSeesaaブログを例に進めていきます。

これで報酬アップ!?無料ブログデザインの大事なポイント!

画面左側メニューの[デザイン]をクリックすると右側にデザインメニューが表示されます。その中で[コンテンツ]の部分をクリックするとサイドバーの編集が行えます。

 

これで報酬アップ!?無料ブログデザインの大事なポイント!

右サイドバーの項目の中に、現在ブログで表示されている項目が表示されています。

それぞれの項目の右側に[ギアマーク]と[バツマーク]がありますが、ギアマークをクリックすると項目の名前を変更でき、バツマークをクリックするとサイドバーから削除できます。

左側のブログパーツにすべての項目があるので、ドラッグアンドドロップで追加したい項目を追加できます。

 

これで報酬アップ!?無料ブログデザインの大事なポイント!

いらない項目はすべて削除したら[保存]をクリックして完了です。ちなみにドラッグアンドドロップで並び替えも行えます。

この記事のまとめ

まとめ
  • ブログデザインはシンプルが一番
  • サイトカラーは商品イメージにあった色にする
  • サイトレイアウトの基本は右2カラム

この記事があなたのお役に立ちましたら、応援クリックお願い致します

おすすめの記事