Inhoudlay-outs ontwikkelen

Met inhoudlay-outs kunnen gebruikers de gegevens in inhouditems bekijken via componenten voor inhoudlijsten of inhoudplaatsaanduiding die op Sites pagina's worden gebruikt. U kunt voor een inhoudtype meerdere inhoudlay-outs maken. Hiermee kunt u verschillende weergaven maken of verschillende delen van een inhouditem weergeven.

Zo kan een inhoudtype Blog-Post verschillende inhoudlay-outs hebben afhankelijk van hoe en waar de inhoud van de Blog-Post moet worden gebruikt. De beginpagina van de site kan een lijst met Blog-Post-items weergeven, maar wanneer u op de beginpagina op een blog-post klikt, kan de pagina Details details tonen over die blog-post.

De beginpagina bevat een inhoudlijst die is geconfigureerd voor de weergave van items van het inhoudtype 'Weblogitem', waarbij gebruik wordt gemaakt van de inhoudlay-out 'Overzicht weblogitems' als itemweergave.

Op de pagina 'Details' wordt gebruik gemaakt van de inhoudlay-out 'Koptekst weblogitem' in een inhoudplaatsaanduiding waarmee een afbeelding en een titel voor de koptekst worden getoond. In de sectielay-out met twee kolommen worden twee inhoudplaatsaanduidingen ingesloten, met een breedte van respectievelijk 70% en 30%, waarbij gebruik wordt gemaakt van de inhoudlay-outs 'Inhoud weblogitem' en 'Auteur weblogitem'. U ziet dat voor de visualisatie van één inhoudtype vier verschillende inhoudlay-outs worden gebruikt.

U kunt op twee manieren een inhoudlay-out maken:

  • Kies in Oracle Content Management achtereenvolgens Ontwikkelaar > Alle componenten bekijken > Maken > Contentlay-out maken.

  • In een OCE Toolkit project gebruikt u de opdracht cec create-contentlayout.

In Oracle Content Management wordt een standaardinhoudlay-out voor het inhoudtype gemaakt. Als u de standaardinhoudlay-out wilt wijzigen, kunt u de volgende bestanden bewerken:

  • assets/layout.html

    Bewerk dit bestand als u de HTML-weergave wilt wijzigen.

  • assets/design.css

    Bewerk dit bestand als u de stijl van de inhoudlay-out wilt instellen.

  • assets/render.js

    Bewerk dit bestand als u de in layout.html gebruikte gegevens wilt wijzigen of als u dynamisch gedrag wilt toevoegen aan de inhoudlay-out.

Inhoudlay-outcomponenten worden gebruikt om een inhouditem van de Oracle Content Management server weer te geven. De meeste activa worden opgeslagen op de Oracle Content Management server. Het kan voorkomen dat u een statisch activum wilt gebruiken dat lokaal beschikbaar is in de inhoudlay-out zelf, zoals een achtergrondafbeelding voor opmaakdoeleinden. Bijvoorbeeld: in de onderstaande inhoudlay-out kan de absolute URL naar images/background.jpg worden gegenereerd in render.js en worden gebruikt in layout.html.

De eenvoudigste manier om een absolute URL te genereren is met behulp van het ingebouwde bestand requirejs. Definieer 'require' als de afhankelijkheid en gebruik require.toURL() om de URL te genereren zoals in de onderstaande code wordt getoond:

define([
    'require',
    'jquery',
    'mustache',
    'text!./layout.html',
    'css!./design.css'
], function (require, $, Mustache, templateHtml, css) {
    'use strict';

   var imageURL = req.toUrl('./images/background.jpg');

In de volgende onderwerpen wordt beschreven hoe u inhoudlay-outs kunt ontwikkelen:

Verwante onderwerpen

Zie Aangepaste componenten en lay-outs beheren voor informatie over de wijze waarop u inhoudlay-outs kunt beheren.

Zie Activa gebruiken en Digitale activa beheren in Activa beheren met Oracle Content Management voor informatie over het gebruik van digitale activa en andere inhouditems op een site.