Oprette et tema

Du kan oprette et nyt tema ved at kopiere et eksisterende tema og ændre kopien. Du kan også importere og bruge Bootstrap-indhold i et nyt tema.

Bemærk:

Uanset om du opretter et nyt tema eller foretager opdateringer sf et eksisterende tema, skal du altid oprette en kopi af temaet og arbejde med kopien. Test det med et eksempelsite eller en kopi af dit virkelige site for at sikre, at det virker korrekt. Bemærk, at ændringer af et eksisterende tema vil blive implementeret på alle sites, der bruger temaet, straks efter publiceringen af det reviderede tema.

Kopiere et tema

Klik på Udvikler på startsiden.

Siden Udvikler vises.
Klik på Vis alle temaer.

Der vises en liste over eksisterende temaer. Du kan styre, hvordan temaer vises, ved at klikke på ikonet Vis og angive et valg på listen.
Vælg et tema, og vælg Kopier i genvejsmenuen, eller klik på på handlingslinjen.

Alle temaets mapper og filer kopieres, herunder eksempelsider og -indhold.

Bemærk:
Når du kopierer et tema, kopieres temaets oplysninger om deling ikke.
Indtast et navn til det kopierede tema. Du kan ikke bruge et navn, der bruges af et andet tema.

Du kan bruge bogstaver, tal, understregningstegn (_) og bindestreger (-) i sitets navn. Hvis du indsætter et mellemrum, erstattes det automatisk af en bindestreg.

Brug ikke følgende navne til skabeloner, temaer, komponenter, sites eller sitesider: authsite, content, pages, scstemplate_*, _comps, _components, _compsdelivery, _idcservice , _sitescloud, _sitesclouddelivery, _themes, _themesdelivery. Du kan ganske vist bruge følgende navne til sitesider, men ikke til skabeloner, temaer, komponenter eller sites: documents, sites.
Du kan eventuelt indtaste en beskrivelse af temaet.
Klik på Kopier.

En statuslinje viser navnet på det nye tema og status for kopiering. Når temaet er kopieret, vises det på listen med temaer. Du kan udforske de mapper og filer, der udgør temaet, ved at klikke på temanavnet på listen med temaer.
Brug Oracle Content Management-desktop-appen til at synkronisere temamapper og -filer til dit lokale system. Så vil du kunne gennemse de lokale mapper og arbejde direkte med filer. De ændringer, som du foretager af temaet, synkroniseres automatisk. Du kan foretage ændringer med dine foretrukne redigeringsværktøjer til HTML, kode eller tekst.

Angive, om tilpassede typografier kan bruges på et site

En temaadministrator kan angive typografier, der leveres sammen med et tema, eller tilpasse typografierne.

En indstilling i et temas components.json-fil angiver, om tilpasset formatering kan foretages i Site Builder. Det er for at kontrollere, at en bidragyder til sitet holder sig til typografien på sitet under opbygning af det og ikke for eksempel bruger andre skrifttyper og farver.

Sådan forhindrer du brug af tilpassede typografier på et site:

Skjul valget Tilpas i panelet Indstillinger for komponenter.
Tilføj følgende objekt i filen components.json for temaet sammen med andre komponentdefinitioner:
```
[
    {
        "showStyleClassOnly": "true"
    }
]
```

Tilpas værktøjslinjegrupper og -knapper i CKEditor for at fjerne tilpassede typografier:

I filen components.json for temaet kan du angive egenskaberne toolbarGroups og removeButtons til CKEditor for at tilpasse grupperne og knapperne i grupperne for komponenterne Title og Paragraph.

Tilføj for eksempel følgende objekter sammen med andre komponentdefinitioner for at fjerne typografier, skrifttyper og farver fra gruppen 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"
                }
            }
        ]
    }
]

Undgå, at typografier bliver indsat i CKEditor.
Indsætning følger de konfigurerede typografier og knapper. I det foregående eksempel fjernes Font fra de indsatte data.

Når tilpassede typografier ikke tillades, har det følgende virkninger:

I alle indbyggede komponenter er valget (o) Tilpas skjult på fanen Typografi.
I CKEditor er værktøjslinjeknapperne for angivelse af typografier skjult, og specifikation af skriftfamilie, skriftfarve og så videre er tilsidesat.
I CKEditor skal det heller ikke være muligt at angive en typografi med indsat tekst. Fed og kursiv er tilladt.

Skjule komponenter og sektionslayouts i et tema

Du kan skjule komponenter og sektionslayouts, så en siteudvikler ikke kan bruge dem, ved at redigere filen component.json for et tema. Du kan gøre dette for at sikre et ensartet udseende og en ensartet funktionsmåde. Se Skjule komponenter og sektionslayouts i et tema.

Verificere temaet med et site

Når du er færdig med at redigere temaet, skal du kontrollere, at alle delene virker sammen med sitet som planlagt.

Sørg for, at du har synkroniseret dine kopierede mapper og filer med Oracle Content Management-desktop-appen, og at alle modificeringerne er blevet gemt.
Åbn et site (det kan være et testsite eller eksisterende offline site) i Site Builder, og angiv, at sitet skal bruge det nye tema.
Test sitet med temaet ved at tilføje sider og bruge indstillinger, vise billeder, kontrollere navigationen og alt andet, som du har ændret i det nye tema.
Kontroller, at alt gengives korrekt, herunder alle filer og links.
Publicer temaet, så sitet implementerer temaændringerne, og kontroller det derefter i et runtime-miljø.

Se Publicere temaer.

Bruge et Bootstrap-tema

Ligheder mellem Oracle Content Management-temaer og Bootstrap-temaer gør det muligt at konvertere eksisterende Bootstrap-temasider og -indhold til brug i et Oracle Content Management-tema.

Bootstrap er en gratis samling af værktøjer med åben kilde til oprettelse af websites og webapplikationer. Den indeholder HTML- og CSS-baserede designskabeloner til grænsefladekomponenter og JavaScript-udvidelser.

Du skal følge de samme instruktioner for oprettelse af et tema, men du arbejder med kode (i enhver editor, som du foretrækker) for at importere og redigere sider eller indhold fra Bootstrap-temaet.

Det er usandsynligt, at du vil bruge et helt Bootstrap-tema med alle dets sider og indhold. Du skal typisk udvælge dele af temaet til brug i et Oracle Content Management-tema. Det kan være nogle få sideskabeloner og kun nogle af deres dele. Et Bootstrap-team indeholder for eksempel flere blokke i skabelonerne, herunder et sidehoved, en navigationsblok, en brødtekstblok og en sidefodsblok. Da Bootstrap-temaerne leveres som en samling filer, der kan vises direkte fra filsystemet (uden en webserver), indeholder de en masse dublering på hver side (det skal de, fordi der ikke er noget side-assembly-program involveret). Når du bruger disse oplysninger i et Oracle Content Management-tema, skal du tage disse dele og føje dem til genbrugelige Oracle Content Management-sideskabeloner og derefter bruge Oracle Content Management til dynamisk at sammensætte flere sider fra disse skabeloner.

Et eksempel på tilføjelse af oplysninger i genbrugelige skabeloner er navigationssektionen. Navigation i et typisk Bootstrap-tema er dubleret på alle sider, men når du flytter temaet til et Oracle Content Management-tema, skal du bruge JavaScript-kode til dynamisk at gennemgå hierarkiet på sitet og generere navigationsstrukturerne. Derefter skal du blot medtage dette script på alle siderne, så de alle får navigationen, og denne tilpasses, når der tilføjes eller fjernes sider på sitet.

Se Oprette en siteskabelon ud fra en Bootstrap-skabelon eller webdesignskabelon.