Updated]2017/01/14サイトやブログをカスタマイズする上でまず知らなければならないのが、Webページの各部分の名前。言わずもがなですが、これを知らないと食材の名前も知らないのに料理を作るようなものです。いうことで今回はWebデザイン初心者の方向けに最低限押さえておきたいサイトやブログなどの各部分の名前について紹介していきます。まとめサイトやブログのパーツについて動画で解説2カラムと3カラムまず押さえておきたいのがサイトのレイアウトそのものです。「カラム(colum)」とは「柱」のことです。あなたがよく訪れるブログも多くの場合は2つのどちらかになっているのではないでしょうか。僕のこのブログの場合は2カラム構造ですね。サイトやブログのパーツ名まとめヘッダーヘッダーはそのサイトを訪れた人が一番最初に見る部分です。そのサイトの第一印象を決める部分なので、そのサイトがどんなサイトなのか一発で分かるように工夫し、かつ美しく見栄えがいいものにすることが重要になってきます。クリックしたらトップページへ飛ぶようにしておくことも大事ですね。グローバルメニューグローバルメニューはそのサイトのどのページにいっても必ず表示されるメニューのことです。通常はトップページへのリンクや「キラーページ」と呼ばれるそのサイトで一番見せたいページへのリンクを仕込んでおきます。パンくずリストパンくずリストは今現在自分がどのページにいるのか階層で表示してくれます。パンくずリストという名前は童話『ヘンゼルとグレーテル』で、主人公が森で迷子にならないように通り道にパンくずを置いていった、というエピソードに由来します。「アイキャッチ」とはブログ記事の最初に表示する画像を指します。一方で「サムネイル」とは、アイキャッチ画像の縮小版です。上の画像のように人気記事ランキングなど記事の一覧を表示する場合に使われている画像のことを指します。通常はその画像からその記事の内容が連想できるような画像を選ぶほうがユーザビリティを考えると良いとされています。サイドバーサイドバーはその名の通り、メインカラムの横に表示されるバーのことです。グローバルメニューと同じでこちらもキラーページへのリンクを仕込んでおくことは基本となっています。サイト内巡回率を高めるために「人気記事ランキング」や「最新記事情報」を仕込むこともあります。ページャーページャーとは「書物に枚数やページ数をつけること」です。これがないと過去の記事を見るのにかなり不便ですね。フッターフッターはそのサイトを見た人が最後に見るページです。よって本の索引のように、そのサイトのカテゴリーを表示したりしたりするのが一般的です。まとめということで簡単ではありましたが、Webデザイン初心者向けにサイトやブログの各パーツの名前について紹介をしました。一瞬で覚えられるものばかりだと思いますが、それぞれの部分の役割についても理解をして、どこにどんなものを置けばいいのかも覚えておきましょう。SIer勤務を経てWebマーケティング関連事業で独立。WOOD(ノマディック・ウッド)"を運営。誰もが情報発信できる時代において、マーケティング×インターネットで個人をエンパワーメントし、その人らしい生き方の実現に貢献します。関心事は海外一人旅とソロギター。この世界を隅々まで見てみたい。あの人たちと話がしたい。詳しいプロフィールはこちら。WOOD(ノマディック・ウッド)"は、世界中どこにいてもこの身一つで生きていける、強く靭やかで自由な生き方を目指す人たちのプロジェクトです。誰もが情報発信できる時代において、マーケティング×インターネットで個人をエンパワーメントし、その人らしい生き方の実現に貢献します。方はこちらからどうぞ。