버전 7.0 템플릿 일부에서 Ajax 로딩이 어떻게 작동하는지 살펴보세요.

버전 7.0 템플릿 일부는 Ajax(비동기식 JavaScript와 XML)를 사용해 페이지 이동 시 더 빠르고 원활한 페이지 로딩을 지원합니다. Ajax는 비동기식 로딩(또는 '지연 로딩')의 한 유형으로, 블로그 페이지나 갤러리 페이지처럼 콘텐츠가 많은 페이지에 가장 유용합니다.

Ajax 로딩을 사용하는 템플릿은 페이지를 방문할 때마다 머리말과 바닥글 등의 일부 요소를 로딩하지 않습니다. 일부 요소들이 이미 로드되어 있어 결과적으로 페이지의 나머지 콘텐츠가 더 빠르게 로드됩니다.

예를 들어, 블로그 페이지를 열 때 머리말과 바닥글이 그대로 유지되어 블로그 게시물이 방문자에게 더 빨리 표시됩니다.

Ajax는 버전 7.0 템플릿 중 일부에서 지원되는 기능입니다. 버전 7.1에서는 Ajax 로딩이 지원되지 않지만, 모든 버전 7.1 사이트는 로딩 시간을 최적화하도록 설계되었습니다.

지원되는 템플릿

Ajax가 지원되는 버전 7.0 템플릿 그룹은 다음과 같습니다.

• 소금물
• Farro
• Skye - 블로그 랜딩 페이지 전용
• Tremont
• York

Ajax 활성화/비활성화

Ajax는 방문 시 활성화되도록 기본 설정되어 있습니다. 원활한 브라우징 경험을 위해 템플릿에서 Ajax가 지원되는 경우 Ajax 로딩을 활성화해 두는 것을 권장합니다.

Ajax는 사이트에 임베드된 맞춤형 코드, 코드 기반 사용자 지정 기능, 앵커 링크, URL 리디렉션과 충돌할 수 있습니다. Ajax는 사이트 분석 기능에도 영향을 미쳐 첫 페이지의 방문만 기록될 수 있습니다.

Ajax는 사이트 스타일에서 비활성화할 수 있습니다. 단, 다음의 경우는 예외입니다.

• Skye 그룹에서는 Ajax를 비활성화할 수 없습니다.
• Farro 그룹의 블로그 랜딩 페이지에서는 Ajax를 비활성화할 수 없습니다. Ajax 로딩 활성화를 선택 해제해도 사이트는 여전히 Ajax를 사용해 블로그 페이지를 로드합니다.

Ajax를 활성화하거나 비활성화하는 방법은 다음과 같습니다.

1. 사이트 스타일 패널을 엽니다.
2. Ajax 로딩 활성화 조정 기능을 검색합니다.
3. Ajax 로딩 활성화를 선택하거나 선택 해제합니다.

편집 환경의 기능성을 보장하기 위해 로그인한 기여자의 화면에서는 Ajax가 항상 비활성화됩니다.

로딩 바

Ajax를 지원하는 템플릿 중 일부에는 로딩 바 기능도 포함되어 있습니다. 로딩 바는 설정에 따라 상단에 표시될 수 있습니다. 그러면 방문자들이 콘텐츠가 추가로 로드되고 있는 것을 간편하게 알 수 있습니다.

로딩 바가 표시되는 템플릿 그룹은 다음과 같습니다.

• 소금물
• Farro

로딩 바를 숨기는 방법은 다음과 같습니다.

1. 사이트 스타일 패널을 엽니다.
2. 사이트: 로딩으로 스크롤을 내립니다.
3. 로딩 바 표시를 선택 해제합니다.

같은 섹션의 너비 조정 기능과 색상 조정 기능을 사용해 바의 스타일을 원하는 대로 설정할 수도 있습니다.