ホームページのデザインの基本構造について

ホームページパーツとは、タイトルや文章、画像などからなる、ホームページを構成する最小単位の要素です。

例えば、「コンセプト」も１パーツ、「ヒーリングやカウンセリングはあなたがあなたを取り戻す道具」も１パーツです。

1. ホームページパーツの編集・コピーしたい場合
   パーツの右上の ［編集・コピー］をクリック
2. 親パーツに子パーツを追加したい場合
   親パーツのタイトルの左上 ［新規パーツを追加］をクリック

親子構造について

例えばホームページに表示されているお知らせは、「お知らせ」という親パーツに、「冬季休業のお知らせ」や「12月のキャンペーンのお知らせ」などの個々のお知らせパーツがぶら下がる親子構造になっています。

ホームページの親子構造の確認方法

ホームページの親子構造は、ホームページパーツ一覧画面から確認することができます。

1. プレビュー画面の上部黄色エリアの編集：［ホームページパーツ一覧］をクリック

1. 「お知らせ」というパーツ欄右の矢印ボタンをクリック

以上で、「お知らせ」パーツにぶら下がる「冬季休業のお知らせ」や「キャンペーンのお知らせ」などの子パーツが連なっていることが確認できます。

同じ要領で各パーツの右にある下矢印をクリックすると、その子パーツがどんどん表示されますので、クリックしてみてください。

まずはぼんやりとホームページの裏側、内側がイメージできればＯＫです。

リウムスマイル！では、ホームページを上記のような10個のエリアに別けて、それぞれのエリアにどのパーツを表示するか設定して、ホームページを構成します。

１つのホームページパーツを、複数の表示エリアに別々の見せ方で表示することも可能で、極端な例ですが、すべてのエリアに一つの同じホームページパーツを表示することも可能です。

エリアに表示したいページパーツは、［＋表示追加］で追加できます。

任意のエリア（場所）にパーツを表示追加する

ホームページパーツを、どの表示エリアに、どういう見せ方をするかという設定を表示項目設定と呼びます。

表示項目設定一覧

例えば、表示エリア８の赤い点線枠の左上に表示される ［表示項目の設定一覧］をクリックすると、そのエリアに表示するホームページパーツを新たに追加したり、表示順を並べ替えたり、表示の仕方を変更したりできます。

• 表示の仕方をカスタマイズしたい場合
  【C】欄の［表示項目の設定］をクリック（表示設定画面が開きます）
• 設定する表示エリアの選択を行いたい場合
  【A】欄のエリアをクリック
• 表示エリアに新たにパーツを表示追加したい場合
  【B】 欄のパーツ表示追加ボタンをクリック
• 表示エリアに表示されているホームページパーツの表示順を並べ替えしたい場合
  【C】欄のタイトルをマウスでドラッグ（左ボタン押しっぱなしで移動）して上下に移動後、［並べ替えの反映］ボタンをクリック
• 表示パーツの表示を解除したい場合
  【C】欄の表示を解除したいパーツにチェックをつけて、［チェックをつけたパーツを表示解除］ボタンをクリック
• 表示パーツを別のエリアへ移動したい場合
  【C】欄のパーツをマウスでドラッグ （左ボタン押しっぱなしで移動）  して、【A】欄の移動先のエリアにドロップ （マウスの左ボタンを離す）

表示項目の設定

表示するホームページパーツの見せ方を設定するには、変更したい親ページパーツの左上 ［表示項目の設定］をクリックすると表示設定画面が開きます。

表示したいホームページパーツの項目にチェックを付けたり、レイアウトや表示順などを設定し、表示の見栄えを変更することができます。