ブロック追加

機能ガイドブロック追加・編集

概要

LENSAhubではページ内のコンテンツを作成する際にブロック追加をすることでページ内にコンテンツを配置していきます。
ブロックは一覧よりブロックテンプレートを選択し、配置したい場所へドラッグ&ドロップするだけで設置することができます。
配置されたブロックを選択することで、ブロックの細かい設定を修正、変更することができます。

ブロック追加手順

画面詳細

ブロック追加を押下すると、ブロック一覧が表示されます。
ブロック一覧には利用できるブロックテンプレートが表示されます。
ページは「ヘッダー領域」「セクション領域」「フッター領域」の三か所に分かれており、それぞれにブロックが追加できます。
※「ヘッダー領域」に利用できるブロックは「ヘッダーブロック」のみとなり、ヘッダー内に一つしか設置できません。
※「セクション領域」に利用できるブロックは「ヘッダーブロック」、「フッターブロック」以外のブロックとなります。
※「フッター領域」に利用できるブロックは「フッターブロック」のみとなり、フッター内に一つしか設置できません。

ブロック追加画面

追加方法

  1. ブロックの追加は一覧から対象のブロックを選択し、更にその中からブロックテンプレートを選択し、ドラッグ&ドロップするだけで設置は完了となります。

    例)ヘッダーテンプレートからスタンダードを選択しヘッダー領域へドラッグ&ドロップ
    ブロック追加画面(ブロック一覧)

  2. テンプレートの状態でブロックが反映され追加は完了です。
    ブロック追加画面(ブロック反映)

  3. 同じ要領でページに合わせたブロックをそれぞれ追加することでページの土台が完成します。

    ブロック追加画面(完成画面)

セクション領域

セクション領域は様々なブロックを設置し、ページ内のコンテンツを充実させることができます。
セクション領域は複数設置することができ、「領域追加」の際に「セクション領域を追加」と「タブ領域を追加」が選択できます。
セクション領域を追加した場合は現在のセクション領域の下にもう一つセクション領域が生成されます。
タブ領域を選択した場合は現在のセクション領域の下にタブで分けられたタブ領域が生成されます。ブロック追加時にはどのタブかを選択した上で、ブロックの追加を行います。

ブロック設定

設置したブロックを押下すると緑の枠で囲われ、ブロックの設定として「インスタンス設定」「ブロック設定」「削除」を行うことができます。

ブロック設定

要素設定

ブロックの中の編集したい項目を選択するとオレンジの枠で囲まれた部分が「要素設定」です。
要素設定は、テキストや画像、ボタンなどの編集をする際に使用します。

要素設定

コンテンツ設定

ブロックの中の編集したい項目を選択すると青い枠で囲まれた部分が「コンテンツ設定」です。コンテンツ設定はコンテンツ設定が必要なブロックにのみ表示されます。

コンテンツ設定