サイトエディタの画面構成
サイトエディタはサイト編集の起点となる画面です。中央の「プレビューブラウザ」にページが表示され、サイトの管理やページ編集モードへの切り替えなどを行うことができます。
〈戻る〉
「サイトシアター」に戻ります。
〈メニュー〉
リソースエディターの起動、環境設定、アプリの終了ができます。
※リソースエディタでは、サイトのデザインをCSS、Javascriptを使い編集できます。（UTF-8での編集が可能です。）設定内容に誤りがあると、サイトデータが編集できなくなるケースもあるため、必ずサイトデータをエクスポートし、バックアップをされた上でお試しください。
また、本機能の設定内容、操作についてはサポート外とさせていただいております。
〈サイト設定〉
プロパティ設定が開き、サイトやコーナーの設定ができます。詳しくは「サイト設定を行う」を参照してください。
〈プレビュー〉
新規ブラウザウィンドウに編集中のサイトやページをプレビュー表示し、実際に公開した際のイメージをつかめます。
右隣のボタンでは、サイト全体の再構築を行えます。サイトの読み込みがうまく行えない場合や、ブログの編集後などに行います。
Google AMP設定を有効にしていると、右隣のボタンよりAMPモードでのプレビューが可能です。
〈サイトを公開〉
サイトを公開することができます。
オンラインマニュアル
オンラインマニュアルが表示されます。
追加
メニューから空白ページやコーナーの追加ができます。また、ページレイアウトを選択し、追加することもできます。
ブログコーナーを追加
ブログコーナーを追加します。
複製・削除
サイトマップで選択したコーナーやページを複製します。また、複製先を指定することができます。
また、サイトマップで選択したコーナーまたはページを削除します。
SEOアシスタント
SEO設定に関する問題が表示されます。詳しくは「SEOアシスタントを設定する」を参照してください。
設定
クリックすると〈プロパティ設定〉を開きます。サイトやコーナー、サイトマップで選択したページの設定ができます。サイトやコーナーの設定については「サイト設定を行う」、ページの設定については「ページデザインを設定する」を参照してください。
サイトマップ表示／非表示
サイトマップの表示／非表示を切り替えます。
クイックリネーム、再読み込み
クリックすると設定画面が開き、ページの名前やファイル名、ページタイトルを変更できます。右側のアイコンでは開いているページを再読み込みします。
ページを編集する
ページの編集モードに切り替えます。
さらにブロック編集モード[A]、ウィジェット編集モード[B]を切り替えることが可能です。完了[C]を選び、編集モードを終了します。
デザイン編集
カラー、書体、余白など、Webサイト全体のデザインを設定することができます。レスポンシブ形式の場合に表示されます。詳しくは「Dressの概要」を参照してください。
〈ページを編集する〉をクリックすると編集モードに切り替わり、ボタン名が〈編集を終了する〉に変わります。〈編集を終了する〉をクリックすると、元のプレビューモードに戻ります。
編集モードでは、ブロック単位で編集します。
ブロックについては「ページの構成を理解する」、ブロックの編集については、「ブロックエディタの画面構成」を参照してください。
Webフォント
Webフォントを設定することができます。
ページレイアウト
ページのおおまかなレイアウトを変えることができます。
デバイス切替
プレビューを「PC専用サイト」「スマホ専用サイト」に切り替えることができます。レスポンシブ形式の場合に表示されます。
スマホ編集画面に切り替えた場合の表示です。
サイトマップ
サイトの構成を一目で見ることができます。