本文へ移動

セクション機能

セクション概念

「トップページ・シングルページ」はセクション機能で作成します

おりこうブログAIでは、 会社概要などのこれまでの通常ページに加えて、2分割などのレイアウトを持つ「セクション」を組み合わせてページを作成できます。

セクションごとに背景の設定が可能な他、リンクやロールオーバーの設定もでき、表現の幅がさらに広がります。

A………ページ
(1)(2)(3)(4)………セクション

背景同一セクション

同一背景内に1カラムもしくは2カラムのレイアウトを組合せることができるセクションです。

背景分割セクション

2~4分割して背景をそれぞれ設定できるセクションです。背景毎にリンク設定をおこなうことが可能です。

(ページ内)セクション一覧

ツールバーの【セクション】アイコンをクリックすると、"セクション一覧"パネルが表示されます。
セクション一覧パネルでは、現在表示しているページ内のセクションをリストで確認できます。
ページ構成では、サイト内のすべてのページがツリー形式で表示されます。
その他、ページの追加・編集・削除、ドラッグ&ドロップでのページの並び替えや階層を変更することができます。
 
(1)【検索】フォーム
検索用の入力フォームが表示されます。該当するセクションがあれば、そのセクション名が赤色で表示されます。
 
(2)表示中のページ
現在表示中のページ名と公開状況が表示されます。
 
(3)並び替え
セクションのリストを、上下にドラッグ&ドロップすることでセクションの表示順の並び替えが行えます。

(A)セクション追加

A【追加】ボタンをクリックすると、セクション追加画面が表示されます。
セクション追加画面で"モデルから選択"、"タイプから選択"のどちらかのタブからセクションを選択し、【保存】ボタンをクリックすると、
セクションの最下部に、選択したセクションが追加されます。

【モデルから選択

(1)業種を選択します。

(2)用途別にモデルセクションが表示されます。

(3)追加したいセクションをクリックで選択。追加ボタンをクリックします。
【タイプから選択

(1)背景分割なし………背景が一枚のまま、ブロックを列で置きたい(カラム)場合 のセクションを作成するときに選択します。

(2)背景分割あり………背景が、2分割、3分割、4分割、2分割(縦)2分割(横)の分割されたセクションです。背景の画像や配色で視覚的に表現することができます。

(B)セクション編集

B【編集(鉛筆)】アイコンををクリックすると、セクションの操作パネルが表示されます。
操作パネルでは、ページなどと同じように、セクションの編集、下書き/公開の切り替え、削除、複製などの操作が行えます。

操作パネル内の【編集】ボタンをクリックすると、セクションの編集パネルを表示し、セクション名や高さの設定が行えます。
*オリジナルデザインの場合、セクションによっては高さの変更が行えない場合がございます。

【モデルから選択

(1)業種を選択します。

(2)用途別にモデルセクションが表示されます。

(3)追加したいセクションをクリックで選択。追加ボタンをクリックします。

セクション背景の編集

セクションの背景は、みたまま編集エリア上から行えます。セクションの右上に表示される【背景編集】ボタンをクリックすると、セクションエリアの背景編集パネルが表示されます。

背景編集パネル

(1)メディア選択………画像、動画、画像(THETA)、Youtube 、フォトムービー、スライドショーが選択できます。表示方法が選択できます。

(2)リンク設定………なし、URL入力、ページ選択、お問い合わせを選択できます。

(3)デザイン………背景設定、ロールオーバー設定、文字設定の設定が行えます。

セクション編集

(1)設定………セクション名や高さを編集できます。
*ページの種別がスペシャルページの場合、ヘッダーメニュー名として表示されます。
*オリジナルデザインを受注いただいているサイトでは、一部のセクションの高さ変更ができなくなっております。

(2)公開設定………データを一時的に公開画面に表示させたくない場合は、"下書き"を選びます。

背景編集

(1)メディア選択………画像、動画、画像(THETA)、Youtube 、フォトムービー、スライドショーが選択できます。表示方法が選択できます。

(2)リンク設定………なし、URL入力、ページ選択、お問い合わせを選択できます。

(3)デザイン………背景設定、ロールオーバー設定、文字設定の設定が行えます。