초기 샌드박스 컨텐츠

이 섹션에서는 모두 페이지 템플릿을 사용하는 다음 페이지를 만듭니다.

  • 기본 페이지의 영어 버전으로 리디렉션되는 SCF 샌드박스 사이트입니다.

    • SCF 샌드박스 - 사이트의 영어 버전에 대한 기본 페이지입니다.

    • SCF 재생 - 재생할 기본 페이지의 하위 페이지입니다.

이 자습서는 언어 사본을 학습하지 않지만, 루트 페이지가 HTML 헤더를 통해 사용자에 대한 기본 언어 탐지를 구현하고 해당 언어에 대한 기본 페이지로 리디렉션할 수 있도록 디자인되었습니다. 이 규칙은 페이지의 노드 이름에 두 문자로 이루어진 국가 코드를 사용하는 것입니다. 예를 들어, "en"은 영어로, "fr"은 프랑스어로 사용됩니다.

첫 번째 페이지 만들기

이제 페이지 템플릿이 있으므로 /content 디렉터리에 웹 사이트의 루트 페이지를 설정할 수 있습니다.

  1. 표준 UI는 현재 사이트 작성에 대한 청사진을 제공합니다. 이 자습서에서는 간단한 사이트를 만들 수 있으므로 클래식 UI가 유용합니다.

    클래식 UI로 전환하려면 전역 탐색 을 선택하고 프로젝트 아이콘 오른쪽을 마우스로 가리킵니다. 표시되는 클래식 UI로 전환 아이콘을 선택합니다.

    클래식 ui

    클래식 UI로 전환할 수 있는 기능은 관리자가 활성화해야 합니다.

  2. 클래식 UI 시작 페이지웹 사이트​를 선택합니다.

    classic-ui-website

    또는 /siteadmin.

  3. 탐색기 창에서 웹 사이트​를 선택한 다음 도구 모음에서 새로 만들기 > 새 페이지​를 선택합니다.

    페이지 만들기 대화 상자에서 다음을 입력합니다.

    • 제목: SCF Sandbox Site
    • 이름: an-scf-sandbox
    • SCF 샌드박스 재생 템플릿​을 선택합니다.
    • 만들기​를 클릭합니다

    classic-ui-create-page

  4. 탐색기 창에서 방금 만든 페이지인 /Websites/SCF Sandbox Site을 선택하고 새로 만들기 > 새 페이지​를 클릭합니다.

    • 제목: SCF Sandbox
    • 이름: en
    • SCF 샌드박스 재생 템플릿​을 선택합니다.
    • 만들기​를 클릭합니다
  5. 탐색기 창에서 방금 만든 페이지 /Websites/SCF Sandbox Site/SCF Sandbox을 선택하고 새로 만들기 > 새 페이지​를 클릭합니다

    • 제목: SCF Play
    • 이름: play
    • SCF 샌드박스 재생 템플릿​을 선택합니다.
    • 만들기​를 클릭합니다
  6. 웹 사이트 콘솔에 웹 사이트가 표시되는 방식입니다. 탐색기 창에서 선택한 항목의 하위 페이지가 관리할 수 있는 오른쪽 창에 표시됩니다.

    classic-ui-website-page

    웹 사이트 도구 및 템플릿을 사용하여 만든 저장소 보기입니다.

    classic-ui-repository-view

디자인 경로 추가

도구 콘솔의 디자인 섹션을 사용하여 [/etc/designs/an-scf-sandbox](setup-website.md#setupthedesigntreeetcdesigns)을 만들면 " 속성이 만들어집니다.

  • cq:template="/libs/wcm/core/templates/designpage"

가 정의되었으며, 이 값은 currentDesign.getPath()을 사용하여 스크립트에서 디자인 자산을 참조할 수 있는 선택 기능을 제공합니다. 예

  • % String favIcon = currentDesign.getPath() + "/favicon.ico"; %

    • 이름: cq:designPath
    • 유형: String
    • 값: /etc/designs/an-scf-sandbox
  • 녹색 [+] Add 을 클릭합니다

응답은 다음과 같이 표시됩니다.

classic-ui-repository-path

  • 모두 저장 클릭

구성을 저장하는 동안 문제가 발생하면 다시 로그인하고 다시 구성합니다.

노트

cq:designPath의 사용은 선택 사항이며, clientlibs🔗의 사용과 관련이 없습니다. 이 사용은 SCF 구성 요소가 clientlibs를 사용하여 JS 및 CSS를 관리하므로 기본적으로 필요합니다.

이 페이지에서는