테마에 대해 구성요소 맞춤, 너비 또는 간격 옵션 숨기기

기본적으로 대부분의 구성요소에서는 구성요소의 설정 대화상자에서 맞춤, 너비 및 간격 옵션을 지정하여 사이트를 구축할 수 있습니다. 하지만 개발자는 제공자가 사이트 테마와 일치하지 않는 방식으로 콘텐츠를 렌더링하지 못하도록 방지하기 위해 사용자정의 구성요소에서 이러한 옵션을 숨겨야 할 수 있습니다. 예를 들어, 단추를 가운데 두고 간격을 30픽셀로 유지하는 일관된 모양을 프로모션하려는 경우에는 테마의 components.json 파일을 편집하여 설정에서 이를 변경하는 옵션을 숨길 수 있습니다.

또한 사용자정의 구성요소의 초기 기본값을 무효화해야 할 수도 있으며, 이것 역시 components.json 파일을 편집하여 수행될 수 있습니다. 초기 값에 대한 모든 변경사항은 편집된 components.json 파일이 새 버전으로 업로드된 다음에 페이지에 추가된 구성요소에만 적용됩니다.

테마에서 한 구성요소에 대한 맞춤, 너비 또는 간격의 설정 옵션을 숨기려면 다음과 같이 하십시오.

  1. Oracle Content Management의 왼쪽 탐색 메뉴에서 개발자를 누릅니다.
  2. 개발자 페이지에서 모든 테마 보기를 누릅니다.
  3. [테마] 페이지에서 수정할 테마를 선택하고 마우스 오른쪽 단추 누르기 메뉴에서 열기를 누르거나 작업 모음에서 열기 아이콘을 누릅니다.
  4. components.json 파일을 선택하고 다운로드를 누릅니다.
  5. 텍스트 편집기에서 components.json 파일을 엽니다.
  6. 구성요소 유형 및 ID를 지정할 객체를 추가하고 숨기려는 속성을 true로 설정합니다.
    예를 들어, 다음은 설정 대화상자에서 단추 구성요소의 맞춤, 너비 및 간격 속성을 숨기는 항목입니다.
    "type":"scs-button",
    "id":"scs-button",
    "hideAlignmentAndWidth": true,
    "hideSpacing": true,
    단추 구성요소의 기본 맞춤 및 간격 속성을 무효화하려고 할 때 초기 값을 지정하는 방법을 보여주는 예는 다음과 같습니다.
    "initialData": {
        "alignment": "center",
        "marginTop": 30,
        "marginBottom": 30

    테마에서 사용되는 단추 구성요소의 설정 대화상자에서 기본값을 지정하고 맞춤, 너비 및 간격 옵션을 숨기기 위해 components.json 파일에 입력할 전체 항목은 다음과 같습니다.

    [
        {
            "name": "",
            "list": [
                {
                    "type": "scs-button",
                    "id": "scs-button",
                    "hideAlignmentAndWidth": true,
                    "hideSpacing": true,
                    "initialData": {
                        "alignment": "center",
                        "marginTop": 30,
                        "marginBottom": 30
                    }
                }
            ]
        },
        {
            "name": "Starter",
            "list": [
                {
                    "type": "component",
                    "id": "StarterComponent",
                    "themed": true
                },
                {
                    "type": "component",
                    "id": "StarterFooter",
                    "themed": true
                }
            ]
        }
    ]
  7. 원하는 변경사항을 적용한 후에는 components.json 파일을 새 버전으로 테마에 업로드합니다.