테마 생성

기존 테마를 복사하고 사본을 변경하여 새 테마를 생성할 수 있습니다. Bootstrap 콘텐츠를 임포트하여 새 테마에서 사용할 수도 있습니다.

주:

새 테마를 생성하든 기존 테마를 업데이트하든, 항상 테마의 사본을 만들어서 사본에 작업하십시오. 샘플 사이트 또는 실제 사이트 사본으로 테스트하여 올바로 작동하는지 확인합니다. 기존 테마에 대한 변경사항은 수정된 테마가 게시된 후 즉시 테마를 사용하는 모든 사이트에서 구현됩니다.

테마 복사

홈 페이지에서 개발자를 누릅니다.

개발자 페이지가 표시됩니다.
모든 테마 보기를 누릅니다.

기존 테마 목록이 표시됩니다. 보기 아이콘을 누르고 목록에서 옵션을 선택하여 테마가 표시되는 방법을 제어할 수 있습니다.
테마를 선택하고 마우스 오른쪽 단추 누르기 메뉴에서 복사를 선택하거나 작업 모음에서 을 누릅니다.

샘플 페이지 및 콘텐츠를 포함한 테마의 모든 폴더 및 파일이 복사됩니다.

주:
테마를 복사할 때 테마 공유 정보는 복사되지 않습니다.
복사된 테마의 이름을 입력합니다. 다른 테마에 사용되는 이름은 사용할 수 없습니다.

문자, 숫자, 밑줄(_), 하이픈(-)을 이름에 사용할 수 있습니다. 공백을 입력하면 자동으로 하이픈으로 바뀝니다.

템플리트, 테마, 구성요소, 사이트 또는 사이트 페이지에 다음 이름을 사용하지 마십시오: authsite, content, pages, scstemplate_*, _comps, _components, _compsdelivery, _idcservice, _sitescloud, _sitesclouddelivery, _themes, _themesdelivery. 사이트 페이지에는 다음 이름을 사용할 수 있지만 템플리트, 테마, 구성요소 또는 사이트에는 사용하지 마십시오: documents, sites.
선택적으로 테마에 대한 설명을 입력합니다.
복사를 누릅니다.

진행률 표시줄에 새 테마 이름 및 복사 상태가 표시됩니다. 테마가 복사되면 테마 목록에 이름이 나타납니다. 테마 목록에서 테마 이름을 눌러 테마를 구성하는 폴더 및 파일을 탐색할 수 있습니다.
Oracle Content Management 데스크톱 앱을 사용하여 테마 폴더 및 파일을 로컬 시스템과 동기화합니다. 그러면 로컬 폴더를 찾아보고 파일로 직접 작업할 수 있습니다. 테마에 대한 변경사항은 자동으로 동기화됩니다. 즐겨찾는 HTML, 코드 또는 텍스트 편집 도구를 사용하여 내용을 변경할 수 있습니다.

사용자정의 스타일을 사이트에 사용할 수 있는지 여부 설정

테마 관리자는 테마와 어울리는 스타일을 지정하거나, 스타일을 사용자정의할 수 있습니다.

테마의 components.json 파일 설정은 사이트 작성기에서 사용자정의 스타일을 지정할 수 있는지 여부를 지정합니다. 사이트 제공자가 사이트를 구축할 때 스타일을 유지하고 다른 글꼴과 색상을 사용하지 않도록 제어하기 위한 것입니다.

사이트에서 사용자정의 스타일 사용을 허용하지 않으려면 다음과 같이 하십시오.

구성요소의 설정 패널에서 사용자정의 옵션을 숨깁니다.
테마의 components.json 파일에서 다음 객체를 다른 구성요소 정의와 함께 추가합니다.
```
[
    {
        "showStyleClassOnly": "true"
    }
]
```

CKEditor의 도구모음 그룹 및 단추를 사용자정의하여 사용자정의 스타일을 제거합니다.

테마의 components.json 파일에서 CKEditor의 toolbarGroups 및 removeButtons 속성을 지정하여 Title 및 Paragraph 구성요소에 대한 그룹과 그룹 내의 단추를 사용자정의할 수 있습니다.

예를 들어, 다음 객체를 다른 구성요소 정의와 함께 추가하여 Styles 그룹에서 스타일, 글꼴 및 색상을 제거합니다.

[
    {
        "name": "",
        "list": [
            {
                "type": "scs-title",
                "id": "scs-title",
                "config": {
                    "toolbarGroups": [
                        {
                            "name": "basicstyles",
                            "groups": ["basicstyles"]
                        },
                        {
                            "name": "styles",
                            "groups": ["styles"]
                        },
                        {
                            "name": "colors",
                            "groups": ["colors"]
                        },
                        "/",
                        {
                            "name": "undo",
                            "groups": ["undo"]
                        },
                        {
                            "name": "links",
                            "groups": ["links"]
                        },
                        {
                            "name": "paragraph",
                            "groups": ["list", "indent"]
                        },
                        {
                            "name": "align",
                            "groups": ["align"]
                        },
                        {
                            "name": "cleanup",
                            "groups": ["cleanup"]
                        }
                    ],
                    "removeButtons": "Styles,Subscript,Superscript,Strike,Anchor,Blockquote,Link,Unlink,Font,TextColor,BGColor"
                }
            },
            {
                "type": "scs-paragraph",
                "id": "scs-paragraph",
                "config": {
                    "toolbarGroups": [
                        {
                            "name": "basicstyles",
                            "groups": ["basicstyles"]
                        },
                        {
                            "name": "styles",
                            "groups": ["styles"]
                        },
                        {
                            "name": "colors",
                            "groups": ["colors"]
                        },
                        "/",
                        {
                            "name": "undo",
                            "groups": ["undo"]
                        },
                        {
                            "name": "links",
                            "groups": ["links"]
                        },
                        {
                            "name": "paragraph",
                            "groups": ["list", "indent"]
                        },
                        {
                            "name": "align",
                            "groups": ["align"]
                        },
                        {
                            "name": "insert",
                            "groups": ["image", "table"]
                        },
                        {
                            "name": "cleanup",
                            "groups": ["cleanup"]
                        }
                    ],
                    "removeButtons": "Styles,Subscript,Superscript,Strike,Anchor,Blockquote,Link,Unlink,Font,TextColor,BGColor"
                }
            }
        ]
    }
]

스타일을 CKEditor로 붙여넣지 못하게 합니다.
붙여넣기하면 구성된 스타일 및 단추가 따라옵니다. 앞의 예제에서는 붙여넣은 데이터에서 Font가 제거됩니다.

사용자정의 스타일을 허용하지 않으면 다음 효과가 있습니다.

모든 내장 구성요소에서 스타일 탭에 (o) 사용자정의 옵션이 숨겨집니다.
CKEditor에서 스타일 설정을 위한 도구모음 단추가 숨겨지고 글꼴 모음, 글꼴 색상 등의 지정이 무효화됩니다.
또한 CKEditor에서 붙여넣은 텍스트에 스타일 설정이 불가능해야 합니다. 굵은체 또는 기울임꼴은 허용됩니다.

테마에 대한 구성요소 및 섹션 레이아웃 숨기기

테마의 component.json 파일을 편집하여 사이트 개발자가 구성요소 및 섹션 레이아웃을 사용하지 못하도록 숨길 수 있습니다. 일관된 모양을 승격하기 위해 이 작업을 수행하고자 할 수 있습니다. 테마에 대한 구성요소 및 섹션 레이아웃 숨기기를 참조하십시오.

사이트에서 테마 확인

테마 편집을 완료한 후 모든 부분이 계획대로 사이트와 함께 작동하는지 확인해야 합니다.

복사한 폴더 및 파일이 Oracle Content Management 데스크톱 앱과 동기화되었고 모든 수정사항이 저장되었는지 확인합니다.
사이트 작성기에서 사이트(테스트 또는 기존 오프라인 사이트 가능)를 열고 새 테마를 사용하도록 사이트를 전환합니다.
페이지를 추가하고 설정을 사용하고 이미지를 보고 탐색을 확인하고 그 밖에 새 테마에서 변경한 내용을 확인하여 사이트에서 테마를 테스트합니다.
모든 파일 및 링크를 포함한 모든 것이 올바르게 렌더링되는지 확인합니다.
사이트가 테마 변경사항을 구현하도록 테마를 게시하고 런타임 환경에서 확인합니다.

테마 게시를 참조하십시오.

Bootstrap 테마 사용

Oracle Content Management 테마와 Bootstrap 테마 간의 유사점 덕분에, 기존 Bootstrap 테마 페이지 및 콘텐츠를 변환하여 Oracle Content Management 테마에서 사용할 수 있습니다.

Bootstrap은 웹 사이트와 웹 애플리케이션 생성을 위한 무료 오픈 소스 도구 모음입니다. 인터페이스 구성요소 및 JavaScript 확장을 위한 HTML 및 CSS 기반의 디자인 템플리트를 포함합니다.

테마를 생성할 때와 동일한 지침을 따르지만, 선택한 편집기를 사용하여 코드 작업으로 Bootstrap 테마에서 원하는 페이지나 콘텐츠를 임포트하여 편집할 수 있습니다.

모든 페이지와 콘텐츠에 모든 Bootstrap 테마를 사용하지는 않습니다. 일반적으로 Oracle Content Management 테마에 사용할 테마의 일부를 선택하고 몇몇 페이지 템플리트와 그들 중 일부만 선택하게 됩니다. 예를 들어, Bootstrap 테마에는 머리글, 탐색 블록, 본문 블록, 바닥글 블록을 비롯한 여러 블록이 템플리트 내에 포함됩니다. Bootstrap 테마는 웹 서버 없이 파일 시스템에서 직접 볼 수 있는 파일 모음으로 제공되기 때문에 각 페이지 내에 많은 중복이 포함됩니다(관련된 페이지 어셈블리 엔진이 없기 때문). Oracle Content Management 테마에서 이 정보를 사용할 때 해당 부분을 가져와서 재사용 가능한 Oracle Content Management 페이지 템플리트에 추가한 다음, Oracle Content Management를 사용하여 해당 템플리트의 여러 페이지를 동적으로 어셈블해야 합니다.

재사용 가능한 템플리트에 정보를 추가하는 한 가지 예는 탐색 섹션입니다. 일반적인 Bootstrap 테마의 탐색은 모든 페이지에 중복되지만, Oracle Content Management 테마로 이동할 때는 JavaScript 코드를 사용하여 사이트 계층을 동적으로 순회하고 탐색 구조를 생성해야 합니다. 그런 다음 해당 스크립트를 모든 페이지에 포함시키면 모두 탐색을 얻고, 사이트에서 페이지를 추가하거나 제거할 때 해당 탐색이 조정됩니다.

Bootstrap 또는 웹 사이트 디자인 템플리트에서 사이트 템플리트 생성을 참조하십시오.