傾きを設定する

1. パーツをクリック。
2. 「傾き」をクリック。
3. 傾きを調整。
   
   「－」をクリックするたびに左側へ傾きます。「＋」は右側へ傾きます。
4. 「OK」で確定。
5. 以上が、傾きを設定する手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

角丸の設定方法

1. 画像をクリック。
2. 「角丸」をクリック。
3. 角丸の種類を選択。
4. 「OK」で確定。
5. 以上が、角丸の設定手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

コンテナの切り落とし設定

1. コンテナをクリック。
   
   コンテナをうまく選択できない場合はこちら
   → 表示・非表示の設定「コンテナがうまく選択できない場合」
2. 「角丸」をクリック。
3. 「切り落とす」をクリック。
   
   「通常表示」をクリックすると、もとの表示に戻ります。
4. 「OK」で確定。
5. 以上が、コンテナの切り落とし設定手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

影を設定する

1. コンテナをクリック。
   
   コンテナをうまく選択できない場合はこちら
   → 表示・非表示の設定「コンテナがうまく選択できない場合」
2. 「影」をクリック。
3. 影の種類を選択。
4. 「OK」で確定。
5. 以上が、影を設定する手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

セクション・コンテナの枠線設定

1. セクションをクリック。
2. 「枠線」をクリック。
3. 「表示位置」を選択。
4. 「形状」選択。
5. 色を選択。
   
   詳細設定についてはこちらを参照 → 背景の設定「詳細設定をする」
6. 「OK」で確定。
7. 以上が、セクションに枠線を設定する手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

パーツの枠線設定

見出し・小見出しの枠線設定

1. 小見出しパーツをクリック。
2. 「枠線」をクリック。
3. 「表示位置」を選択。
4. 「形状」選択。
5. 「装飾」をつける場合は選択。
   
   装飾の種類は「折り返し」と「吹き出し」があります。
6. 装飾を選択した場合は、装飾をつける位置を選択。
7. 色を選択。
   
   詳細設定についてはこちらを参照 → 背景の設定「詳細設定をする」
8. 「OK」で確定。
9. 以上が、小見出しパーツに枠線を設定する手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

ボタンの枠線設定

1. ボタンパーツをクリック。
2. 「枠線」をクリック。
3. 「形状」選択。
4. 色を選択。
   
   詳細設定についてはこちらを参照 → 背景の設定「詳細設定をする」
5. 「OK」で確定。
6. 以上が、ボタンパーツに枠線を設定する手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

その他パーツの枠線設定

1. テキストパーツをクリック。
2. 「枠線」をクリック。
3. 「表示位置」を選択。
4. 「形状」選択。
5. 色を選択。
   
   詳細設定についてはこちらを参照 → 背景の設定「詳細設定をする」
6. 「OK」で確定。
7. 以上が、テキストパーツに枠線を設定する手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

共通セクションとは

共通セクション化

共通セクション化するには

1. 共通セクション化したいセクションをクリック。
2. 「共通セクション化」をクリック。
   共通セクション化されると、タブの表示も変更されます。
   
3. 以上が、共通セクション化する手順です。

共通セクションの確認

1. 「ページ一覧」をクリック。
2. 「共通セクション」をクリック。
3. 以上が、共通セクションの確認方法です。

共通セクションの追加

1. セクションをクリック。
2. 「セクションを追加」をクリック。
3. 「共通」をクリック。
4. 追加したい共通セクションをクリック。 
5. 「追加」をクリック。
6. 適当な場所をクリックして確定。
7. 以上が、共通セクションの追加手順です。

共通セクション化の解除

1. 共通セクション化を解除したい共通セクションをクリック。
2. 「共通セクション解除」をクリック。
   タブの表示も「セクション」に戻ります。
   
3. 適当な場所をクリックして確定。
4. 以上が、共通セクション化を解除する手順です。

共通セクションの削除

ページにある共通セクションを削除

1. ページに追加されている共通セクションをクリック。
2. 「削除」アイコンをクリック。
3. 以上が、ページに追加されている共通セクションの削除手順です。

共通セクションをもとから削除

1. 「ページ一覧」をクリック。
2. 「★共通セクション」をクリック。
3. 削除したい共通セクションを選択。
4. 「削除」アイコンをクリック。
5. 以上が、共通セクションをもとから削除する手順です。

基本セクションの追加

1. セクションをクリック。
2. 「セクションを追加」をクリック。
3. 「基本」をクリック。
4. 「基本セクション」をクリック。
5. お好みのカテゴリをクリックして開く。
6. レイアウトを選択。
7. 「追加」をクリック。
8. 適当な場所をクリックして確定。
9. 以上が、基本セクションの追加手順です。

セクションをコピーして使用

セクションをコピーする

1. セクションをクリック。
2. 「セクションを追加」をクリック。
3. 「コピー」をクリック。
4. サイトを選択。
   他のサイトからセクションをコピーしたい場合は、ドロップダウンより他のサイトを
   選択してください。
   
5. ページを選択。
6. セクションを選択。
7. 「追加」をクリック。
8. 適当な場所をクリックして確定。
9. 以上が、セクションをコピーして使用する方法です。

連続しているセクションをまとめてコピーする

1. セクションをクリック。
2. 「セクションを追加」をクリック。
3. 「コピー」をクリック。
4. サイトを選択。
5. ページを選択。
6. コピーしたいセクションの一番上と一番下を選択。
7. 「追加」をクリック。
   「追加」ボタンはどれをクリックしても構いません。
8. 適当な場所をクリックして確定。
9. 以上が、連続したセクションをまとめてコピーする方法です。

連続していないセクションをまとめてコピーする

1. セクションをクリック。
2. 「セクションを追加」をクリック。
3. 「コピー」をクリック。
4. サイトを選択。
5. ページを選択。
6. コピーしたいセクションをCtrlキーを押しながら選択。
7. 「追加」をクリック。
   「追加」ボタンはどれをクリックしても構いません。
8. 適当な場所をクリックして確定。
9. 以上が、連続していないセクションをまとめてコピーする方法です。

パーツセクションの追加

1. セクションをクリック。
2. 「セクションを追加」をクリック。
   「セクションを追加」ボタンはセクションの上下にあります。
   上にセクションを追加したい場合は、上の「セクションを追加」をクリックしてください。
3. パーツを選択。コンテナの中に入ったパーツが追加されます。
   コンテナ内に連続してパーツを追加することができます。
4. 適当な場所をクリックして確定。
5. 以上が、パーツセクションの追加手順です。

スマホ表示の余白設定

縦余白の設定

1. スマホ表示を選択。
2. セクションをクリック。
3. 「スマホ」をクリック。
4. 縦余白を選択。
5. 「OK」で確定。
6. 以上が、縦余白の設定手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

横余白の設定

1. スマホ表示を選択。
2. セクションをクリック。
3. 「スマホ」をクリック。
4. 横余白を選択。
5. 「OK」で確定。
6. 以上が、横余白の設定手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

スマホ表示の切り替え

◆レスポンシブ設定と固定設定の見え方を比較

1. セクションをクリック。
2. 「スマホ」をクリック。
3. 設定したい表示をクリック。
4. 「OK」で確定。
5. 以上が、スマホ表示の切り替え手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

QRコードで公開画面を確認

1. 操作パネル右上のQRコードにマウスをあわせます。
2. QRコードにホバーすると大きく表示されるので、スマホで読み取ります。
3. 以上が、スマホで公開画面を確認する手順です。