Opprette et tema

Du kan opprette et nytt tema ved å kopiere et eksisterende tema og gjøre endringer i kopien. Du kan også importere og bruke Bootstrap-innhold i et nytt tema.

Merknad:

Uansett om du oppretter et nytt tema eller oppdaterer et eksisterende tema, må du alltid ta en kopi av temaet og arbeide med kopien. Test den med et eksempelområde eller en kopi av det virkelige området slik at du kan sikre at alt fungerer på riktig måte. Vær oppmerksom på at endringer som gjøres i et eksisterende tema, blir implementert i alle områder som bruker temaet, umiddelbart etter at det reviderte temaet blir publisert.

Kopiere et tema

  1. Klikk på Utvikler på hjemmesiden.

    Siden Utvikler vises.

  2. Klikk på Vis alle temaer.

    Det vises en liste over eksisterende temaer. Du kan kontrollere hvordan temaer skal vises ved å klikke på visningsikonet og velge et alternativ fra listen.

  3. Merk et tema, og velg Kopier på høyreklikkmenyen eller klikk på Ikonet Kopier i handlingsfeltet.

    Alle mappene og filene for temaet kopieres, inkludert eventuelle eksempelsider og innhold.

    Merknad:

    Når du kopierer et tema, kopieres ikke delingsopplysninger for temaet.
  4. Angi et navn på det kopierte temaet. Du kan ikke bruke et navn som er i bruk av et annet tema.

    Navnet kan inneholde bokstaver, tall, understreker (_) og bindestreker (-). Hvis du skriver inn et mellomrom, erstattes det automatisk med en bindestrek.

    Ikke bruk følgende navn for maler, temaer, komponenter, områder eller områdesider: authsite, content, pages, scstemplate_*, _comps, _components, _compsdelivery, _idcservice , _sitescloud, _sitesclouddelivery, _themes, _themesdelivery. Selv om du kan bruke de følgende navnene for områdesider, kan du ikke bruke dem for maler, temaer, komponenter eller områder: documents, sites.

  5. Hvis du vil, kan du legge inn en beskrivelse for temaet.

  6. Klikk på Kopier.

    En fremdriftslinje viser det nye temanavnet og kopieringsstatusen. Når temaet kopieres, vises navnet i temalisten. Du kan utforske mappene og filene som utgjør temaet, ved å klikke på navnet på temaet i listen over temaer.

  7. Bruk skrivebordsappen for Oracle Content Management til å synkronisere temamappene og -filene med det lokale systemet. Dette gjør at du kan bla gjennom de lokale mappene og arbeide direkte med filer. Endringer du gjør i temaet, synkroniseres automatisk. Du kan gjøre endringer ved hjelp av favorittverktøyene for HTML, kode eller tekstredigering.

Angi om egendefinerte stiler kan brukes på et område

En temaadministrator kan angi stiler som følger med et tema, eller tilpasse stilene.

En innstilling i filen Components.json for et tema angir om egendefinerte stiler kan brukes i områdebyggeren. Dette bidrar til å kontrollere at en bidragsyter i et område følger stilen til området ved bygging, og ikke for eksempel bruker andre skrifter og farger.

Slik tillater du ikke at det brukes egendefinerte stiler i et område:

  1. Skjul valget Tilpass i ruten Innstillinger for komponenter.

    I filen components.json for temaet legger du til følgende objekt sammen med andre komponentdefinisjoner:

    [
        {
            "showStyleClassOnly": "true"
        }
    ]
  2. Tilpass verktøylinjegrupper og knapper for CKEditor slik at du fjerner egendefinert formatering:

    I filen components.json for temaet kan du angi egenskapene toolbarGroups og removeButtons for CKEditor slik at du tilpasser gruppene og knappene i grupper for komponentene Title og Paragraph.

    Du kan for eksempel legge til følgende objekter sammen med andre komponentdefinisjoner slik at du fjerner stiler, skrifter og farger fra gruppen Stiler:

    [
        {
            "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. Hindre at stiler limes inn i CKEditor.

    Innliming følger stilene og knappene som er konfigurert. Med det foregående eksemplet fjernes Skrift fra de innlimte dataene.

Når egendefinerte stiler ikke tillates, får det følgende virkning:
  • I alle innebygde komponenter skjuler fanen Stil valget Tilpass.
  • I CKEditor skjules verktøylinjeknappene som brukes til å angi stiler, og angivelsen av skriftfamilie, skriftfarge og så videre overstyres.
  • I CKEditor skal det heller ikke være mulig å angi en stil med innlimt tekst. Fet eller kursiv er tillatt.

Skjule komponenter og deloppsett for et tema

Du kan skjule komponenter og deloppsett, slik at du hindrer at en områdeutvikler bruker dem, ved å redigere filen component.json for et tema. Du ønsker kanskje å gjøre dette når du vil fremheve konsistent utseende og funksjonalitet. Se Skjule komponenter og deloppsett for et tema.

Bekrefte temaet med et område

Når du er ferdig med å redigere temaet, må du kontrollere at alle delene fungerer som planlagt sammen med området.

  1. Forsikre deg om at du har synkronisert de kopierte mappene og filene med skrivebordsappen for Oracle Content Management, og at alle endringene er lagret.

  2. Åpne et område (det kan være en test eller et eksisterende frakoblet område) i områdebyggeren, og endre området slik at det bruker det nye temaet.

  3. Test området med temaet ved å legge til sider og bruke innstillinger, vise bilder, kontrollere navigeringen og alt annet du har endret i det nye temaet.

  4. Kontroller at alt gjengis på riktig måte, inkludert filer og koblinger.

  5. Publiser temaet slik at området implementeres med temaendringene, og deretter kontrollerer du det i et kjøretidsmiljø.

Se Publisere temaer.

Bruke et Bootstrap-tema

Likheter mellom Oracle Content Management-temaer og Bootstrap-temaer gjør det mulig å konvertere eksisterende sider og innhold med Bootstrap-temaer for bruk i et Oracle Content Management-tema.

Bootstrap er en gratis samling av verktøy med åpen kilde til opprettelse av Web-områder og Web-applikasjoner. Det inneholder HTML- og CSS-baserte utformingsmaler for grensesnittkomponenter og JavaScript-utvidelser.

Du følger de samme instruksjonene for opprettelse av et tema, men du arbeider med kode (ved hjelp av et valgfritt redigeringsprogram) slik at du kan importere og redigere alle sider og alt innhold du ønsker fra Bootstrap-temaet.

Det er ikke trolig at du kommer til å bruke alt i et Bootstrap-tema med alle sidene og alt innholdet. Vanligvis velger du deler av temaet du vil bruke i et Oracle Content Management-tema, kanskje bare noen få av sidemalene og bare noen deler av dem. Et Bootstrap-tema inneholder for eksempel flere blokker i malene, inkludert en topptekstblokk, en navigeringsblokk, en hoveddelblokk og en bunntekstblokk. Siden Bootstrap-temaer leveres som en samling av filer som kan vises direkte fra filsystemet (uten en Web-tjener), inneholder de flere dupliseringer på hver side (det må være slik siden det ikke finnes noen involvert sidesammensettingsmotor). Når du bruker disse opplysningene i et Oracle Content Management-tema, må du ta disse delene og legge dem til i sidemaler for Oracle Content Management som kan brukes på nytt, og deretter bruke Oracle Content Management til dynamisk sammensetting av flere sider fra disse malene.

Navigeringsdelen er ett eksempel på å legge til opplysninger i maler som kan brukes på nytt. Navigering i et vanlig Bootstrap-tema dupliseres på alle sider, men når du flytter dette til et Oracle Content Management-tema, må du bruke JavaScript-kode til å dekke områdets hierarki dynamisk og generere navigeringsstrukturene. Deretter inkluderer du bare skriptet på alle sider, og de får alle navigeringen, og denne navigeringen tilpasses etter hvert som sider legges til i eller fjernes fra området.

Se Opprette en områdemal fra Bootstrap eller en mal for utforming av Web-områder.