Een thema maken

Een thema kopiëren

1. Klik op de beginpagina op Ontwikkelaar.

   De pagina Ontwikkelaar wordt weergegeven.

2. Klik op Alle thema's bekijken.

   Er wordt een lijst met bestaande thema's weergegeven. U kunt bepalen hoe thema's worden weergegeven door te klikken op het pictogram 'Bekijken' en een optie in de lijst te selecteren.

3. Selecteer een thema en kies Kopiëren in het snelmenu of klik op in de actiebalk.

   Alle mappen en bestanden van het thema worden gekopieerd, inclusief eventuele voorbeeldpagina's en -inhoud.

   Opmerking:

   Wanneer u een thema kopieert, worden gegevens over delen voor het thema niet gekopieerd.

4. Voer een naam in voor het gekopieerde thema. U kunt geen naam gebruiken die al is gebruikt voor een ander thema.

   U kunt kleine letters, cijfers, onderstrepingstekens (_) en streepjes (-) gebruiken in de naam. Als u een spatie invoert, wordt deze automatisch vervangen door een streepje.

   Gebruik niet de volgende namen voor sjablonen, thema's, componenten, sites of sitepagina's: authsite, content, pages, scstemplate_*, _comps, _components, _compsdelivery, _idcservice , _sitescloud, _sitesclouddelivery, _themes, _themesdelivery. De volgende namen kunt u wel gebruiken voor sitepagina's, maar niet voor sjablonen, thema's, componenten of sites: documents, sites.

5. Voer desgewenst een beschrijving voor het thema in.

6. Klik op Kopiëren.

   In een voortgangsbalk ziet u de naam en kopieerstatus van het nieuwe thema. Wanneer het thema is gekopieerd, wordt de naam ervan weergegeven in de lijst met thema's. U kunt de mappen en bestanden van het thema verkennen door op de themanaam te klikken in de lijst met thema's.

7. Met behulp van de Oracle Content Management desktop-app kunt u de mappen en bestanden van het thema synchroniseren met uw lokale systeem. Zo kunt u door de lokale mappen bladeren en rechtstreeks met de bestanden werken. Wijzigingen die u in het thema aanbrengt, worden automatisch gesynchroniseerd. U kunt wijzigingen aanbrengen met uw favoriete hulpprogramma's voor HTML, codering of tekstbewerking.

Instellen of aangepaste stijlen op een site kunnen worden gebruikt

Een themabeheerder kan stijlen voor een thema opgeven of de stijlen aanpassen.

Een instelling in het bestand components.json van een thema waarmee wordt opgegeven of aangepaste stijlen kunnen worden gebruikt in de sitebuilder. Zo kunt ervoor zorgen dat sitebijdragers binnen de stijl van de site blijven bij het ontwikkelen ervan en bijvoorbeeld geen andere lettertypen of kleuren gebruiken.

Als u het gebruik van aangepaste stijlen in een site niet wilt toestaan, doet u het volgende:

1. Verberg de optie Aanpassen in het paneel Instellingen voor componenten.

   Voeg het volgende object samen met andere componentdefinities toe in het bestand components.json voor het thema:

   [
       {
           "showStyleClassOnly": "true"
       }
   ]

2. Pas de groepen en knoppen op de werkbalk van CKEditor aan om aangepaste stijlen te verwijderen:

   In het bestand components.json voor het thema kunt u de eigenschappen toolbarGroups en removeButtons van CKEditor opgeven om de groepen en knoppen in groepen voor Title- en Paragraph-componenten aan te passen.

   Bijvoorbeeld: voeg de volgende objecten samen met andere componentdefinities toe om stijlen, het lettertype en kleuren te verwijderen uit de groep 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. Voorkom dat stijlen in CKEditor worden geplakt.

   Bij het plakken worden de geconfigureerde stijlen en knoppen toegepast. In het voorgaande voorbeeld wordt Font uit de geplakte gegevens verwijderd.

Componenten en sectielay-outs voor een thema verbergen

U kunt componenten en sectielay-outs verbergen om te voorkomen dat een siteontwikkelaar deze gebruikt door het bestand component.json van een thema te bewerken. U kunt dit eventueel doen om een consistente vormgeving te promoten. Zie voor meer informatie: Componenten en sectielay-outs voor een thema verbergen.

Het thema verifiëren met een site

Als u klaar bent met het bewerken van het thema, moet u controleren of alle onderdelen in de site naar verwachting functioneren.

1. Zorg ervoor dat u de gekopieerde mappen en bestanden hebt gesynchroniseerd met de Oracle Content Management desktop-app en dat alle aanpassingen zijn opgeslagen.

2. Open een site (dit kan een testsite of een bestaande offlinesite zijn) in Site Builder en activeer het nieuwe thema in de site.

3. Test de site met het thema door pagina's toe te voegen, instellingen te gebruiken, afbeeldingen te bekijken en de navigatie en al uw andere wijzigingen in het nieuwe thema te controleren.

4. Controleer of alles juist wordt weergegeven, inclusief alle bestanden en koppelingen.

5. Publiceer het thema zodat de themawijzigingen in de site worden geïmplementeerd. Controleer het thema vervolgens in een runtime-omgeving.

Zie voor meer informatie: Thema's publiceren.

Een Bootstrap-thema kopiëren

Dankzij de overeenkomsten tussen Oracle Content Management thema's en Bootstrap-thema's is het mogelijk om pagina's en inhoud van bestaande Bootstrap-thema's te converteren voor gebruik in een Oracle Content Management thema.

Bootstrap is een verzameling gratis opensourceprogramma's voor het maken van websites en webapplicaties. Het bevat HTML- en CSS-ontwerpsjablonen voor interfacecomponenten en JavaScript-extensies.

U volgt dezelfde instructies voor het maken van een thema, maar u werkt met code (in de editor van uw keuze) om alle gewenste pagina's of inhoud uit het Bootstrap-thema te importeren en bewerken.

Het is onwaarschijnlijk dat u een Bootstrap-thema in zijn geheel met alle pagina's en inhoud gebruikt. Gewoonlijk selecteert u slechts gedeelten van het thema voor gebruik in een Oracle Content Management thema, bijvoorbeeld bepaalde gedeelten van enkele paginasjablonen. Bijvoorbeeld: een Bootstrap-thema bevat verschillende blokken in de sjablonen, waaronder een koptekst, een navigatieblok, een hoofdtekstblok en een voettekst. Vanwege de manier waarop Bootstrap-thema's worden verzonden als verzameling bestanden die rechtstreeks in het bestandssysteem kunnen worden bekeken (zonder webserver), bevatten ze veel dubbele items binnen elke pagina (dat moet ook wel, omdat er geen paginasamenstellingsengine bij wordt gebruikt). Wanneer u deze gegevens gebruikt in een Oracle Content Management thema, moet u deze onderdelen toevoegen aan herbruikbare Oracle Content Management paginasjablonen en vervolgens Oracle Content Management gebruiken om dynamisch meerdere pagina's samen te stellen uit die sjablonen.

Een voorbeeld van het toevoegen van gegevens aan herbruikbare sjablonen is de navigatiesectie. In een gebruikelijk Bootstrap-thema wordt de navigatie gedupliceerd op alle pagina's, maar wanneer u deze kopieert naar een Oracle Content Management thema, moet u JavaScript-code gebruiken om de hiërarchie van de site dynamisch te doorlopen en de navigatiestructuren te genereren. Vervolgens neemt u dat script op in alle pagina's zodat de navigatie voor elke pagina wordt opgehaald en wordt aangepast als er pagina's aan de site worden toegevoegd of eruit worden verwijderd.

Zie voor meer informatie: Een sitesjabloon maken op basis van Bootstrap of een websiteontwerpsjabloon.