ページ設定の設定方法

1. サイト一覧画面で、「このサイトを開く」をクリック。
2. 管理画面のページ一覧で、ページ設定をしたいページの「編集する」をクリック。
   
3. 「ページ一覧」をクリック。
4. 「設定」をクリック。
   
5. ページ設定画面が表示されます。
   

   ※1 ページ名	「ページ名/サイト名」の順番でブラウザのタブに表示されます。 ページ名の変更手順はこちら → 「ページ名を変更する」
   ※2 ページURL	ページURLを変更できます。 ページURLは、URLの一番最後に表示されます。
   ※3 description	検索エンジンに、このページはどのようなページなのか という説明を入力します。 デフォルトではサイト名とページ名が入っていますが、 自由に説明を入力することが可能です。
   ※4 keywords	検索エンジンに、このページで重要な単語を知らせるための 検索キーワードを入力します。 デフォルトではサイト名とページ名が入っていますが、 自由にキーワードを入力することが可能です。
   ※5 検索エンジンに掲載	掲載を許可する場合はチェックを入れます。 チェックを入れない場合は検索結果に表示されないため、 他人から見られる心配がなくなります。 ・変更後すぐに反映されないことがあります。時間を置いてから 　ご確認ください。 ・検索エンジンに掲載しただけでは、単語で検索した時に上位表示 　されない可能性が大きいです。 　※SEO対策はユーザー様ご自身でお願いします。

6. 設定完了後、「OK」で確定。
7. 以上が、ページ設定の設定方法です。

管理画面から新しいページを作成

1. 「このサイトを開く」をクリック。
2. 管理画面のページ一覧で「ページを追加」をクリック。
   
3. 編集画面に移動し、セクションを追加をクリック。
4. テンプレート一覧が表示。利用したいタブを開き、お好みのテンプレートを選択。
   
5. 「追加」をクリック。
   
6. 以上が、新しいページを追加する手順です。
   編集画面のページ一覧で、新しいページが追加されたことを確認できます。

編集画面からページを追加

1. 「このサイトを開く」をクリック。
2. 「編集する」をクリック。
   
   ページが複数ある場合、どのページの「編集する」をクリックしても構いません。
3. 「ページ一覧」をクリック。
4. 「ページを追加」をクリック。
5. 「OK」をクリック。
   

   編集画面からページを追加する場合は、空白ページが追加されます。
   テンプレートのページを追加したい場合は、管理画面から新しいページを
   作成してください。
   → 「管理画面から新しいページを作成」

   追加をやめる場合は「キャンセル」をクリックしてください。

6. 以上が、新しいページを追加する手順です。
   
   編集画面のページ一覧で、新しいページが追加されたことを確認できます。

操作パネルで並び替えする方法

1. 「このサイトを開く」をクリック。
2. 「編集する」をクリック。
3. 並び替えをしたいコンテナをクリック。
   
   コンテナをうまく選択できない場合はこちら
   → 表示・非表示の設定「コンテナがうまく選択できない場合」
4. 操作パネルのコンテナ一覧で、移動したい場所までコンテナをドラッグ＆ドロップ。
   
   コンテナ一覧では同じセクションの中にあるコンテナが表示されています。
   よこコンテナの場合は、コンテナ内の左右のパーツを入れ替えて並び替えることも
   可能です。
   左右パーツの入れ替えについてはこちら
   → コンテナの基本操作「左右のパーツを移動する」
5. 以上が、操作パネルで並び替えをする手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

編集パネルで並び替えする方法

1. 「このサイトを開く」をクリック。
2. 「編集する」をクリック。
3. 並び替えをしたいコンテナをクリック。
   
   コンテナをうまく選択できない場合はこちら
   → 表示・非表示の設定「コンテナがうまく選択できない場合」
4. 編集パネルで、移動したい場所までコンテナをドラッグ＆ドロップ。
   

   移動させるコンテナにマウスを合わせ、左クリックをするとコンテナの背景が水色に
   なります。水色になっている状態のまま、ドラッグしてください。

   よこコンテナの場合は左右のパーツを入れ替えて並び替えることも可能です。
   左右パーツの入れ替えについてはこちら
   → コンテナの基本操作「左右のパーツを移動する」

5. 以上が、編集パネルで並び替えをする手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

アイコンの設定手順

1. 見出しパーツをクリック。
2. 「アイコン」をクリック。
3. 左アイコンのサイズを選択。
   
   右アイコンの場合も設定方法は同様です。
4. 「アイコン」を選択。
   
   ファイルをアップロードしたい場合はこちらを参照 → 画像の設定「ファイル」
   使用中の画像を使いたい場合はこちらを参照 → 画像の設定「使用中」
   フリー素材から探したい場合はこちらを参照 → 画像の設定「フリー素材」
5. 種類を選択。
6. 傾きを設定する場合は「－」「＋」で調整。
   
   アイコンの傾きには4パターンあります。「－」「＋」をクリックするたび
   順番に表示されます。
7. 色を選択。
   

   詳細設定についてはこちらを参照 → 背景の設定「詳細設定をする」

   グラデーションを設定する場合
   「グラデーション」にチェックをいれるとカラー設定ウィンドウが２つ表示されます。
   上側、下側それぞれに表示させたい色を選択します。

8. 「OK」で確定。
9. 以上が、アイコンの設定手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

アイコンの左右揃え

1. 見出しパーツをクリック。
2. 「アイコン」をクリック。
3. 下へスクロールし、アイコンの左右揃えを選択。
   
   
4. 上へ戻り「OK」で確定。
5. 以上が、アイコンの左右揃え設定の手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

アイコンの上下揃え

1. 見出しパーツをクリック。
2. 「アイコン」をクリック。
3. 下へスクロールし、アイコンの上下揃えを選択。
   
   
4. 上へ戻り「OK」で確定。
5. 以上が、アイコンの上下揃え設定の手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

アイコンをなしにする

1. 見出しパーツをクリック。
2. 「アイコン」をクリック。
3. 左アイコンの「なし」をクリック。
4. 右アイコンも設定している場合は、こちらも「なし」をクリック。
5. 「OK」で確定。
6. 以上が、アイコンをなしにする手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

ボタンのリンク設定

ボタンの揃え

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

ボタンの幅

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

ボタンの質感

1. ボタンパーツをクリック。
2. 「背景」をクリック。
3. 質感を選択。
4. 「OK」で確定。
5. 以上が、ボタンの質感設定の手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

見出しコンテナの特徴

• １つのセクションにつき最上部に１つだけ表示できます。
  見出しコンテナの複製や追加はできません。

• 内側背景を設定していない場合は全幅で表示されます。

• コンテナの中にパーツを追加することはできません。
  見出しパーツを選択しても「パーツを追加」表示がされません。

見出しコンテナの操作パネル

プリセットデザインの反映

1. デザインを反映させたいパーツをクリック。
2. 「プリセット」をクリック。
3. 種類を選択。
   
   プリセットの種類は、セクション、コンテナ、各パーツごとで違います。
4. 色を選択。
   
   詳細設定についてはこちらを参照 → 背景の設定「詳細設定をする」
5. 適当な場所をクリックして設定を確定。
6. 以上が、プリセットデザインの反映手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

反映したデザインの変更

1. デザインを変更したいパーツをクリック。
2. 「カスタムデザイン」をクリック。
   
   プリセットデザインで設定した内容がカスタムデザインに反映されていることを
   確認できます。
3. お好みの設定に変更。
   
   各項目の設定方法は「カスタムデザインの設定」ページの関連マニュアルを
   ご参照ください。
   → カスタムデザインの設定「関連マニュアル」
4. 「OK」で確定。
   
   ここでは枠線を例にとって設定を変更しています。
   設定する項目によって「OK」ボタンの位置は変わります。
5. 以上が、反映したプリセットデザインを変更する手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

カスタムデザインの保存

1. 保存したいスタイルが設定されているパーツをクリック。
2. 「カスタムデザインを保存」の「＋」をクリック。
   
   保存できる数は決まっています。いっぱいになると保存ボタンが押せない状態になります。その場合は、他に保存されている不要なデザインを削除することで、新しいデザインが
   保存できるようになります。
   → 「カスタムデザインの削除」
3. 以上が、カスタムデザインを保存する手順です。

カスタムデザインの反映

1. デザインを反映させたいパーツをクリック。
2. 保存一覧から反映したいデザインを選択。
   
   パーツはそれぞれ保存できるカスタムデザインが異なります。
   共有されるカスタムデザインは以下の通りです。
3. 以上が、保存されているデザインを反映する手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

カスタムデザインのクリア

1. デザインをクリアしたいパーツをクリック。
2. 保存されているカスタムデザイン一覧の左側にある「クリア」をクリック。
3. 以上が、カスタムデザインをクリアする手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

クリアはデザインやレイアウトをすべて初期値に戻します。
例）コンテナはすべて「幅100%」の「縦コンテナ」に戻ります。
幅の変更方法はこちら
→ 「コンテナの幅設定」
コンテナの切り替え方法はこちら
→ コンテナの基本操作「コンテンツコンテナの切り替え」

カスタムデザインの削除

1. 一覧から削除したいデザインにマウスを合わせます。
2. 保存一覧の外側へドラッグ＆ドロップ。
   
   削除されたことを確認できます。
3. 以上が、保存してあるカスタムデザインを一覧から削除する手順です。

余白の設定画面

◆数値の設定について
・セクションは32pxごと、コンテナは16pxごと、パーツは8pxごとの設定になります。
・それぞれマージンには「-128～128px」、パディングには「0～128px」が設定できます。
・自動にはセクション、コンテナ、パーツそれぞれの初期値が設定されています。
・背景をつけると自動で余白が入ります。

固定表示では余白の見た目が変わる場合があるので注意が必要です。
レスポンシブ設定についてはこちら → 「レスポンシブ設定」
固定設定についてはこちら → 「固定設定」

マージンの設定

1. マージンを付けたいパーツをクリック。
2. 「余白」をクリック。
3. 該当箇所をクリック。
   
   クリックすると、数値設定ウィンドウが表示されます。
   「自動」の場合は初期値が設定されていますので、一度初期値を外すために「+」または「-」ボタンを押してください。
4. マージンを設定。
5. 「OK」で確定。
6. 以上が、マージンの設定手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

パディングの設定

1. パディングを付けたいパーツをクリック。
2. 「余白」をクリック。
3. 該当箇所をクリック。
   
   クリックすると、数値設定ウィンドウが表示されます。
   「自動」の場合は初期値が設定されていますので、一度初期値を外すために「+」または「-」ボタンを押してください。
4. パディングを設定。
5. 「OK」で確定。
6. 以上が、パディングの設定手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

コンテナやパーツの移動

移動の操作手順

1. 移動したいパーツをクリック。
2. 「余白」をクリック。
3. 矢印をクリック。
   
   移動可能範囲内は、上下左右自由に移動することができます。
4. 「OK」で確定。
5. 以上が、パーツを移動する手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

コンテナやパーツの拡大/縮小

拡大/縮小の操作手順

1. 拡大したいパーツをクリック。
2. 「余白」をクリック。
3. 「＋」ボタンをクリック。
   
   「－」ボタンで縮小されます。可能範囲内で自由に拡大/縮小することができます。
4. 「OK」で確定。
5. 以上が、パーツを拡大する手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

重ね順の確認

重ね順の変更

1. 手前に表示させたいパーツをクリック。
2. 「重ね順」をクリック。
3. 「＋」をクリック。
   
   表示させたいパーツが手前に表示されるまでクリックしてください。
4. 「OK」で確定。
5. 以上が、重ね順を変更する手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

重ね順が変更されない場合

1. 手前に表示されているパーツをクリック。
2. 「重ね順」をクリック。
   
   重ね順が「＋5」になっていることが確認できます。
3. 「－」をクリック。
   
   パーツが後ろに表示されるまでクリックしてください。
4. 「OK」で確定。
5. 以上が、重ね順が変更されない場合の手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。