Inhaltslayouts entwickeln

Mit Inhaltslayouts können Benutzer die Daten in Inhaltselementen über Inhaltslisten oder Inhaltsplatzhalterkomponenten auf Siteseiten anzeigen. Sie können mehrere Inhaltslayouts für einen Inhaltstyp erstellen, um verschiedene Ansichten zu ermöglichen oder verschiedene Teile eines Inhaltselements darzustellen.

Beispiel: Der Inhaltstyp "Blog-Post" benötigt unter Umständen unterschiedliche Inhaltslayouts, je nachdem, wie und wo der Blog-Post-Inhalt verwendet wird. Die Homepage der Site kann eine Liste von Blog-Post-Elementen anzeigen. Wenn aber jemand auf der Homepage auf einen Blogpost klickt, kann die Seite Details Details zu diesem Blogpost anzeigen.

Die Homepage enthält eine Inhaltsliste, die zum Auflisten von Elementen des Inhaltstyps "Blog-Post" konfiguriert ist, mit dem Inhaltslayout "Blog-Post-Summary" als Elementansicht.

Die Detailseite verwendet das Inhaltslayout "Blog-Post-Header" in einem Inhaltsplatzhalter, um ein Headerbild und einen Titel anzuzeigen. Das zweispaltige Abschnittslayout umschließt zwei Inhaltsplatzhalter mit einer Breite von 70 Prozent bzw. 30 Prozent, unter Verwendung der Inhaltslayouts "Blog-Post-Content" und "Blog-Post-Author". Wie Sie sehen können, werden vier verschiedene Inhaltslayouts zum Visualisieren desselben Inhaltstyps verwendet.

Sie können ein Inhaltslayout mit einer der folgenden zwei Methoden erstellen:

  • Wählen Sie in Oracle Content Management Entwickler > Alle Komponenten anzeigen > Erstellen > Inhaltslayout erstellen aus.

  • Verwenden Sie in einem OCE Toolkit-Projekt den Befehl cec create-contentlayout.

Oracle Content Management erstellt ein Standardinhaltslayout für den Inhaltstyp. Bearbeiten Sie die folgenden Dateien, um das Standardinhaltslayout zu ändern:

  • assets/layout.html

    Bearbeiten Sie diese Datei zum Ändern der HTML-Ansicht.

  • assets/design.css

    Bearbeiten Sie diese Datei zum Formatieren des Inhaltslayouts.

  • assets/render.js

    Bearbeiten Sie diese Datei, um die in layout.html verwendeten Daten zu ändern oder dynamisches Verhalten zum Inhaltslayout hinzuzufügen.

Inhaltslayoutkomponenten rendern ein Inhaltselement vom Oracle Content Management-Server. Die meisten Assets werden auf dem Oracle Content Management-Server gespeichert. In manchen Fällen möchten Sie vielleicht ein statisches Asset verwenden, das lokal im Inhaltslayout selbst verfügbar ist, wie ein Hintergrundbild für Formatierungszwecke. Beispiel: Im folgenden Inhaltslayout kann die absolute URL zu images/background.jpg in render.js generiert und in layout.html verwendet werden.

Am einfachsten erstellen Sie eine absolute URL mit der integrierten requirejs-Datei. Definieren Sie "require" als die Abhängigkeit, und verwenden Sie require.toURL() zum Generieren der URL, wie im folgenden Code gezeigt:

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 den folgenden Themen wird das Entwickeln von Inhaltslayouts beschrieben:

Verwandte Themen

Informationen zum Verwalten von Inhaltslayouts finden Sie unter Benutzerdefinierte Komponenten und Layouts verwalten.

Informationen zum Verwenden von digitalen Assets und anderen Inhaltselementen in einer Site finden Sie unter Assets verwenden und Digitale Assets verwalten in Assets mit Oracle Content Management verwalten.