방문자 화면으로 페이지 보기.

DXPR Builder 배우기페이지 만들기페이지 편집

미리보기에서는 모든 컨트롤 바와 더하기 버튼이 숨겨지므로 방문자에게 표시되는 모습 그대로 페이지를 볼 수 있습니다. 저장하기 전에 레이아웃을 확인할 때 사용합니다. 저장되지 않은 변경 사항도 표시됩니다. 동영상에서는 완성된 섹션을 미리 본 뒤 편집으로 돌아가 저장하고 키보드로 미리보기를 켭니다.

미리보기 전환 및 복귀

  1. DXPR 툴바에서 눈 모양 아이콘을 클릭하고 보기 메뉴에서 미리보기를 선택합니다.
  2. 페이지를 확인합니다. 방문자에게 표시되는 것처럼 컨트롤 바와 더하기 버튼이 숨겨져 있습니다.
  3. 보기 메뉴를 다시 열고 편집을 선택하여 계속 작업합니다. 저장되지 않은 변경 사항은 유지됩니다.
  4. 페이지를 저장하려면 저장을 클릭합니다.

키보드로는 Ctrl+Shift+P(Mac에서는 Cmd+Shift+P)를 눌러 미리보기를 켜고 끌 수 있습니다.

표시 내용

  • 편집 보조 요소 없음. 컨트롤 바, 마우스 오버 외곽선, 더하기 버튼, 선택된 요소의 외곽선이 표시되지 않습니다.
  • 툴바의 빨간색 눈. 미리보기가 켜져 있는 동안 DXPR 툴바의 눈 모양 아이콘에 빨간색 취소선이 표시됩니다. 툴바는 그대로 표시되므로 언제든지 돌아갈 수 있습니다.
  • 텍스트 편집 불가. 편집을 다시 선택하기 전까지는 텍스트를 클릭해도 텍스트 편집기가 열리지 않습니다.

빌더는 이 브라우저에서 선택 사항을 기억합니다. 페이지를 미리보기 상태로 떠나면 다음에 편집하는 페이지도 미리보기로 열립니다.

좁은 화면 확인

미리보기로 전환하고 브라우저 창을 좁힙니다. 새 행은 태블릿 너비부터 컬럼을 나란히 배치하고 휴대폰에서는 쌓습니다. 쌓인 각 컬럼이 여전히 잘 읽히는지 확인합니다. 반응형 디자인에서 화면 크기별로 변경하는 방법을 설명합니다.

미리보기와 게시된 페이지

미리보기에는 저장 여부와 관계없이 지금 에디터에 있는 내용이 표시됩니다. 방문자에게는 마지막으로 저장된 버전이 표시되며, 페이지가 게시된 경우에만 표시됩니다. 방문자와 똑같은 화면을 보려면 비공개 브라우저 창에서 페이지를 엽니다.

미리보기가 표시되지 않는 경우

  • 페이지가 컨트롤 바 없이 열립니다. 마지막 페이지를 미리보기 상태로 두었으므로 빌더가 해당 선택을 유지했습니다. 보기 메뉴를 열고 편집을 선택합니다.
  • 단축키가 작동하지 않습니다. 편집 중인 텍스트 안에 커서가 있으면 단축키가 중단됩니다. 텍스트 바깥을 클릭한 뒤 Ctrl+Shift+P를 다시 누릅니다.
  • 방문자에게는 미리보기 화면이 표시되지 않습니다. 미리보기에는 저장되지 않은 변경 사항이 포함되며, 방문자에게는 게시된 페이지만 표시됩니다. 저장을 클릭한 뒤 페이지 저장 및 게시에서 설명하는 대로 페이지를 게시합니다.

다음 단계