Vytvorenie motívu

Nový motív môžete vytvoriť skopírovaním existujúceho motívu a vykonaním zmien v kópii. Môžete tiež importovať a použiť obsah motívu Bootstrap v novom motíve.

Poznámka:

Bez ohľadu na to, či vytvárate nový motív alebo aktualizujete existujúci, vždy si vytvorte kópiu motívu a pracujte s ňou. Motív otestujte použitím vzorovej lokality alebo kópie skutočnej lokality a uistite sa, že funguje správne. Nezabúdajte, že zmeny vykonané v existujúcom motíve sa implementujú na všetky lokality používajúce daný motív okamžite po publikovaní revidovaného motívu.

Kopírovanie motívu

  1. Na domovskej stránke kliknite na položku Vývojár.

    Zobrazí sa stránka Vývojár.

  2. Kliknite na položku Zobraziť všetky motívy.

    Zobrazí sa zoznam existujúcich motívov. Zobrazenie motívov môžete určovať tak, že kliknete na ikonu zobrazenia a vyberiete niektorú voľbu zo zoznamu.

  3. Vyberte motív a v kontextovej ponuke vyberte položku Kopírovať alebo kliknite na ikonu Ikona Kopírovať na paneli akcií.

    Skopírujú sa všetky priečinky a súbory motívu vrátane všetkých vzorových stránok a obsahu.

    Poznámka:

    Keď skopírujete motív, informácie o zdieľaní motívu sa neskopírujú.
  4. Zadajte názov kopírovaného motívu. Nemôžete použiť názov, ktorý už používa iný motív.

    V názve môžete použiť písmená, číslice, znaky podčiarknutia (_) a spojovníky (-). Ak zadáte medzeru, automaticky sa nahradí spojovníkom.

    Pre šablóny, motívy, komponenty, lokality alebo stránky lokalít nepoužívajte nasledujúce názvy: authsite, content, pages, scstemplate_*, _comps, _components, _compsdelivery, _idcservice, _sitescloud, _sitesclouddelivery, _themes, _themesdelivery. Nasledujúce názvy môžete používať pre stránky lokalít, ale nie pre šablóny, motívy, komponenty ani pre lokality: documents, sites.

  5. Voliteľne zadajte popis motívu.

  6. Kliknite na položku Kopírovať.

    Indikátor priebehu zobrazí názov nového motívu a stav kopírovania. Keď sa motív skopíruje, názov sa zobrazí v zozname motívov. Kliknutím na názov motívu v zozname motívov môžete preskúmať priečinky a súbory, ktoré tvoria motív.

  7. Pomocou počítačovej aplikácie Oracle Content Management synchronizujte priečinky a súbory motívu s lokálnym systémom. Umožní vám to prehľadávať lokálne priečinky a pracovať priamo so súbormi. Zmeny, ktoré vykonáte v motíve, sa automaticky synchronizujú. Zmeny môžete vykonávať pomocou obľúbených nástrojov na úpravu jazyka HTML, kódu alebo textu.

Nastavenie možnosti používania vlastných štýlov na lokalite

Administrátor motívov môže určiť štýly, ktoré sú súčasťou motívu, alebo ich môže prispôsobiť.

Nastavenie v súbore components.json motívu určuje, či sa v generátore lokalít môžu používať vlastné štýly. Umožňuje to zabezpečiť, aby prispievateľ lokality používal pri jej zostavovaní len požadovaný štýl, a nie napríklad iné písma a farby.

Ako zabrániť používaniu vlastných štýlov na lokalite:

  1. Skryte voľbu Prispôsobiť na paneli Nastavenia pre komponenty.

    Do súboru components.json motívu pridajte nasledujúci objekt spolu s definíciami ďalších komponentov:

    [
        {
            "showStyleClassOnly": "true"
        }
    ]
  2. Prispôsobením skupín a tlačidiel na paneli s nástrojmi editora CKEditor odstráňte vlastné štýly:

    V súbore components.json motívu môžete zadaním vlastností toolbarGroups a removeButtons editora CKEditor prispôsobiť skupiny a tlačidlá v skupinách pre komponenty Nadpis a Odsek.

    Môžete napríklad pridať nasledujúce objekty spolu s definíciami ďalších komponentov a odstrániť tak štýly, písmo a farby zo skupiny Štýly:

    [
        {
            "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"
                    }
                }
            ]
        }
    ]
  3. Zabráňte prilepovaniu štýlov do editora CKEditor.

    Pri prilepovaní sa používajú nakonfigurované štýly a tlačidlá. V predchádzajúcom príklade sa z prilepených dát odstráni písmo.

Nepovolenie vlastných štýlov má nasledujúce dopady:
  • Vo všetkých vstavaných komponentoch sa na karte Štýl skryje voľba (o) Prispôsobiť.
  • V editore CKEditor sa na paneli s nástrojmi skryjú tlačidlá na nastavenie štýlov a prepíše sa špecifikácia rodiny písiem, farby písma a ďalších vlastností.
  • V editore CKEditor by takisto nemalo byť možné nastaviť štýl pomocou prilepeného textu. Tučné písmo a kurzíva budú povolené.

Skrytie komponentov a rozložení sekcie pre motív

Úpravou súboru component.json motívu môžete skryť komponenty a rozloženia sekcií, aby ich vývojári lokality nemohli použiť. Môžete tak zabezpečiť konzistentný vzhľad a funkčnosť lokalít. Pozrite si časť Skrytie komponentov a rozložení sekcie pre motív.

Overenie motívu na lokalite

Po dokončení úprav motívu je potrebné skontrolovať, či všetky jeho súčasti fungujú na lokalite tak, ako ste to plánovali.

  1. Nezabudnite synchronizovať skopírované priečinky a súbory pomocou počítačovej aplikácie Oracle Content Management a uložiť všetky modifikácie.

  2. Otvorte lokalitu (môže to byť testovacia alebo existujúca offline lokalita) v generátore lokalít a prepnite lokalitu na nový motív.

  3. Otestujte lokalitu s motívom pridaním stránok a použitím nastavení, zobrazením obrázkov, kontrolou navigácie a overením všetkých zmenených prvkov nového motívu.

  4. Skontrolujte, či sa všetko vykresľuje správne, vrátane všetkých súborov a prepojení.

  5. Publikujte motív, aby sa jeho zmeny implementovali na lokalite, a potom ho skontrolujte počas behu.

Pozrite si časť Publikovanie motívov.

Používanie motívu Bootstrap

Podobnosti medzi motívmi služby Oracle Content Management a motívmi Bootstrap umožňujú skonvertovať stránky a obsah existujúceho motívu Bootstrap na používanie v motíve Oracle Content Management.

Bootstrap je bezplatná kolekcia nástrojov s otvoreným zdrojom na vytváranie webových lokalít a aplikácií. Obsahuje šablóny návrhov vo formátoch HTML a CSS pre komponenty rozhrania a rozšírenia JavaScript.

Pri vytváraní motívu sa postupuje podľa rovnakých pokynov, pri importovaní a úprave požadovaných stránok alebo obsahu z motívu Bootstrap sa však pracuje s kódom (pomocou ľubovoľného editora).

Je nepravdepodobné, že by ste použili celý motív Bootstrap so všetkými jeho stránkami a obsahom. Zvyčajne si vyberiete len časti motívu, ktoré sa majú používať v motíve služby Oracle Content Management, možno len niekoľko šablón stránok a len niektoré ich časti. Motív Bootstrap napríklad obsahuje v rámci šablón niekoľko blokov vrátane hlavičky, bloku navigácie, bloku tela a bloku päty. Keďže motívy Bootstrap sa dodávajú ako kolekcia súborov, ktoré možno zobraziť priamo v systéme súborov (bez webového servera), jednotlivé stránky majú množstvo duplicitného obsahu (musia mať, pretože sa nepoužíva žiadny mechanizmus na zostavovanie stránok). Keď tieto informácie použijete v motíve služby Oracle Content Management, tieto časti je potrebné pridať do opakovane použiteľných šablón stránok služby Oracle Content Management a potom z týchto šablón dynamicky zostaviť viaceré stránky pomocou služby Oracle Content Management.

Jedným z príkladov pridania informácií do opakovane použiteľných šablón je sekcia navigácie. Navigácia v typickom motíve Bootstrap je duplikovaná na všetkých stránkach, keď ju však presuniete do motívu služby Oracle Content Management, pomocou kódu JavaScript je potrebné dynamicky prejsť hierarchiou lokality a vygenerovať štruktúry navigácie. Tento skript potom pridáte na všetky stránky, ktoré tak získajú navigáciu. Pri pridávaní stránok na lokalitu alebo ich odstraňovaní sa bude navigácia automaticky prispôsobovať.

Pozrite si časť Vytvorenie šablóny lokality zo šablóny Bootstrap alebo šablóny návrhu webovej lokality.