訪問者目線でのページ確認.
Previewではすべてのコントロールバーと追加ボタンが隠れ、訪問者と同じ見た目でページを確認できます。保存前のレイアウト確認に使います。未保存の変更も表示されます。動画では完成したセクションをプレビューし、編集に戻って保存してから、キーボードでPreviewをオンにしています。
プレビューとの切り替え
- DXPRツールバーの目アイコンをクリックし、表示メニューからPreviewを選びます。
- ページを確認します。コントロールバーと追加ボタンは、訪問者向けと同じく非表示です。
- 表示メニューをもう一度開き、Editを選んで作業を続けます。未保存の変更は保持されます。
- 最後にSaveをクリックして、ページを保存します。
キーボードではCtrl+Shift+Pキー（MacではCmd+Shift+Pキー）でPreviewのオン・オフを切り替えます。
表示内容
- 編集補助なし。 コントロールバー、ホバー時の枠線、追加ボタン、選択中エレメントの枠線が消えます。
- ツールバーの赤い目。 Preview中は、DXPRツールバーの目アイコンが赤い取り消し線付きで表示されます。ツールバーは残るため、いつでも戻せます。
- テキスト編集なし。 もう一度Editを選ぶまで、テキストのクリックではテキストエディターが開きません。
ビルダーはこのブラウザーでの選択を記憶します。ページをPreviewのまま離れると、次に編集するページもPreviewで開きます。
狭い画面の確認
Previewに切り替え、ブラウザーウィンドウを狭めます。新しいローはタブレット幅以上でカラムを横並びにし、スマートフォンでは積み重ねます。積み重なった各カラムが読みやすいか確認します。画面サイズごとの変え方はレスポンシブデザインをご覧ください。
プレビューと公開ページ
Previewには、保存済み・未保存にかかわらずエディター内の今の内容が表示されます。訪問者には最後に保存した版が見え、公開後に限ります。訪問者とまったく同じ見た目の確認には、プライベートブラウザーウィンドウで開きます。
プレビューが表示されない場合
- ページがコントロールバーなしで開く。 前のページをPreviewのままにし、ビルダーがその選択を保持しています。表示メニューを開いてEditを選びます。
- ショートカットが効かない。 編集中のテキスト内にカーソルがある間は、ショートカットが休止します。テキストの外側をクリックしてから、もう一度Ctrl+Shift+Pキーを押します。
- 訪問者にPreviewどおりに見えない。 Previewには未保存の変更が含まれますが、訪問者には公開ページのみ見えます。Saveをクリックし、ページの保存と公開の手順でページを公開します。
次のステップ
- ページの保存と公開：変更を保存し、訪問者に見えるようにします。
- スマートフォンやタブレットでのページ編集：タッチ画面でのエディターの違いを確認できます。
- レスポンシブデザイン：画面サイズごとのレイアウトの合わせ方を調整します。