コンテンツBOXを挿入したい位置へドラッグ&ドロップで貼り付けることができます。

コンテンツボックス選択 #

コンテンツボックスのスタイルを選択します。

コンテンツボックスを選択すると右上にサブメニューが表示されます。

1. クリックしながらドラッグ&ドロップで任意の場所へ移動できます。
2. コンテンツボックスを複製します。
3. コンテンツボックスを削除します。
4. ブロックに保存します。

コンテンツ設定 #

イメージスタイル #

1. イメージ画像を選択します。
2. 幅を設定します。

リンクスタイル2 #

1. アイコンを選択します。
2. アイコンカラーを選択します。
3. アイコンのサイズを設定します。

フォント #

1. フォント設定を変更したいテキストを選択します。
2. フォント形式を設定します。
3. フォントを選択します。
4. テキストカラーを選択します。
5. テキスト背景カラーを選択します。
6. フォントサイズを設定します。
7. 行間を設定します。
8. 文字間を設定します。
9. 配置を選択します。

デザイン #

デザインの項目を変更することでコンテンツボックスのデザインを変更できます。

1. 背景を画像、単色、グラデーションの3つから選択できます。
2. 背景設定で選択した背景情報がレイヤーとして表示されます。
3. ボーダー設定はなし、実線、点線の3つから選択でき、線の太さを設定することができます。
4. ボーダーコーナーはボーダーの丸みを設定できます。
5. シャドウ設定ではインナー、ドロップ、テキストの3つから選択でき、それぞれシャドウの詳細な設定ができます。

レイアウト #

レイアウトの項目を変更することでコンテンツボックスのレイアウトを変更できます。

1. Margin & Paddingの設定をすることで余白の設定ができます。
2. 横幅を固定から、最小、最大とそれぞれ設定できます。
3. 高さを固定から、最小、最大とそれぞれ設定できます。
4. 水平方向の項目を変更することでFAQの水平方向の配置を変更できます。
5. 垂直方向の項目を変更することでFAQの垂直方向の配置を変更できます。
6. Z-indexを設定することでFAQの重なり順を設定することができます。

表示設定 #

表示設定を変更することでコンテンツボックスを表示したり非表示にする条件を設定できます。

1. レスポンシブの項目を変更することでデスクトップのみやモバイルのみに表示することができます。
2. アンカーリンクを設定することができます。
3. ログインユーザーのみ表示したり、さらにタグで絞りこんで条件表示することができます。

その他 #

1. CSS IDを設定できます。
2. CSS Classを設定できます。
3. メモを書いておくことができます。