방문자에게 다르게 보입니다.

DXPR Builder 배우기사이트 관리문제 해결

방문자에게 보이는 페이지를 자신에게 보이는 대로 만듭니다. 흔한 원인은 페이지 앞의 캐시, 방문자용 Bootstrap 누락, 텍스트 형식 필터, 이전 릴리스에서 저장한 페이지입니다.

방문자에게 이전 콘텐츠가 보입니다

빌더 저장은 해당 페이지의 Drupal 캐시를 지우므로 이전 콘텐츠는 보통 빌더 밖 캐시에서 옵니다.

  1. 모든 캐시를 지웁니다. 콘텐츠가 업데이트되면 Drupal 캐시가 원인이었습니다.
  2. 다음으로 이동하여 확인합니다. Configuration > Development > Performance로 이동하고 Browser and proxy cache maximum age를 확인합니다.
  3. Varnish나 CDN 뒤에서는 Purge 모듈을 설치하거나 빌더 페이지의 최대 수명을 낮춥니다. DXPR Builder는 제거 요청을 보내지 않습니다.

Tip: 페이지에 배치된 View는 자체 캐시의 행을 보여줍니다. 행이 이전 것이면 View를 편집하고 Advanced를 연 뒤 Caching을 Tag based로 설정하고 캐시를 지웁니다.

방문자에게 스타일이나 아이콘이 보이지 않습니다

  • 컬럼, 버튼, 간격에 스타일이 적용되지 않은 것처럼 보입니다. 빌더 콘텐츠에는 Bootstrap 5 CSS가 필요하며 테마가 로드하지 않습니다. 다음으로 이동하여 설정합니다. DXPR Studio > DXPR Builder > General Settings > Bootstrap으로 이동하고 Sideload Bootstrap files를 Bootstrap 5로 설정합니다.
  • 콘솔이 MIME 유형 text/html의 스타일시트를 거부합니다. 페이지는 더 이상 존재하지 않는 집계된 CSS 파일을 가리키며, 서버가 대신 오류 페이지를 반환했습니다. 현재 파일을 가리키도록 모든 캐시를 지웁니다.
  • 이전 릴리스에서 저장한 페이지에 아이콘이 없습니다. 저장된 HTML에는 페이지에 필요한 아이콘 폰트가 나열되며, 이전 저장은 해당 목록이 없을 수 있습니다. 에디터에서 페이지를 열고 저장합니다.

방문자에게 스크립트나 삽입 코드가 제거됩니다

에디터는 원시 빌더 콘텐츠를 봅니다. Apply text format filters to frontend content가 General Settings > Text Filters에서 켜져 있으면 방문자에게는 텍스트 형식 필터 적용 후 표시됩니다.

  1. 해당 설정을 끄거나 필드에 HTML 제한 없는 텍스트 형식을 지정합니다.
  2. 서드파티 스크립트는 HTML 요소에 넣습니다. 빌더는 다른 모든 요소에서 <script src> 태그를 제거합니다.
  • 클릭에 반응이 없거나 콘솔에 bootstrap is not defined 메시지가 있습니다. 캐러셀, 탭, 접기 패널은 Bootstrap 5 JavaScript에서 실행되며 방문자용 페이지에는 없습니다. Sideload Bootstrap files를 Bootstrap 5로 설정하거나 테마에서 Bootstrap 5를 로드합니다.
  • 캐러셀이 자동으로 움직이지 않습니다. Disable auto-play가 캐러셀 설정에서 체크되어 있습니다. 체크를 해제하고 Auto-play interval을 설정한 뒤 저장합니다.
  • 업데이트 후에도 카운터, 패럴랙스, 동영상 배경이 움직이지 않습니다. 에디터는 저장 시점에 페이지에 빌더 프론트엔드 스크립트가 필요한지 판단합니다. 페이지를 열고 다시 저장합니다.

수정 확인하기

비공개 창에서 페이지를 엽니다. 콘텐츠, 스타일, 인터랙티브 요소는 View mode를 Preview로 설정했을 때 보이는 모습과 같습니다.

다음 단계

Caching은 빌더 페이지에 적용되는 캐시 레이어용으로 확인합니다.