Utveckla innehållslayouter

Innehållslayouter hjälper användare att visa data i innehållsobjekt, genom innehållslistor eller platshållarkomponenter för innehåll som används på webbplatssidor. Du kan skapa flera olika innehållslayouter för en innehållstyp om du vill skapa olika vyer eller representera olika delar av ett innehållsobjekt.

Till exempel kan innehållstypen Blogginlägg behöva ha olika innehållslayouter beroende på hur och var blogginläggsinnehållet ska användas. En lista över blogginläggsposter kan visas på webbplatsens hemsida, men när någon klickar på ett blogginlägg på hemsidan kan sidan Detaljer visa information om blogginlägget i fråga.

Hemsidan har en innehållslista konfigurerad, som listar objekt av innehållstypen Blog-Post, där innehållslayouten Blog-Post-Summary används som objektvy.

På sidan Detaljer används innehållslayouten Blog-Post-Header i en innehållsplatshållare för att visa en sidhuvudbild och tillhörande titel. Sektionslayouten med två kolumner omsluter två platshållare för innehåll, med bredderna 70 procent och 30 procent, med hjälp av innehållslayouterna Blog-Post-Content och Blog-Post-Author. Som du ser används fyra olika innehållslayouter för att visualisera samma innehållstyp.

Det finns två sätt att skapa en innehållslayout:

  • I Oracle Content Management väljer du Utvecklare > Visa alla komponenter > Skapa > Skapa innehållslayout.

  • I ett projekt i OCE Toolkit använder du kommandot cec create-contentlayout.

Oracle Content Management skapar en standardinnehållslayout för innehållstypen. Du kan ändra standardinnehållslayouten genom att redigera följande filer:

  • assets/layout.html

    Redigera den här filen för att ändra HTML-vyn.

  • assets/design.css

    Redigera den här filen för att formatera innehållslayouten.

  • assets/render.js

    Redigera den här filen för att ändra de data som används i layout.html eller lägga till dynamiskt beteende i innehållslayouten.

Innehållslayoutkomponenter återger ett innehållsobjekt från servern för Oracle Content Management. De flesta av tillgångarna lagras på servern för Oracle Content Management. Ibland kanske du vill använda en statisk tillgång som är lokalt tillgänglig i innehållslayouten i sig, t.ex. en bakgrundsbild för formateringsändamål. I följande exempel för en innehållslayout kan den absoluta URL:en till images/background.jpg genereras i render.js och användas i layout.html.

Det enklaste sättet att generera en absolut URL är att använda den inbyggda requirejs-filen. Definiera "require" som beroendet och använd require.toURL() för att generera URL:en, som följande kod visar:

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

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

Följande avsnitt beskriver hur du utvecklar innehållslayouter:

Relaterade ämnen

Information om hur du hanterar innehållslayouter finns i Hantera anpassade komponenter och layouter.

Information om hur du använder digitala tillgångar och andra innehållsobjekt på en webbplats finns i Använda tillgångar och Hantera digitala tillgångar i Hantera tillgångar med Oracle Content Management.