概要
LENSAhubではページ内のコンテンツを作成する際にブロック追加をすることでページ内にコンテンツを配置していきます。
ブロックは一覧よりブロックテンプレートを選択し、配置したい場所へドラッグ＆ドロップするだけで設置することができます。
配置されたブロックを選択することで、ブロックの細かい設定を修正、変更することができます。
ブロック追加手順
画面詳細
ブロック追加をクリックすると、ブロック一覧が表示されます。
ブロック一覧には利用できるブロックテンプレートが表示されます。
ページは「ヘッダー領域」「セクション領域」「フッター領域」の三か所に分かれており、それぞれにブロックが追加できます。
※「ヘッダー領域」に利用できるブロックは「ヘッダーブロック」のみとなり、ヘッダー内に一つしか設置できません。
※「セクション領域」に利用できるブロックは「ヘッダーブロック」、「フッターブロック」以外のブロックとなります。
※「フッター領域」に利用できるブロックは「フッターブロック」のみとなり、フッター内に一つしか設置できません。
追加方法
-
ブロックの追加は一覧から対象のブロックを選択し、更にその中からブロックテンプレートを選択し、ドラッグ＆ドロップするだけで設置は完了となります。
例）ヘッダーテンプレートからスタンダード（2段、検索あり）を選択しヘッダー領域へドラッグ＆ドロップ
-
ページ編集画面にブロックが反映され追加は完了です。
-
同じ要領でページに合わせたブロックをそれぞれ追加することでページの土台が完成します。
セクション領域
セクション領域は様々なブロックを設置し、ページ内のコンテンツを充実させることができます。
セクション領域は複数設置することができ、「領域追加」の際に「セクション領域を追加」「タブ領域を追加」「カラム領域を追加」が選択できます。
セクション領域を追加した場合は現在のセクション領域の下にもう一つセクション領域が生成されます。
タブ領域を選択した場合は現在のセクション領域の下にタブで分けられたタブ領域が生成されます。ブロック追加時にはどのタブかを選択した上で、ブロックの追加を行います。
カラム領域を選択した場合はカラムの数や比率を調整できるカラム領域が生成されます。ブロック一覧にあるブロックをより細かく設定したい場合などに使用します。
ブロック設定
設置したブロックのタイトルを押下すると緑の枠で囲われ、ブロックの設定として「インスタンス設定」「ブロック設定」「余白」「アニメーション」「削除」の設定を行うことができます。
要素設定
ブロックの中の編集したい項目を選択した際にオレンジの枠で囲まれた部分が「要素設定」です。
要素設定では「要素設定（詳細）」「余白」「アニメーション」「テーマCSS設定」「ホバー」の設定を行うことができます。
要素設定は、主に見出し、テキスト、画像、ボタンなどの編集をする際に使用します。各要素によって要素設定できる内容が変わります。
コンテンツ設定
ブロックの中の編集したい項目を選択した際に青い枠で囲まれた部分が「コンテンツ設定」です。
コンテンツ設定では「コンテンツ設定（詳細）」「余白」「アニメーション」「テーマCSS設定」の設定を行うことができます。
コンテンツ設定はコンテンツエディタやナビゲーション、ギャラリー設定など様々なコンテンツに表示され、各設定ごとにコンテンツ設定でできる内容が変わります。
その他の設定
主要な設定は「要素設定」と「コンテンツ設定」になりますが、その他にもスライダーに使用する「ファイル設定」やフォームに使用する「項目設定」などもあります。
名称は違いますが、いずれも各項目に対しての詳細な設定を決めるために使用します。