データ作成
データ編集エリアの操作
データ編集エリアの表示（編集モード）
自由配置ブロックは他のブロックやデータの編集と異なり、データの編集エリアをクリックして編集モードにしてコンテンツの追加や保存などの操作を行います。
①コンテンツの追加
データの編集モードで、①【追加】をクリックすると、"コンテンツタイプ選択" 画面が表示されて "文章"、"イメージ"、"ボタン" が選択可能となっています。
いずれかのタイプを選択後、右上の【選択】ボタンをクリックすると、編集エリア上へ追加できます。
いずれかのタイプを選択後、右上の【選択】ボタンをクリックすると、編集エリア上へ追加できます。
②編集エリアグリッドの表示
②【グリッド表示】ボタンをクリックすると、編集エリア上にグリッドを表示され、コンテンツの位置が調整しやすくなります。
③コンテンツの位置調整・編集
配置した各コンテンツにカーソルを合わせると、上部に操作メニューが表示されます。行える操作は下記の通りです。
- 編集
各コンテンツタイプの編集パネルが表示されます。詳しくはこちら
- 整列
編集エリアに合わせてコンテンツの位置を整列できます
- 重ね順
コンテンツの重ね順を最前面か最背面に変更できます
複数コンテンツの編集
複数のコンテンツを囲むように選択すると、複数コンテンツ専用の操作メニューが表示されます。
- 整列
選択したコンテンツ同士を整列します。
- 図の統一
選択したコンテンツの幅などを統一します。
編集エリアの高さを変更
編集エリアの下部にあるバーにカーソルを重ねると、上下の矢印アイコンが表示されます。
アイコンが表示された状態で、ドラックを行うと、編集エリアの高さを変更できます。
編集エリアの下部にあるバーにカーソルを重ねると、上下の矢印アイコンが表示されます。
アイコンが表示された状態で、ドラックを行うと、編集エリアの高さを変更できます。
データ作成（基本設定）
文章コンテンツ
①文章
表示させる文章をエディタに入力します。エディタ内では、文字色や背景色を変更したり、編集することができます。
*エディタについてはこちら
*エディタについてはこちら
②リンク設定
他のページへ遷移するリンクを設定できます。
「URL入力」、「ページ選択」、「お問い合わせ」から選択します。また、ページ表示方法は「内部リンク」、「外部リンク」のどちらかを設定します。
③コンテンツサイズ（横幅）
コンテンツの横幅サイズが表示され、数値を入力して変更することができます。
④アニメーション
コンテンツを表示する際のアニメーションを設定できます。
⑤デザインカスタマイズ
デザインの詳細設定を行います。文章コンテンツでは "影の設定" が行えます。
イメージコンテンツ
①イメージ表示……メディアを選択して、イメージを登録します。
②リンク設定
他のページへ遷移するリンクを設定できます。
「URL入力」、「ページ選択」、「お問い合わせ」から選択します。また、ページ表示方法は「内部リンク」、「外部リンク」のどちらかを設定します。
③コンテンツサイズ（横幅）
コンテンツの横幅サイズが表示され、数値を入力して変更することができます。
④アニメーション
コンテンツを表示する際のアニメーションを設定できます。
⑤デザインカスタマイズ
デザインの詳細設定を行います。文章コンテンツでは "影の設定" が行えます。
ボタンコンテンツ
①文章……ボタンのタイトルとなる文章を表示させる場合は、文章を入力します。
②リンク設定
他のページへ遷移するリンクを設定できます。
「URL入力」、「ページ選択」、「お問い合わせ」から選択します。また、ページ表示方法は「内部リンク」、「外部リンク」のどちらかを設定します。
③コンテンツサイズ（横幅）
コンテンツの横幅サイズが表示され、数値を入力して変更することができます。
④アニメーション
コンテンツを表示する際のアニメーションを設定できます。
⑤デザインカスタマイズ
デザインの詳細設定を行います。ボタンコンテンツでは、ボタンの背景や文字色などのデザイン設定が行えます。