Téma létrehozása

Egy meglévő téma alapján újat hozhat létre a meglévő téma másolásával és a szükséges változtatások elvégzésével. Bootstrap tartalmat is importálhat és használhat egy új témában.

Megjegyzés:

Akár új témát hoz létre, akár egy meglévő témát módosít, mindig készítsen másolatot a témáról, és azzal dolgozzon. Tesztelje egy mintawebhellyel vagy a valódi webhelye másolatával, hogy meggyőződjön a hibátlan működéséről. Vegye figyelembe, hogy miután közzétette a módosított témát, a meglévő téma módosításai érvénybe lépnek minden olyan webhelyen, amely a témát használja.

Téma másolása

A kezdőlapon kattintson a Fejlesztő gombra.

A Fejlesztő oldal jelenik meg.
Kattintson az Összes téma megtekintése elemre.

Megjelenik a rendelkezésre álló témák listája. Megadhatja a témák megjelenítési módját: ehhez kattintson a nézet ikonra, és válasszon beállítást a listán.
Jelöljön ki egy témát, és a helyi menüből válassza ki a Másolás elemet, vagy a műveletsávon kattintson a ikonra.

A téma összes mappáját és fájlját is átmásolja, beleértve az esetleges mintaoldalakat és azok tartalmát is.

Megjegyzés:
Téma másolásakor a téma megosztási adatai nem lesznek átmásolva.
Adjon nevet az átmásolt témának. Nem használhat egy másik téma által használt nevet.

Csak betűket, számokat, aláhúzásjelet (_) és kötőjelet (-) használhat a névben. Ha szóközt ír be, azt a rendszer automatikusan kötőjelre cseréli.

A következő neveket ne használja sablonokhoz, témákhoz, összetevőkhöz, webhelyekhez vagy webhelyoldalakhoz: authsite, content, pages, scstemplate_*, _comps, _components, _compsdelivery, _idcservice , _sitescloud, _sitesclouddelivery, _themes, _themesdelivery. Bár használhatja a következő neveket weblapokhoz, ne használja ezeket sablonokhoz, témákhoz, összetevőkhöz vagy webhelyekhez: documents, sites.
Ha szükséges, a témához leírás is adható.
Kattintson a Másolás gombra.

A folyamatjelző sáv megjeleníti az új téma nevét és a másolás állapotát. A téma átmásolása után a neve megjelenik a témák listájában. A témát alkotó mappák és fájlok felderíthetők, ha a témák listájában az adott téma nevére kattint.
Az Oracle Content Management asztali alkalmazás segítségével szinkronizálja a téma mappáit és fájljait a helyi rendszerével. Ez lehetővé teszi a helyi mappák böngészését és a fájlok közvetlen használatát. A rendszer automatikusan szinkronizálja a témában végzett változtatásokat. Változtatásokat is végezhet a kedvenc HTML szövegek, programkódok vagy szöveg szerkesztésére szolgáló eszközök segítségével.

Annak beállítása, hogy egyéni stílusok használhatók-e egy webhelyen

A téma rendszergazdája megadhatja a témához tartozó stílusokat vagy egyedivé teheti a stílusokat.

Egy téma components.json fájljában szereplő beállítás meghatározza, hogy használható-e egyéni stílus a Site Builder szolgáltatásban. Ezzel szabályozható, hogy a webhely közreműködője a webhely stílusán belül maradjon annak létrehozásakor, és ne használjon például más betűtípusokat vagy színeket.

Ha nem akarja engedélyezni egyéni stílusok használatát egy webhelyen:

Rejtse el a Testreszabás lehetőséget az összetevők Beállítások paneljén.
A téma components.json fájljában adja hozzá a következő objektumot a többi összetevő-definícióval együtt:
```
[
    {
        "showStyleClassOnly": "true"
    }
]
```

Tegye egyedivé a CKEditor eszköztárának csoportjait és gombjait az egyéni stílus eltávolítása érdekében:

A téma components.json fájljában megadhatja a CKEditor toolbarGroups és removeButtons tulajdonságát, hogy egyedivé tegye a Cím és a Bekezdés összetevőhöz tartozó csoportokat és a csoportokon belüli gombokat.

Adja hozzá például a következő objektumokat a többi összetevő-definícióval együtt, hogy a Stílusok csoportból eltávolíthassa a stílusokat, a betűtípusokat és a színeket:

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

Akadályozza meg a stílusok beillesztését a CKEditor alkalmazásba.
A beillesztés a konfigurált stílusokat és gombokat követi. Az előző példában eltávolítottuk a Betűtípust a beillesztett adatok közül.

Az egyéni stílusok letiltása a következő hatásokkal jár:

Az összes beépített összetevő esetében a Stílus lap elrejti a (o) Testreszabás lehetőséget.
A CKEditor alkalmazásban a stílusok beállítására szolgáló eszköztári gombok el vannak rejtve, valamint a betűcsaládra, a betűtípus színére stb. vonatkozó specifikációk felülíródnak.
Továbbá, a CKEditor alkalmazásban nem lehet beillesztett szöveget tartalmazó stílust beállítani. A félkövér vagy a dőlt formázás engedélyezett.

Témához tartozó összetevők és szakaszelrendezések elrejtése

A component.json fájl szerkesztésével összetevőket és szakaszelrendezéseket rejthet el, így a webhelyek fejlesztői nem használhatják azokat. Ezt például a következetes megjelenítési stílus támogatása érdekében hajthatja végre. Lásd: Témához tartozó összetevők és szakaszelrendezések elrejtése.

A téma ellenőrzése webhellyel

Miután befejezte a téma szerkesztését, ellenőriznie kell, hogy minden része a terv szerint együttműködik-e a webhellyel.

Ellenőrizze, hogy szinkronizálta-e a másolt mappákat és fájlokat az Oracle Content Management asztali alkalmazással, és hogy mentette-e az összes módosítást.
Nyisson meg egy webhelyet (lehet tesztelési vagy meglévő kapcsolat nélküli webhely) a Site Builder alkalmazásban, és állítsa át a webhelyet az új téma használatára.
Tesztelje a webhelyet a témával, ehhez adjon hozzá oldalakat és használjon beállításokat, tekintsen meg képeket, ellenőrizze a navigációt és minden olyan dolgot, amit módosított az új témában.
Ellenőrizze, hogy minden megfelelően jelenik-e meg, beleértve az összes fájlt és hivatkozást is.
Tegye közzé a témát úgy, hogy a webhely megvalósítsa a téma változtatásait, majd ellenőrizze azt egy futásidejű környezetben.

Lásd: Témák közzététele.

Bootstrap téma használata

Az Oracle Content Management témái és a Bootstrap témái közötti hasonlóságok lehetővé teszik a Bootstrap meglévő témaoldalainak és -tartalmának átalakítását úgy, hogy használhatók legyenek egy Oracle Content Management témában.

A Bootstrap a webhelyek és webes alkalmazások létrehozására alkalmas eszközök ingyenes és nyílt forráskódú gyűjteménye. HTML- és CSS-alapú tervezési sablonokat tartalmaz a felületi összetevők és JavaScript-bővítmények számára.

Kövesse ugyanazokat az utasításokat, mint amik a témák létrehozására vonatkoznak, de alkalmazzon kódot (bármelyik Ön által kiválasztott szerkesztőt használva) azoknak az oldalaknak vagy tartalmaknak az importálásához és szerkesztéséhez, amelyeket a Bootstrap témából kíván kiválasztani.

Nem valószínű, hogy egy Bootstrap téma összes oldalát és tartalmát használni fogja. Általában a téma olyan részeit fogja kiválasztani, amelyeket egy Oracle Content Management témában használhat. Lehet, hogy csak néhányat az oldalsablonok közül, illetve csak azok néhány részét. Például: egy Bootstrap téma számos blokkot tartalmaz a sablonokban, például fejlécblokkot, navigációs blokkot, törzsblokkot és láblécblokkot. Mivel a Bootstrap témákat olyan fájlok gyűjteményeként szállítják, amelyek a fájlrendszerből közvetlenül (webkiszolgáló nélkül) megtekinthetők, sok ismétlődést tartalmaznak az egyes oldalakon (erre azért van szükség, mert a rendszer nem tartalmaz oldal-összeállító vezérlőprogramot). Amikor egy Oracle Content Management témában használja ezeket az adatokat, ezeket a részeket hozzá kell adnia az újrafelhasználható Oracle Content Management oldalsablonokhoz, majd az Oracle Content Management segítségével dinamikusan össze kell állítania több oldalt az adott sablonokból.

Az adatoknak újrahasználható sablonokhoz adására jó példa a navigációs szakasz. Egy jellegzetes Bootstrap témában a navigáció minden oldalon ismétlődik, de ha áthelyezi egy Oracle Content Management témába, JavaScript kódot kell használnia ahhoz, hogy dinamikusan navigálhasson a webhely-hierarchiában, és létrehozhassa a navigációs struktúrákat. Utána csak alkalmazza az adott parancsfájlt minden oldalon, és mind megkapja a navigációt, ami az oldalak webhelyhez adásának vagy a webhelyről való eltávolításának megfelelően változik.

Lásd: Webhelysablon létrehozása Bootstrap vagy Website Design sablonból.