Theme erstellen

Sie können ein neues Theme erstellen, indem Sie ein vorhandenes Theme kopieren und Änderungen an der Kopie vornehmen. Sie können auch Bootstrap-Inhalt in ein neues Theme importieren und dort verwenden.

Hinweis:

Erstellen Sie stets eine Kopie des Themes, und arbeiten Sie mit der Kopie, unabhängig davon, ob Sie ein neues Theme erstellen oder ein vorhandenes Theme aktualisieren. Testen Sie das Theme mit einer Beispielsite oder einer Kopie der echten Site. Beachten Sie, dass Änderungen an einem vorhandenen Theme sofort nach der Veröffentlichung der überarbeiteten Themes auf allen Sites implementiert werden, die das Theme verwenden.

Theme kopieren

Klicken Sie auf der Homepage auf Entwickler.

Die Seite Entwickler wird angezeigt.
Klicken Sie auf Alle Themes anzeigen.

Eine Liste vorhandener Themes wird angezeigt. Sie können steuern, wie Themes angezeigt werden, indem Sie auf das Ansichtssymbol klicken und eine Option in der Liste auswählen.
Wählen Sie ein Theme und dann im Kontextmenü die Option Kopieren aus, oder klicken Sie in der Aktionsleiste auf .

Alle Ordner und Dateien des Themes werden kopiert, einschließlich Beispielseiten und -inhalt.

Hinweis:
Beim Kopieren eines Themes werden Sharing-Informationen nicht kopiert.
Geben Sie einen Namen für das kopierte Theme ein. Sie können keinen Namen verwenden, der von einem anderen Theme verwendet wird.

Sie können nur Buchstaben, Zahlen, Unterstriche (_) und Bindestriche (-) in dem Namen verwenden. Wenn Sie ein Leerzeichen eingeben, wird es automatisch durch einen Bindestrich ersetzt.

Verwenden Sie keinen der folgenden Namen für Vorlagen, Themes, Komponenten, Sites oder Siteseiten: authsite, content, pages, scstemplate_*, _comps, _components, _compsdelivery, _idcservice, _sitescloud, _sitesclouddelivery, _themes, _themesdelivery. Die folgenden Namen dürfen für Siteseiten, jedoch nicht für Vorlagen, Themes, Komponenten oder Sites verwendet werden: documents, sites.
Geben Sie optional eine Beschreibung für das Theme ein.
Klicken Sie auf Kopieren.

In einer Fortschrittsleiste werden der neue Theme-Name und der Status des Kopiervorgangs angezeigt. Wenn das Theme kopiert ist, wird der Name in der Liste der Themes angezeigt. Sie können die Ordner und Dateien prüfen, aus denen das Theme besteht, indem Sie auf den Theme-Namen in der Liste mit Themes klicken.
Synchronisieren Sie die Theme-Ordner und -Dateien über die Oracle Content Management-Desktop-App mit Ihrem lokalen System. So können Sie die lokalen Ordner durchsuchen und direkt mit Dateien arbeiten. Änderungen an einem Theme werden automatisch synchronisiert. Sie können Änderungen mit Ihren bevorzugten HTML-, Code- oder Textbearbeitungstools vornehmen.

Festlegen, ob benutzerdefinierte Stile in einer Site verwendet werden können

Ein Theme-Administrator kann Stile für ein Theme angeben oder die Stile anpassen.

Eine Einstellung in der Datei components.json eines Themes gibt an, ob benutzerdefinierte Stile in Sitebuilder angewendet werden können. So können Sie steuern, dass Sitebeitragende den Stil der Site beibehalten und nicht andere Schriftarten oder Farben verwenden.

So verhindern Sie die Verwendung benutzerdefinierter Stile in einer Site:

Blenden Sie die Option Anpassen im Bereich Einstellungen für Komponenten aus.
Fügen Sie in der Datei components.json für das Theme das folgende Objekt zusammen mit anderen Komponentendefinitionen hinzu:
```
[
    {
        "showStyleClassOnly": "true"
    }
]
```

Passen Sie Symbolleistengruppen und Schaltflächen von CKEditor an, um benutzerdefinierte Stile zu entfernen:

In der Datei components.json für das Theme können Sie die Eigenschaften toolbarGroups und removeButtons von CKEditor angeben, um die Gruppen und Schaltflächen in Gruppen für Title- und Paragraph-Komponenten anzupassen.

Beispiel: Fügen Sie die folgenden Objekte zusammen mit anderen Komponentendefinitionen hinzu, um Stile, Schriftarten und Farben von der Gruppe Styles zu entfernen:

[
    {
        "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"
                }
            }
        ]
    }
]

Verhindern Sie, dass Stile in CKEditor eingefügt werden.
Beim Einfügen werden die konfigurierten Stile und Schaltflächen eingehalten. Beim oben genannten Beispiel wird Font aus den eingefügten Daten entfernt.

Das Verhindern benutzerdefinierter Stile hat die folgenden Auswirkungen:

In allen integrierten Komponenten wird die Option "Anpassen" auf der Registerkarte Stil ausgeblendet.
In CKEditor werden die Symbolleistenschaltflächen für das Festlegen von Stilen ausgeblendet, und die Angabe von Schriftartfamilien, Schriftfarben usw. wird außer Kraft gesetzt.
Außerdem ist es in CKEditor nicht möglich, einen Stil mit eingefügtem Text festzulegen. Fettgedruckter oder kursiver Text ist zulässig.

Komponenten und Abschnittslayouts für ein Theme ausblenden

Sie können Komponenten und Abschnittslayouts ausblenden, damit sie nicht von Siteentwicklern verwendet werden können. Dazu bearbeiten Sie die Datei component.json eines Themes. Das könnte z.B. nützlich sein, um ein konsistentes Look-and-Feel einzuhalten. Siehe Komponenten und Abschnittslayouts für ein Theme ausblenden.

Theme mit einer Site prüfen

Wenn Sie das Theme bearbeitet haben, müssen Sie prüfen, ob alle Elemente wie geplant auf der Site funktionieren.

Stellen Sie sicher, dass Sie die kopierten Ordner und Dateien mit der Oracle Content Management-Desktop-App synchronisiert haben und dass alle Änderungen gespeichert wurden.
Öffnen Sie eine Site (eine Testsite oder eine vorhandene Offlinesite) in Sitebuilder, und wechseln Sie zum neuen Theme.
Testen Sie die Site mit dem Theme, indem Sie Seiten hinzufügen und Einstellungen verwenden, Bilder anzeigen, die Navigation prüfen und alle andern geänderten Elemente im neuen Theme ausprobieren.
Stellen Sie sicher, dass alle Elemente, einschließlich Dateien und Links, korrekt gerendert werden.
Veröffentlichen Sie das Theme, damit die Site die Theme-Änderungen implementiert. Prüfen Sie sie dann in einer Laufzeitumgebung.

Siehe Themes veröffentlichen.

Bootstrap-Theme verwenden

Dank der Ähnlichkeiten zwischen Oracle Content Management-Themes und Bootstrap-Themes können Sie vorhandene Bootstrap-Theme-Seiten und -Inhalte für die Nutzung in einem Oracle Content Management-Theme konvertieren.

Bootstrap ist eine kostenlose Open-Source-Sammlung von Tools für die Erstellung von Websites und Webanwendungen. Sie enthält HTML- und CSS-basierte Designvorlagen für Oberflächenkomponenten und JavaScript-Erweiterungen.

Hierbei befolgen Sie dieselben Anweisungen zum Erstellen eines Themes, arbeiten aber mit Code (in einem beliebigen Editor), um die gewünschten Seiten oder Inhalte aus dem Bootstrap-Theme zu importieren und zu bearbeiten.

In den meisten Fällen benötigen Sie nicht alle Seiten und Inhalte eines Bootstrap-Themes. In der Regel wählen Sie Teile des Themes für die Nutzung in einem Oracle Content Management-Theme aus (unter Umständen nur Teile von einigen Seitenvorlagen). Beispiel: Ein Bootstrap-Theme enthält mehrere Blöcke in den Vorlagen, darunter Header, Navigationsblock, Bodyblock und Footer-Block. Da Bootstrap-Themes als Sammlung von Dateien verfügbar sind, die direkt im Dateisystem angezeigt werden können (ohne einen Webserver), enthalten sie viele Duplikate in jeder Seite. (Das ist erforderlich, weil keine Seitenassemblierungs-Engine beteiligt ist.) Wenn Sie diese Informationen in einem Oracle Content Management-Theme verwenden, müssen Sie diese Teile wiederverwendbaren Oracle Content Management-Seitenvorlagen hinzufügen und anschließend mehrere Seiten aus diesen Vorlagen mit Oracle Content Management dynamisch assemblieren.

Der Navigationsabschnitt ist ein Beispiel für einen Fall, bei dem Sie Informationen zu wiederverwendbaren Vorlagen hinzufügen können. Die Navigation in einem typischen Bootstrap-Theme wird auf allen Seiten dupliziert. Wenn Sie diese Teile jedoch in ein Oracle Content Management-Theme verschieben, müssen Sie JavaScript-Code verwenden, um die Hierarchie der Site dynamisch zu durchlaufen und die Navigationsstrukturen zu generieren. Dann nehmen Sie einfach dieses Skript in alle Seiten auf, damit sie alle die Navigation erhalten. Diese Navigation wird dann angepasst, wenn Seiten zur Site hinzugefügt oder daraus entfernt werden.

Siehe Sitevorlage aus Bootstrap- oder Websitedesignvorlage erstellen.