Creare un tema

È possibile creare un nuovo tema copiando un tema esistente e apportando modifiche alla copia. È inoltre possibile importare e utilizzare il contenuto Bootstrap in un nuovo tema.

Nota:

Quando si crea un tema o si aggiorna un tema esistente, è consigliabile creare sempre una copia del tema e lavorare sulla copia. Eseguire i test con un sito campione o con una copia di un sito reale per assicurarsi che funzioni. Tenere presente che le modifiche apportate a un tema esistente verranno implementate in tutti i siti che utilizzano il tema immediatamente dopo la pubblicazione del tema aggiornato.

Copiare un tema

Nella home page fare clic su Sviluppatore.

Viene visualizzata la pagina Sviluppatore.
Fare clic su Visualizza tutti i temi.

Viene visualizzata una lista dei temi esistenti. È possibile controllare le modalità di visualizzazione dei temi facendo clic sull'icona Visualizza e selezionando un'opzione dalla lista.
Selezionare un tema e scegliere Copia nel menu di scelta rapida oppure fare clic su nella barra delle azioni.

La copia interesserà tutte le cartelle e tutti i file, comprese le eventuali pagine e il contenuto di esempio.

Nota:
Quando si copia un tema, le informazioni di condivisione per il tema non vengono copiate.
Immettere un nome per il tema copiato. Non è possibile utilizzare il nome di un altro tema.

Il nome del sito può contenere lettere, numeri, caratteri di sottolineatura (_) e trattini (-). Eventuali spazi immessi vengono sostituiti automaticamente con trattini.

Non usare i nomi seguenti per modelli, temi, componenti, siti o pagine di siti: authsite, content, pages, scstemplate_*, _comps, _components, _compsdelivery, _idcservice , _sitescloud, _sitesclouddelivery, _themes, _themesdelivery. Sebbene sia possibile usare i nomi seguenti per le pagine dei siti, non utilizzarli per i modelli, i temi, i componenti o i siti: documents, sites.
Facoltativamente, immettere una descrizione per il tema.
Fare clic su Copia.

Una barra di avanzamento mostra il nuovo nome del tema e lo stato della copia. Quando il tema viene copiato, il nome viene visualizzato nell'elenco di temi. È possibile esplorare le cartelle e i file che costituiscono il tema facendo clic sul nome del tema nell'apposita lista.
Utilizzare l'applicazione desktop Oracle Content Management per sincronizzare le cartelle e i file del tema con il sistema locale. Ciò consente di sfogliare le cartelle locali e di lavorare direttamente con i file. Le modifiche apportate al tema vengono sincronizzate in modo automatico. È possibile apportare modifiche mediante gli strumenti di modifica HTML, codice o testo preferiti.

Impostare l'uso di stili personalizzati in un sito

Gli amministratori dei temi possono specificare gli stili forniti con un tema o personalizzare gli stili.

Un'impostazione nel file components.json di un tema specifica se è possibile applicare uno stile personalizzato in Site Builder. Ciò consente di controllare che un collaboratore del sito rispetti lo stile del sito durante la fase di creazione e non utilizzi, ad esempio, altri tipi di carattere e colori.

Per non consentire l'utilizzo di stili personalizzati in un sito, effettuare le operazioni riportate di seguito.

Nascondere l'opzione Personalizza nel pannello Impostazioni per i componenti.
Nel file components.json per il tema aggiungere l'oggetto seguente con le altre definizioni di componente:
```
[
    {
        "showStyleClassOnly": "true"
    }
]
```

Personalizzare i gruppi e i pulsanti della barra degli strumenti di CKEditor per rimuovere gli stili personalizzati:

Nel file components.json per il tema è possibile specificare le proprietà toolbarGroups e removeButtons di CKEditor per personalizzare i gruppi e i pulsanti all'interno dei gruppi per i componenti Title e Paragraph.

Ad esempio, aggiungere gli oggetti seguenti, insieme ad altre definizioni di componente, per rimuovere gli stili, il carattere e i colori dal gruppo 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"
                }
            }
        ]
    }
]

Impedire che gli stili vengano incollati in CKEditor.
La funzione Incolla segue gli stili e i pulsanti configurati. Nell'esempio precedente, Font viene rimosso dai dati incollati.

Non consentire gli stili personalizzati ha gli effetti riportati di seguito.

In tutti i componenti built-in l'opzione Personalizza (o) viene nascosta nella scheda Stile.
In CKEditor i pulsanti della barra degli strumenti per l'impostazione degli stili vengono nascosti e le specifiche relative a famiglia di caratteri, colore dei caratteri e così via vengono ignorate.
In CKEditor non deve essere inoltre possibile impostare uno stile con testo incollato. Lo stile Grassetto o Corsivo verrebbe consentito.

Nascondere i componenti e i layout sezione per un tema

È possibile nascondere i componenti e i layout sezione per impedire a uno sviluppatore di siti di utilizzarli modificando il file component.json di un tema. Si consiglia di eseguire questa operazione per garantire un aspetto coerente. Vedere Nascondere i componenti e i layout sezione per un tema.

Verificare il tema con un sito

Dopo aver completato la modifica del tema, è necessario controllare che tutte le parti funzionino insieme al sito come previsto.

Assicurarsi di aver sincronizzato le cartelle e i file copiati con l'applicazione desktop Oracle Content Management e che tutte le modifiche siano state salvate.
Aprire un sito (può essere un sito di test o un sito non in linea esistente) in SiteBuilder e cambiare il sito per utilizzare il nuovo tema.
Eseguire i test del sito con il tema aggiungendo pagine e utilizzando le impostazioni, visualizzando le immagini, controllando la navigazione e qualsiasi altra cosa modificata nel nuovo tema.
Verificare che tutti gli elementi, inclusi i file e i collegamenti, vengano visualizzati in modo corretto.
Pubblicare il tema in modo che il sito implementi le modifiche apportate al tema, quindi controllarlo in un ambiente di runtime.

Vedere Pubblicare i temi.

Utilizzare un tema Bootstrap

Le similitudini tra i temi di Oracle Content Management e i temi Bootstrap rendono possibile la conversione delle pagine e del contenuto esistenti del tema Bootstrap in modo che possono essere utilizzati in un tema di Oracle Content Management.

Bootstrap è una raccolta di strumenti open source gratuita per la creazione di siti e applicazioni Web. Contiene modelli di progettazione basati su HTML e CSS per i componenti dell'interfaccia e le estensioni JavaScript.

Le istruzioni a cui attenersi sono uguali a quelle delle creazione di un tema, ma si utilizza il codice, con un editor a scelta, per importare e modificare le pagine o il contenuto desiderati dal tema Bootstrap.

L'utilizzo dell'intero tema Bootstrap con tutte le pagine e il contenuto di cui dispone è improbabile. In genere si selezionano le parti del tema da utilizzare in un tema di Oracle Content Management, forse solo alcuni dei modelli di pagina e solo alcune parti di questi. Ad esempio, un tema Bootstrap contiene diversi blocchi all'interno dei modelli, tra cui un'intestazione, un blocco di navigazione, un blocco di corpo e un blocco di piè di pagina. A causa delle modalità di distribuzione dei temi Bootstrap, come raccolta di file visualizzabili direttamente dal file system (senza un Web server), la quantità di duplicazione all'interno di ogni pagina è elevata (in quanto non vi sono motori di assemblaggio delle pagine coinvolti). Quando si utilizzano queste informazioni in un tema di Oracle Content Management, è necessario acquisire queste parti e aggiungerle a modelli di pagina Oracle Content Management riutilizzabili, quindi usare Oracle Content Management per assemblare in modo dinamico più pagine da tali modelli.

Un esempio di aggiunta di informazioni a modelli riutilizzabili è dato dalla sezione di navigazione. La navigazione, in un tema Bootstrap standard, viene duplicata in tutte le pagine, ma quando la si sposta in un tema di Oracle Content Management è necessario utilizzare codice JavaScript per scorrere in modo dinamico la gerarchia del sito e generare le strutture di navigazione. Lo script creato dovrà quindi essere incluso in tutte le pagine, che acquisiranno tutta la navigazione, adattabile in base all'aggiunta o alla rimozione delle pagine nel sito.

Vedere Creare un modello di sito da un modello Bootstrap o di progettazione di siti Web.