Vytvoření tématu

Nové téma lze vytvořit zkopírováním již vytvořeného tématu a následným provedením změn v jeho kopii. Můžete také importovat a použít obsah prostředí Bootstrap v novém tématu.

Poznámka:

Ať už vytváříte nové téma, nebo aktualizujete existující téma, vždy si vytvořte kopii tématu a pracujte s kopií. Otestujte jej pomocí ukázkového webu nebo kopie skutečného webu, abyste se ujistili, že funguje správně. Mějte na paměti, že změny provedené pro existující téma budou implementovány na všech webech, které toto téma používají, ihned po publikování revidovaného tématu.

Kopírování tématu

Na domovské stránce klikněte na položku Vývojář.

Zobrazí se stránka Vývojář.
Klikněte na volbu Zobrazit všechna témata.

Zobrazí se seznam existujících témat. Způsob zobrazení témat můžete ovládat kliknutím na ikonu zobrazení a výběrem volby ze seznamu.
Vyberte motiv a v místní nabídce vyberte položku Kopírovat nebo klikněte na ikonu v pruhu akcí.

Zkopírují se všechny složky a soubory tématu, včetně veškerých ukázkových stránek a obsahu.

Poznámka:
Nedojde však ke zkopírování informací o sdílení motivu.
Zadejte název kopie motivu. Nelze použít název používaný jiným tématem.

V názvu můžete použít písmena, číslice, podtržítka (_) a spojovníky (-). Pokud zadáte mezeru, automaticky se nahradí spojovníkem.

Pro šablony, témata, komponenty, weby a stránky webů nepoužívejte následující názvy: authsite, content, pages, scstemplate_*, _comps, _components, _compsdelivery, _idcservice , _sitescloud, _sitesclouddelivery, _themes, _themesdelivery. Ačkoli můžete použít následující názvy pro stránky webů, nepoužívejte je pro šablony, témata, komponenty nebo weby: documents, sites.
Můžete také zadat popis tématu.
Klikněte na tlačítko Kopírovat.

V indikátor průběhu kopírování se zobrazí i název nového motivu. Po úspěšném zkopírování motivu se jeho název zobrazí v seznamu. Kliknutím na název tématu v seznamu témat můžete prozkoumat složky a soubory, které tvoří téma.
Pomocí aplikace Oracle Content Management pro stolní počítače synchronizujte složky a soubory tématu s místním systémem. To vám umožní procházet místní složky a pracovat přímo se soubory. Změny, které provedete v tématu, se automaticky synchronizují. Můžete provádět změny pomocí svých oblíbených nástrojů pro úpravy HTML, kódu nebo textu.

Povolení používání vlastních stylů na webu

Správce témat může zvolit styly poskytované s tématem nebo může styly upravit.

Určité nastavení v souboru components.json tématu stanoví, zda je možné v nástroji Site Builder používat vlastní styly. Tím je možné zajistit, aby přispěvatel webu při sestavování zachoval styl webu a nepoužíval například jiná písma a barvy.

Pokud chcete zabránit používání vlastních stylů na webu:

Skryjte volbu Přizpůsobit na panelu Nastavení pro komponenty.
Do souboru components.json pro téma přidejte následující objekt společně s definicemi dalších komponent:
```
[
    {
        "showStyleClassOnly": "true"
    }
]
```

Přizpůsobte skupiny panelů nástrojů a tlačítka editoru CKEditor pro odebírání vlastních stylů:

V souboru components.json pro dané téma můžete určit vlastnosti toolbarGroups a removeButtons editoru CKEditor, a přizpůsobit tak skupiny a tlačítka ve skupinách pro komponenty Title a Paragraph.

Pokud chcete například odebrat styly, písmo a barvy ze skupiny Styles, přidejte společně s definicemi dalších komponent následující objekty:

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

Zabraňte vložení stylů do editoru CKEditor.
Vkládání se řídí konfigurací stylů a tlačítek. V předchozím příkladu je z vkládaných dat odebrán parametr Font.

Nepovolení vlastních stylů má následující dopad:

Pro všechny vestavěné komponenty se na kartě Styl skryje volba (o) Přizpůsobit.
V editoru CKEditor jsou tlačítka panelu nástrojů pro nastavení stylů skryta a nastavení rodiny písem, barvy písma a další jsou přepsána.
V editoru CKEditor by také nemělo být možné nastavit styl pomocí vloženého textu. Tučné písmo a kurzíva budou povoleny.

Skrytí komponent a rozvržení sekcí pro téma

Komponenty a rozvržení sekcí můžete skrýt, abyste vývojáři webu zabránili v jejich použití úpravou v souboru component.json tématu. Důvodem pro vás může být zajištění jednotného vzhledu. Viz Skrytí komponent a rozvržení sekcí pro téma.

Ověření tématu pomocí webu

Po dokončení úprav tématu musíte zkontrolovat, zda všechny prvky spolupracují s webem plánovaným způsobem.

Nezapomeňte synchronizovat zkopírované složky a soubory s aplikací Oracle Content Management pro stolní počítače a uložit všechny provedené změny.
Otevřete web (může se jednat o testovací web nebo existující web ve stavu offline) v nástroji Site Builder a přepněte jej tak, aby používal nové téma.
Proveďte test webu s tématem přidáním stránek a použitím nastavení, zobrazením obrázků, kontrolou navigace a všeho ostatního, co jste v novém tématu změnili.
Zkontrolujte, zda se vše generuje správně, včetně všech souborů a odkazů.
Publikujte téma, aby web implementoval změny tématu, a poté proveďte kontrolu v běhovém prostředí.

Viz Publikování témat.

Používání tématu z prostředí Bootstrap

Vzájemná podobnost témat ze služby Oracle Content Management a prostředí Bootstrap umožňuje převádět stávající stránky témat a obsah z prostředí Bootstrap pro použití v tématu služby Oracle Content Management.

Bootstrap je zdarma poskytovaná kolekce nástrojů s otevřeným zdrojovým kódem pro vytváření webů a webových aplikací. Obsahuje šablony návrhů založené na HTML a CSS pro komponenty rozhraní a rozšíření v jazyku JavaScript.

Při vytváření tématu můžete postupovat podle stejných pokynů, ale při importu nebo úpravách libovolných požadovaných stránek nebo obsahu z tématu z prostředí Bootstrap je nutné pracovat s kódem (pomocí libovolného, vámi zvoleného editoru).

Je nepravděpodobné, že byste použili celé téma z prostředí Bootstrap se všemi jeho stránkami a obsahem. Obvykle k použití v tématu služby Oracle Content Management vyberete určité části tématu z prostředí Bootstrap, možná pouze několik šablon stránek a jen některé jejich části. Téma z prostředí Bootstrap například obsahuje v šablonách několik bloků, včetně záhlaví, navigačního bloku, bloku základní části a bloku zápatí. Vzhledem ke způsobu, jakým jsou témata z prostředí Bootstrap dodávána jako kolekce souborů, které lze zobrazit přímo ze systému souborů (bez webového serveru), obsahují na každé stránce mnoho duplikací (to je způsobeno tím, že není zahrnut žádný modul pro sestavování stránek). Když tyto informace použijete v tématu služby Oracle Content Management, je třeba tyto části přidat do opakovatelně použitelných šablon stránek Oracle Content Management a poté použít službu Oracle Content Management k dynamickému sestavování více stránek z těchto šablon.

Jedním příkladem přidání informací do opakovaně použitelných šablon je navigační sekce. Navigace v typickém tématu z prostředí Bootstrap je duplikována na všech stránkách, ale když ji přesunete do tématu služby Oracle Content Management, musíte použít kód v jazyku JavaScript k dynamickému procházení hierarchie webu a ke generování navigačních struktur. Poté tento skript pouze začleníte na všechny stránky, které tak získají navigaci. Navigace se přizpůsobí přidávání stránek na web nebo jejich odebírání z webu.

Viz Vytvoření šablony webu z prostředí Bootstrap nebo šablony návrhu webu.