Создание темы

Новую тему можно создать, скопировав и изменив существующую тему. В новой теме также можно импортировать и использовать контент Bootstrap.

Примечание.:

И при создании новой темы, и при обновлении существующей темы, всегда следует сделать копию темы и работать с копией. Протестируйте ее на примере сайта или скопируйте свой реальный сайт, чтобы убедиться, что он работает правильно. Обратите внимание, что изменения, внесенные в существующую тему, будут применены на всех сайтах, использующих эту тему, сразу после публикации измененной темы.

Копирование темы

На домашней странице нажмите Разработчик.

Отображается страница Разработчик.
Нажмите Просмотреть все темы.

Отображается список существующих тем. Можно управлять отображением тем, нажав на значок представления и выбрав нужный параметр в списке.
Выберите тему и выберите Копировать в контекстном меню или нажмите на панели действий.

Копируются все папки и файлы темы, в том числе образцы страниц и контента.

Примечание.:
При копировании темы ее совместно используемая информация не копируется.
Введите имя скопированной темы. Невозможно использовать имя другой темы.

В имени можно использовать буквы, цифры, символы подчеркивания (_) и дефисы (-). Введенный пробел автоматически заменяется дефисом.

Не используйте для шаблонов, тем, компонентов, сайтов и страниц сайтов следующие имена: authsite, content, pages, scstemplate_*, _comps, _components, _compsdelivery, _idcservice, _sitescloud, _sitesclouddelivery, _themes, _themesdelivery. Следующие имена можно использовать только для страниц сайтов (не для шаблонов, тем, компонентов и сайтов): documents, sites.
Дополнительно можно ввести описание темы.
Нажмите Копировать.

В индикаторе выполнения отображается имя новой темы и статус копирования. После копирования темы ее имя появляется в списке тем. Папки и файлы, составляющие тему, можно просмотреть, щелкнув имя темы в списке тем.
Используйте настольное приложение Oracle Content Management, чтобы синхронизировать папки и файлы темы с локальной системой. Это позволяет просматривать локальные папки и работать непосредственно с файлами. Изменения, внесенные в тему, синхронизируются автоматически. Изменения можно внести с помощью предпочтительных инструментов редактирования HTML, кода или текста.

Указание возможности использования пользовательских стилей на сайте

Администратор тем может указать стили, которые поставляются с темой, или настроить стили.

Настройка в файле components.json темы указывает возможность использования пользовательских стилей в средстве Site Builder. Это необходимо для контроля того, что соавтор сайта сохраняет в стиле сайта при его создании и не использует, например другие шрифты и цвета.

Чтобы запретить использование пользовательских стилей на сайте, выполните указанные ниже действия.

Скройте параметр Настроить на панели Настройки для компонентов.
В файле components.json для темы вместе с другими определениями компонентов добавьте следующий объект:
```
[
    {
        "showStyleClassOnly": "true"
    }
]
```

Настройте группы и кнопки панелей инструментов в CKEditor для удаления пользовательского стиля:

В файле components.json для темы можно указать свойства toolbarGroups и removeButtons для CKEditor, чтобы настроить группы и кнопки в группах для компонентов 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.

Запрет использования пользовательских стилей проявляется следующим образом:

Во всех встроенных компонентах на вкладке Стиль скрыт пункт "Настроить".
В CKEditor кнопки панели инструментов для настройки стилей скрыты, а спецификация семейства шрифтов, цвет шрифта и т. д. переопределены.
Кроме того, редактор CKEditor не должен позволять задавать стиль со вставленным текстом. Допускается использование полужирного шрифта или курсива.

Скрытие компонентов и макетов разделов для темы

Изменив файл component.json темы, можно скрыть компоненты и макеты разделов, чтобы предотвратить их использование разработчиком сайта. Возможно, вы захотите сделать это, чтобы обеспечить общий вид. См. Скрытие компонентов и макетов разделов для темы.

Проверка темы с помощью сайта

После завершения редактирования темы необходимо убедиться, что все элементы работают с сайтом согласно плану.

Убедитесь, что скопированные папки и файлы синхронизированы с настольным приложением Oracle Content Management, а все изменения сохранены.
Откройте сайт (это может быть тестовый или существующий автономный сайт) в Site Builder и переключите сайт на использование новой темы.
Протестируйте сайт с этой темой, добавляя страницы и используя настройки, просматривая изображения, проверяя навигацию и любые другие элементы, которые были изменены в новой теме.
Убедитесь, что все изображения отображаются правильно, включая все файлы и ссылки.
Опубликуйте тему, чтобы сайт реализовал изменения темы, затем зарегистрируйте ее в среде выполнения.

См. Публикация тем.

Использование темы Bootstrap

Сходства между темами Oracle Content Management и темами Bootstrap позволяют преобразовать существующие страницы и контент с темой Bootstrap для использования в теме Oracle Content Management.

Bootstrap — это бесплатный набор инструментов с открытым исходным кодом для создания веб-сайтов и веб-приложений. Он содержит шаблоны проектирования на основе HTML и CSS для компонентов интерфейса и расширений JavaScript.

Выполняются те же инструкции по созданию темы, но приходится работать с кодом (с помощью любого выбранного редактора), чтобы импортировать и редактировать любые нужные страницы или контент из темы Bootstrap.

Маловероятно применение всех возможностей темы Bootstrap ко всем страницам и контенту, где она используется. Как правило, для использования в теме Oracle Content Management выбираются некоторые части темы, возможно, только некоторые шаблоны страниц или лишь некоторые их части. Например, тема Bootstrap содержит несколько блоков внутри шаблонов, включая верхний колонтитул, блок навигации, блок тела и блок нижнего колонтитула. Так как темы Bootstrap поставляются как набор файлов, которые можно просматривать непосредственно в файловой системе (без веб-сервера), они содержат много дублирующихся фрагментов на каждой странице (это обусловлено отсутствием механизма сборки страниц). При использовании этой информации в теме Oracle Content Management необходимо взять эти части и добавить в многократно используемые шаблоны страниц Oracle Content Management, а затем использовать Oracle Content Management для динамической сборки нескольких страниц на основе этих шаблонов.

Один из примеров добавления информации в многократно используемые шаблоны — раздел навигации. Система навигации в типичной теме Bootstrap дублируется на всех страницах, но при перемещении в тему Oracle Content Management необходимо использовать код JavaScript, который динамически перемещается по иерархии сайта и создает структуры навигации. Затем этот сценарий просто включается во все страницы и все они получат систему навигации, а эта система навигация адаптируется при добавлении страниц на сайт или удалении из него.

См. Создание шаблона сайта на основе шаблона Bootstrap или шаблона разработки веб-сайтов.