エリア機能について
エリア概念
「トップページ・シングルページ」はエリア機能で作成します
おりこうブログでは、 会社概要などのこれまでの通常ページに加えて、2分割などのレイアウトを持つ「エリア」を組み合わせてページを作成できます。
エリアごとに背景の設定が可能な他、リンクやロールオーバーの設定もでき、表現の幅がさらに広がります。
①②③………エリア
背景同一エリア
同一背景内に1カラムもしくは2カラムのレイアウトを組合せることができるエリアです。
背景分割エリア
2～4分割して背景をそれぞれ設定できるエリアです。背景毎にリンク設定をおこなうことが可能です。
エリア追加
既存エリアにマウスを合わせると表示される【エリア追加】ボタンをクリックすると、エリア追加画面が表示されます。
追加画面で"モデルから追加"、"タイプから追加"のどちらかのボタンをクリックします。
【モデルから選択】
①業種を選択します。
②用途別にモデルエリアが表示されます。
③追加したいエリアをクリックで選択。追加ボタンをクリックします。
【タイプから選択】
背景が、2分割、3分割、4分割、2分割（縦）2分割(横）4分割（縦横）の分割されたエリアです。背景の画像や配色で視覚的に表現することができます。
エリア背景の編集
エリアの背景は、みたまま編集上から行えます。エリアの右上に表示される【背景編集】ボタンをクリックすると、エリアの背景編集パネルが表示されます。
背景編集パネル
①メディア選択………画像、動画、画像（THETA）、Youtube 、フォトムービー、スライドショーが選択できます。表示方法が選択できます。
②スマホ設定
- スマホ表示設定…スマホ画面で表示させるメディアを設定します。「PCに合わせる」を”有効”にすると、PCで設定したものと同じメディアを表示します。
- スマホ並び替え…エリアの並び替え指定を行えます。操作方法はこちら
③リンク設定………なし、URL入力、ページ選択、お問い合わせを選択できます。
④デザインカスタマイズ………背景設定、ロールオーバー設定、文字設定の設定が行えます。
スマホ並び替えについて
見たまま編集画面で、並び替えたいエリアの【背景編集】ボタンをクリックし、背景編集パネルを開きます。【スマホ並び替え】の入力欄に、表示させる順番の数値を入力して設定します。
*同じエリア内にあるエリアグループの並び替えが可能です。異なるエリアの並び替えは、【ページ構成】から入れ替えることができます。
画像のように、エリア(A)、エリア(B)を並び替えたい場合は下記のように設定します。
エリア(A)のスマホ並び替え：「2」
エリア(B)のスマホ並び替え：「1」
設定後、見たまま編集画面の【ページの編集を適用】ボタン をクリックして並び替えが完了となります。
エリア編集
①設定………エリア名や高さを編集できます。
*ページの種別がスペシャルページの場合、ヘッダーメニュー名として表示されます。
*オリジナルデザインを受注いただいているサイトでは、一部のエリアの高さ変更ができなくなっております。
②公開設定………データを一時的に公開画面に表示させたくない場合は、"下書き"を選びます。