Creaţi o temă

Copierea unei teme

1. În pagina Home, faceţi clic pe Dezvoltator.

   Se va afişa pagina Dezvoltator.

2. Faceţi clic pe Vizualizare toate temele.

   Este afişată o listă de teme existente. Puteţi controla modul de afişare a temelor făcând clic pe pictograma de vizualizare şi selectând o opţiune din listă.

3. Selectaţi o temă şi alegeţi Copiere din meniul contextual sau faceţi clic pe în bara de acţiuni.

   Toate folderele şi fişierele din temă sunt copiate, inclusiv toate paginile şi conţinutul exemplu.

   Notă:

   Când copiaţi o temă, informaţiile de partajare pt. temă nu sunt copiate.

4. Introduceţi un nume pt. tema copiată. Nu puteţi utiliza un nume utilizat de altă temă.

   Puteţi utiliza litere, numere, caractere de subliniere (_) şi cratime (-) în nume. Dacă introduceţi un spaţiu, acesta este înlocuit automat cu o cratimă.

   Nu utilizaţi următoarele cuvinte pentru a denumi şabloane, teme, componente, site-uri sau pagini: authsite, content, pages, scstemplate_*, _comps, _components, _compsdelivery, _idcservice , _sitescloud, _sitesclouddelivery, _themes, _themesdelivery. Numele de mai jos, deşi pot fi utilizate pt. pagini de site, nu trebuie utilizate pt. şabloane, teme, componente, documente sau site-uri.

5. Opţional, introduceţi o descriere pt. temă.

6. Faceţi clic pe Copiere.

   O bară de stadiu afişează numele şi starea de copiere a noii teme. Când tema este copiată, numele apare în lista de teme. Puteţi explora folderele şi fişierele care compun tema făcând clic pe numele temei în lista de teme.

7. Utilizaţi aplicaţia pentru desktop Oracle Content Management pentru a sincroniza folderele şi fişierele din temă cu sistemul dvs. local. Acest lucru vă permite să parcurgeţi folderele locale şi să lucraţi direct cu fişierele. Modificările pe care le efectuaţi asupra temei se sincronizează automat. Puteţi efectua modificări utilizând instrumentele preferate pentru editarea limbajului HTML, a codului sau a textului.

Setaţi dacă stilurile personalizate pot fi utilizate într-un site

Un administrator de teme poate specifica stilurile predefinite ale unei teme sau poate personaliza aceste stiluri.

O setare dintr-un fişier components.json al temei specifică dacă stilul personalizat poate fi realizat în Site Builder. Acest lucru este util pentru a controla faptul că un contributor al site-ului nu se abate de la stilul site-ului atunci când îl construieşte şi nu utilizează, de exemplu, alte fonturi şi culori.

Pentru a nu permite utilizarea stilurilor personalizate într-un site:

1. Ascundeţi opţiunea Personalizare din panoul Setări pentru componente.

   În fişierul components.json al unei teme, adăugaţi următorul obiect împreună cu alte definiţii ale componentei:

   [
       {
           "showStyleClassOnly": "true"
       }
   ]

2. Personalizaţi grupurile şi butoanele pentru bara de instrumente din CKEditor pentru a elimina elementele de stil personalizate:

   În fişierul components.json al unei teme, puteţi specifica proprietăţile toolbarGroups şi removeButtons ale CKEditor pentru a personaliza grupurile şi butoanele din cadrul grupurilor pentru componentele Title şi Paragraph.

   De exemplu, adăugaţi următoarele obiecte împreună cu alte definiţii ale componentei pentru a elimina stilurile, fontul şi culorile din grupul 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"
                   }
               }
           ]
       }
   ]

3. Preveniţi lipirea elementelor de stil în CKEditor.

   Când se utilizează operaţia de lipire, se va ţine cont de stilurile şi butoanele configurate. În exemplul precedent, elementul Font este eliminat dintre datele lipite.

Ascunderea componentelor şi a machetelor de secţiuni pentru o temă

Puteţi ascunde componente şi machete de secţiuni pentru a nu permite unui dezvoltator de site-uri să le utilizeze, editând fişierul component.json al temei respective. Puteţi face acest lucru dacă doriţi să promovaţi un aspect şi o funcţionalitate consecvente. Consultaţi Ascunderea componentelor şi a machetelor de secţiuni pentru o temă.

Verificarea temei cu un site

După ce terminaţi de editat tema, trebuie să vă asiguraţi că toate componentele funcţionează corect împreună în cadrul site-ului.

1. Asiguraţi-vă că aţi sincronizat folderele şi fişierele copiate cu aplicaţia pentru desktop Oracle Content Management şi că aţi salvat toate modificările.

2. Deschideţi un site (poate fi un site de test sau un site offline existent) în generatorul de site-uri şi modificaţi site-ul astfel încât să utilizeze noua temă.

3. Testaţi site-ul cu tema adăugând pagini şi utilizând setări, vizualizând imagini, verificând elementele de navigare şi orice alte elemente pe care le-aţi modificat în noua temă.

4. Asiguraţi-vă că totul este randat corect, inclusiv toate fişierele şi linkurile.

5. Publicaţi tema pentru ca site-ul să implementeze modificările aplicate asupra acesteia, apoi verificaţi site-ul într-un mediu de runtime.

Consultaţi Publicarea temelor.

Utilizarea unei teme Bootstrap

Graţie asemănărilor dintre temele Oracle Content Management şi temele Bootstrap, puteţi converti paginile şi conţinutul din temele Bootstrap şi le puteţi utiliza într-o temă Oracle Content Management.

Bootstrap este o colecţie gratuită şi open-source de instrumente destinate creării site-urilor web şi aplicaţiilor web. Bootstrap conţine şabloane de design bazate pe HTML şi CSS pentru componentele de interfaţă şi extensii JavaScript.

Veţi urma aceleaşi instrucţiuni pentru crearea unei teme, însă veţi prelucra fragmente de cod (utilizând orice editorul doriţi) pentru a importa şi a edita paginile şi elementele de conţinut dorite din tema Bootstrap.

Este puţin probabil să utilizaţi exclusiv o temă Bootstrap, cu toate paginile şi elementele de conţinut asociate. În mod normal, veţi selecta anumite părţi ale temei, pe care le veţi utiliza în cadrul unei teme Oracle Content Management. Probabil doar câteva şabloane de pagini şi câteva componente ale acestora. De exemplu, şabloanele dintr-o temă Bootstrap sunt alcătuite din mai multe blocuri, inclusiv un bloc pentru antet, un bloc de navigare, un bloc pentru corp şi un bloc pentru subsol. Ca urmare a modului în care sunt livrate temele Bootstrap, sub forma unei colecţii de fişiere care pot fi vizualizate direct din sistemul de fişiere (fără a fi necesar un server web), există un volum mare de duplicare în cadrul fiecărei pagini (acest lucru este normal, deoarece nu se utilizează un motor de asamblare a paginilor). Când utilizaţi aceste informaţii în cadrul unei teme Oracle Content Management, trebuie să preluaţi aceste componente şi să le adăugaţi la şabloane de pagini Oracle Content Management reutilizabile. Apoi, veţi utiliza Oracle Content Management pentru a asambla în mod dinamic mai multe pagini pe baza acestor şabloane.

Un exemplu de adăugare a informaţiilor la şabloane reutilizabile îl reprezintă secţiunea de navigare. Elementele de navigare din cadrul unei teme Bootstrap obişnuite sunt duplicate pe toate paginile, însă când mutaţi aceste elemente într-o temă Oracle Content Management, va trebui să utilizaţi cod JavaScript pentru a crea în mod dinamic ierarhia site-ului şi a genera structurile de navigare. Apoi, tot ce trebuie să faceţi este să includeţi acel script pe toate paginile, acestea urmând să beneficieze de elemente de navigare care se adaptează atunci când se adaugă pagini la site sau se elimină pagini de la site.

Consultaţi Crearea unui şablon de site-uri din bootstrap sau dintr-un şablon de proiectare a site-urilor web.