2005年5月25日
レイアウトの決め方
そこで、今回は、各々が抱いている理想的なブログを作成するためにも、ブログのレイアウト・デザインについて考察していきたいと思います。
現在、ブログで使用されているレイアウトの種類を紹介しますが、それぞれのレイアウトのメリット・デメリットについても考えてみます。
■ サイドバーなし型（１カラム）
| タイトル |
エントリー（記事） |
中央にエントリー（記事）のみのレイアウトです。
無料ブログのテンプレートを利用している場合、個別アーカイブやカテゴリアーカイブ、月別アーカイブなどは、このレイアウトが非常に多く使用されています。
記事ごとの文字数が多いブログには向いているレイアウトです。また、サイドメニューがない分、文字サイズも大きく設定できます。
ただし、個別記事などにサイドメニューがないため、他のカテゴリや記事を読みたい場合、毎回トップページに戻ることになりますので、操作性には問題があります。
■ 左サイドバー型（2カラム）
| タイトル | |
| サイドバー |
エントリー（記事） |
左側にサイドバーがあり、右側にエントリー（記事）があるレイアウトです。サイドバーには、 最新のエントリー・トラックバック・コメント、カテゴリー、月別アーカイブ、カレンダーなどに利用されています。
このレイアウトのメリットは、どのページに行っても左側のメニューが目に入るため、操作性に優れています。ただし、メニュー項目が多くなってくると、気づかれにくい項目が生じたり、下の方の項目にはスクロールしなければならず、逆に操作性が低下する問題も生じます。また、メニュー項目が少ない場合や本文が長い場合は、メニュー側に大きな空白が生じます。グーグルアドセンスの広告やバナー広告を入れるなどして工夫が必要ですね。
■ 右サイドバー型（2カラム）
| タイトル | |
| エントリー（記事） |
サイドバー |
左側にエントリー（記事）があり、右側にサイドバーがあるレイアウトです。上で紹介した左サイドバー型と反対側にサイドバーがあるパターンです。
このレイアウトのメリットは、スクロールバーを頻繁に利用する方には、マウスの移動距離が短くてすむため、左サイドバー型よりもさらに操作性に優れています。
デメリットは、左サイドバー型と同様です。
■ 両サイドバー型（3カラム）
| タイトル | ||
| サイドバー |
エントリー （記事） |
サイドバー |
左側にサイドバー、中央にエントリー（記事）、右側にサイドバーがあるレイアウトです。
カテゴリやコンテンツが多く、記事も膨大である場合には、とても有効なレイアウトです。
２カラムの場合、メニュー項目が多くなってくると、気づかれにくい項目や、下の方へスクロールしなければならない項目が生じてきますが、３カラムの場合、左右のサイドバーが利用できるため、目立てさせたい項目を左右の上の方へ配置できます。また、サイドスペースが広いため、広告などにも大いに利用できます。
ただし、エントリー幅が狭くなるため、どうしてもフォントが小さくなる傾向があります。
以上、ブログで使用されている主なレイアウトについて見てきました。それぞれメリット・デメリットがありますが、どのレイアウトに決めるにしても、読者にとって読みやすく、操作しやすいページ作りが大切ですね。
無料ブログで提供しているテンプレートに「気に入ったテンプレートが一つもない」という方には、 個人でブログテンプレートを無料配布しているサイトを紹介します。どれも素敵なテンプレートですので、是非お気に入りのテンプレートを探し出してください。
■ MovableType編
・Dr.Blog
・小粋空間
・風のまにまに号
・HINAGATA
・PurpleMoon blog
■ livedoor blog編
・livedoor Blog Templaters
・０円のWEB素材屋さん
・ちびログ
・blogweb素材素材「はっぴーフリー」
■ FC2blog編
・FC2blogの着せ替えブログ
・blogweb素材素材「はっぴーフリー」
・ビビッドカラーズ
・ALT DESIGN
■ seesaa編
・Seesaaデザインテンプレート
[関連記事]
下記の記事で、テンプレート配布サイトをさらに紹介しています。
次回は、いよいよ記事の作成です。でも、どのように書けば訪問者の心をつかむことができるのでしょうか？
次回は、「魅力的な記事の書き方」について講義しますので、必見です。
[次の講義へ] → 魅力的な記事の書き方
ブログランキングに参加中です。応援お願いします。
パーマリンク | 投稿者 りっち | 2005年5月25日 09:40
| 
| 
はてなブックマークに追加
Yahooブックマークに登録
関連記事
トラックバック
このエントリーのトラックバックURL:
このリストは、次のエントリーを参照しています: レイアウトの決め方:
» ブログのレイアウト・・・どんなレイアウトがいいんだろう？ from 私のブログ奮闘記 〜その無限の可能性にかけて〜
ブログを作成するようになり、ふと気になることがあります。
それは、ブログのレイアウト。
「メニューが左にあるのと右にあるのではどちらがいいのかな？... [続きを読む]
トラックバック時刻: 2005年6月19日 04:11
» 【ブログ設計の重要ポイント：目的を明確にする】 from ゼロ資金から稼ぐ！４つやるだけで簡単ブログアフィリエイト！
商品を売り、アクセスを上げるためのブログ作りには何が必要でしょうか。
上記のような要素を満たし、ブログ価値を高めるために１番重要なことは【コンテンツ... [続きを読む]
トラックバック時刻: 2005年12月 2日 02:25
» Movable Type 4 導入 from 惰性に風情
いや‾ かなりキツイですねこれ・・・ Movable Typeってだけでかなり検... [続きを読む]
トラックバック時刻: 2007年12月 5日 00:23
コメント
こんにちは。
Movable Typeに挑戦することにしましたので、今後の情報が非常に楽しみです。期待しています。
投稿者 yama : 2005年5月25日 14:34
はじめまして！ビビッドカラーズのYUKIと申します。
この度はブログをご紹介いただいてありがとうございました！
ブログを始める方にとても親切な内容のブログですね！
これからも頑張ってください！！
失礼いたしましたm(__)m
投稿者 YUKI : 2005年5月25日 21:01
>yamaさん
yamaさん、こんにちは。
Movable Typeに挑戦されるんですね。
りっちは2週間前から始めたので、少しだけ先輩ですね＾＾
もし分からないことや欲しい情報などがあれば、
気軽に掲示板かコメントで聞いてくださいね。
近日中に「MTカスタマイズ講座」も開講しますので、お楽しみに！
>YUKIさん
YUKIさん、はじめまして。
素晴らしいテンプレートや素材を作成されてますので、
勝手ながら紹介させて頂きました＾＾
できるだけ、これからブログを始めたいという方にも分かりやすいように心がけています。
本当は早くカスタマイズ方法やＳＥＯ対策などの記事をアップしたいのですが＾＾
今後は、「FC2カスタマイズ講座」も予定していますので、
これからもよろしくお願いします。
投稿者 りっち : 2005年5月26日 18:13
初めまして。
「FC2blogの着せ替えブログ」のhanamitsukiです。
ブログを紹介していただきまして、どうもありがとうございます。
すみません、ご挨拶が遅れまして。
こちらのブログは、情報が豊富でたいへんわかりやすですね。
実は今日は、検索でたどり着きました(^^;)
それで、やっとリンクして頂いていた事に気が付いたという・・・。すみません。
まだまだ勉強不足ですので、日々精進して行きたいと思います。
今後とも、よろしくお願いいたします。
投稿者 hanamitsuki : 2005年6月14日 09:51
hanamitsukiさん、はじめまして。
勝手ながら紹介させていただきました＾＾
コンテスト入賞おめでとうございます。
ＦＣ２は、なかなかおもしろっそうな企画をされてますね。
りっちもまだまだ勉強不足なので、お互い精進していけたらと思います。
今後ともよろしくお願いしますね。
投稿者 りっち : 2005年6月15日 21:51
どうもありがとうございます(^_^)
こちらからも、リンクをはらせていただきました。
今後ともよろしくお願いいたします。
投稿者 hanamitsuki : 2005年6月18日 23:13
当ブログを記事で紹介して頂いてありがとうございます。
非常に嬉しいです＾＾
今後は、ＭＴだけでなく、ブログのタイトル通り
「ブログ別」に、livedoor、FC2等などの作成・カスタマイズ講座を開講しますので、
是非、受講をお願いします＾＾
投稿者 りっち : 2005年6月19日 10:36
はじめまして こんにちは 福島です。
最近ブログをはじめ、りっちさんのブログを参考にさせていただいています。
今、両サイドバーにしようとカスタマイズ辞典を見ながら試行錯誤しているのですが、なかなかできません。やり方を教えていただけませんか？
初心者な者で申し訳ありません。よろしくお願いします。
投稿者 ふくちゃん : 2005年6月21日 18:47
たびたびすいません。
わからないところは、サイドバーを２つに分ける位置にJavaScriptの並び順を指定する、というところなんですが。
あとすいません、ライブドアブログです。
投稿者 ふくちゃん : 2005年6月21日 19:16
ふくちゃん、はじめまして。
早速、質問にお答えしますね。
「サイドバーを２つに分ける位置にJavaScriptの並び順を指定する」というのは、
左サイドバーに並べたいメニュー項目と
右サイドバーに並べたいメニュー項目の間に
JavaScriptファイルを追加するということです。
例えば、左サイドバーに「最新コメント」「最新トラックバック」
右サイドバーに「カレンダー」を並べたい場合は、
「プラグインの設定」で追加したプラグインを下記のように並び替えます。
左サイドバーの項目 「1」「最新コメント」
左サイドバーの項目 「2」「最新トラックバック」
追加したプラグイン 「3」
右サイドバーの項目 「4」「カレンダー」
ちなみに、当ブログではJavaScriptファイルを使用せずに3カラム化していますので、
そのカスタマイズ方法も今後紹介します。
また、ブログに関する質問があれば、どうぞ。
ただし、今後は「掲示板」にて質問して頂けるようお願いします。
投稿者 りっち : 2005年6月21日 22:32
どうもありがとうございますこちらからも、リンクをはらせていただきました。
今後ともよろしくお願いいたします。
投稿者 lin : 2005年10月26日 02:23
コメントしてください
』
→
』
→