기본 테마 구조

테마의 기본 구조에는 Oracle Content Management에 저장된 폴더에 지정된 디자인, 탐색 및 스타일이 포함됩니다. 테마는 사이트 템플리트의 일부입니다.

사용자가 새 사이트 생성을 위해 템플리트를 선택하면 관련 테마 데이터가 자동으로 로드됩니다. JET 스타터 템플리트 또는 스타터 템플리트를 사용하는 경우 테마가 참조되는 대신 자동으로 복사됩니다. 개발자가 스타터 템플리트를 사용하는 경우 고유의 테마 사본이 필요합니다.

기본 폴더 및 파일을 보여주는 다음 예제와 같이 테마는 특정 폴더 및 파일 구조로 구성됩니다.

    theme
         assets
             css
                 main.css
             js
                 topnav.js
         designs
             default
                design.css
                design.json
         layouts
         publish
         responsepages
             404.html
         viewport.json
         _folder.json
         _folder_icon.png
         components.json

어떤 폴더에는 다음 폴더를 비롯한 특정 유형의 정보가 포함됩니다.

  • assets: JavaScript, CSS(종속형 스타일시트), 이미지 및 기타 레이아웃에서 참조되는 지원 파일입니다.

  • designs: 구성요소의 스타일 옵션을 지정하는 데 사용되는 design.css 및 design.json 파일입니다.

  • layouts: 사이트의 페이지를 표시하는 데 사용되는 페이지 템플리트용 HTML 파일입니다.

    주:

    모든 HTML 파일에는 <!DOCTYPE html>과 비슷한 DOCTYPE 요소가 파일 시작 부분에 있어야 합니다.

  • publish: 게시된 사이트에서 테마가 사용된 후에 이 디렉토리가 나열되고 파일 사본이 포함됩니다. 이 디렉토리는 데스크톱 앱을 사용하여 테마를 동기화한 경우 볼 수 있지만, 테마를 템플리트의 일부로 익스포트한 경우 포함되지 않습니다.

  • responsepages: 오류 처리를 위한 특수 페이지입니다(404).

    주:

    사이트의 페이지가 오류 페이지로 플래그된 경우 테마의 404 오류 메시지가 무시되고 지정된 오류 페이지가 대신 사용됩니다.

  • viewport.json: 테마의 뷰포트 설정을 지정합니다.

  • _folder.json: 테마의 이름과 GUID를 지정합니다. 예를 들어, 다음과 같습니다.

    {
      "themeName":"MarketingCampaignTheme",
      "itemGUID":"TB79D65F699B022AC4E11F4D4EE870070A1ADD86BBBB"
}

    GUID는 테마를 처음 임포트하거나 복사할 때 Oracle Content Management에서 생성됩니다. 테마 이름은 테마를 생성할 때 테마 개발자가 지정합니다.

  • components.json: (사용되지 않음) 테마 내에 사용된 사용자정의 구성요소를 기록합니다. 역 호환성을 위해서만 유지보수됩니다.

새 테마를 생성할 때 작업할 두 개의 키 파일이 있습니다. 이 파일은 구성요소의 스타일을 설정합니다.

  • design.css

  • design.json

탐색 정보를 하나의 JavaScript 파일(예: nav.js 파일)에 넣는 것이 좋습니다. 테마의 /assets/js/ 폴더는 해당 파일을 보관하기 좋은 위치입니다.