初心者WordPress|専門用語図解(レイアウト編)
![図解|簡単・解説|レイアウト](https://nicori.info/wp-content/uploads/2022/06/図解|簡単・解説|レイアウト-1.jpg)
ワードプレスを使用されている一般の方にアンケート取りました。
「困っていること、こうしたい!という要望」を教えてください。
一番多かった回答が「操作が難しい」でした。
![](https://nicori.info/wp-content/uploads/2022/03/ikebe-photo-e1646626518510.jpg)
そこで「にこり」では、ホームページ・ブログについて、ブログでわかりやすく解説していきたいと思います。
今回は、ホームページのレイアウト・メニューに関する専門用語を図解しました。
ホームページのレイアウト
縦に分けた場合
ホームページを縦に3つに分けた場合、
■ ヘッダー(一番上)
■ メイン(真ん中)
■ フッター(一番下)
となります。ヘッダーには会社のロゴやサイト名、メニュー、電話番号など記載されていることが多いです。
メインは、本文ページにあたります。フッターはメニューやSNSへのリンク、copyrightなど記載します。
横に分けた場合
閲覧するページにより、画面が1列のもの、2列のもの、3列のものなどレイアウトが違うページがあることにお気づきでしょうか?
こちらが1列のレイアウト。
![1column](https://nicori.info/wp-content/uploads/2022/06/1column-1024x687.png)
![1column](https://nicori.info/wp-content/uploads/2022/06/1column-1024x687.png)
こちらが2列のレイアウト。
![2column](https://nicori.info/wp-content/uploads/2022/06/2column-1024x662.png)
![2column](https://nicori.info/wp-content/uploads/2022/06/2column-1024x662.png)
列のことを一般的にカラム(column)と呼びます。因みにエクセルやスプレッドシートの列も「カラム」といいますね。1列のレイアウトを1カラム、2列のレイアウトを2カラム、横3つにわかれているものを3カラムと呼びます。
ワードプレスでは、ブログ(投稿)または固定ページの新規作成するとき、右の設定項目内でレイアウト設定をするものが多いです。
![layout_setting](https://nicori.info/wp-content/uploads/2022/06/layout_setting2.png)
![layout_setting](https://nicori.info/wp-content/uploads/2022/06/layout_setting2.png)
2カラム、3カラムの場合、ページ本文が書かれているものでない部分を「サイドバー」と呼びます。ワードプレスのテーマによってはレイアウトの設定項目として、次のような表記の場合もあります。
![レイアウト設定1](https://nicori.info/wp-content/uploads/2022/06/layout_setting1.png)
![レイアウト設定1](https://nicori.info/wp-content/uploads/2022/06/layout_setting1.png)
つまり、サイドバー「表示」は2カラム、「非表示」は1カラムですね。
![](https://nicori.info/wp-content/uploads/2022/03/ikebe-photo-e1646626518510.jpg)
![](https://nicori.info/wp-content/uploads/2022/03/ikebe-photo-e1646626518510.jpg)
![](https://nicori.info/wp-content/uploads/2022/03/ikebe-photo-e1646626518510.jpg)
余談ですが、
ブロック追加のときも「カラム」選択肢があります。
これもページ本文を何列に分けるか?というブロックです。
読みやすいレイアウトをつくる場合に、重宝するブロックです。
![column_block](https://nicori.info/wp-content/uploads/2022/06/column_block-1.png)
![column_block](https://nicori.info/wp-content/uploads/2022/06/column_block-1.png)
メニューについて
パソコンで閲覧した場合と、スマートフォンで閲覧した場合に多くの場合、メニューの表示が違います。
その理由は、
パソコンの画面は、横長 。スマートフォンの画面は、縦長。
だからです。画面の縦横比やサイズが違っても、見やすいように工夫されているからです。(因みにスマートフォンに対応しているレイアウトのことを「レスポンシブ」と言います。)
スマートフォンでよく見られる右上や左上のボタンをクリックするとメニューが表示されるものをドロワーメニューと呼びます。ホームページやブログを作成する方は名前を覚えておくと良いです。
ページ構成について
ホームページは複数のページがある場合、階層で表現します。一番はじめに訪れるページをトップページ、またはフロントページと呼びます。トップページからリンクされて飛ぶページを下層ページと呼びます。
まとめ
![ホームページレイアウト図解](https://nicori.info/wp-content/uploads/2022/06/20220619-1024x538.png)
![ホームページレイアウト図解](https://nicori.info/wp-content/uploads/2022/06/20220619-1024x538.png)
![](https://nicori.info/wp-content/uploads/2022/03/ikebe-photo-e1646626518510.jpg)
![](https://nicori.info/wp-content/uploads/2022/03/ikebe-photo-e1646626518510.jpg)
![](https://nicori.info/wp-content/uploads/2022/03/ikebe-photo-e1646626518510.jpg)
「ワードプレスの操作が難しい」という声から、まずレイアウトの専門用語を取り上げました。ブログで解説して欲しいことがありましたら、お気軽にお問合せからご連絡ください。
ワードプレスは慣れれば、使いやすく簡単です!
一緒にクリアして行きたいです。