Opprette innholdsoppsett med Oracle Content Management

Opprett et innholdsoppsett for utlegging av felt i et innholdselement ved visning på en områdeside. Når et innholdselement legges til på en side, bruker det det valgte innholdsoppsettet.

En foretaksbruker kan opprette og bruke innholdselementer basert på innholdstyper og oppsett du sørger for som utvikler. Du kan opprette nye innholdsoppsett fra standardoppsettet. Hvis flere innholdsoppsett er knyttet til innholdstypen, blir det mulig for områdeutformeren å vise innholdselementer i forskjellige kontekster uten å endre innholdet.

Hvis du bruker et innholdsoppsett i en innholdslistekomponent, gjentas innholdsoppsettet én gang per innholdselement. Innholdsoppsettene sorteres deretter av deloppsettet.

Du kan eksportere et innholdsoppsett som kan endres i frakoblet modus, og deretter importere det slik at det erstatter det eksisterende innholdsoppsettet.

Slik oppretter du et innholdsoppsett:

  1. Klikk på Utvikler i sidenavigeringen på hjemmesiden for Oracle Content Management.
    Siden Utvikler vises.
  2. Klikk på Vis alle komponenter.
  3. Fra rullegardinmenyen Opprett til høyre velger du Opprett innholdsoppsett.
  4. I dialogboksen Opprett innholdsoppsett velger du innholdstypene som skal bruke oppsettet. Velg feltene som skal vises, og aktiver Legg til støtte for egendefinerte innstillinger ved bruk i Områder hvis du vil at områdeopprettere skal kunne legge til egendefinerte innstillinger og stiler når de legger til innholdselement- og innholdslistekomponenter på en side.

    Dialogboksen Innholdsoppsett

  5. Angi et navn og en beskrivelse for innholdsoppsettkomponenten, og klikk på Opprett.

    Innholdsoppsettet legges til i komponentene.

    Merknad:

    Bare alfanumeriske tegn, bindestreker og understrekingstegn er tillatt i titler på innholdsoppsett.
  6. Hvis du vil eksportere innholdsoppsettet for redigering, merker du det og klikker på Eksporter på høyreklikkmenyen eller klikker på ikonet Eksporter i handlingsfeltet.
    1. Naviger til en eksisterende mappe, eller velg Opprett og deretter Mappe når du skal opprette en ny mappe. Angi et navn og, valgfritt, en beskrivelse.
    2. Merk boksen ved siden av mappen, og klikk på OK.
    3. Klikk på mappens ikon eller navn slik at du åpner den.

    Det opprettes en oppsettpakkefil i den valgte mappen med innholdsoppsettnavnet og filtypen ZIP. Last ned filen til utviklingsmiljøet slik at du kan redigere filene.

    Aktivamappen i innholdsoppsettet

    Disse filene styrer oppsettet for feltene i innholdselementer som bruker innholdsoppsettet Ansattkort. Hvis du har aktivert Legg til støtte for egendefinerte innstillinger ved bruk i Områder, blir det også opprettet en tilleggsfil med navnet settings.html. Den inneholder en standardgjengivelse av et enkelt innholdselement slik det blir vist.


    Beskrivelse av GUID-1B7C7C81-7057-4E9C-B98C-C982CC483961-default.png følger
    Beskrivelse av illustrasjonen GUID-1B7C7C81-7057-4E9C-B98C-C982CC483961-default.png
  7. Rediger filene design.css, layout.html og render.js slik at du får ønsket innholdsoppsett.

    For eksempel angir følgende filer innholdsoppsettet Ansattkort:

    1. Rediger filen design.css: 
      .scs-tile-layout {
    font-family: 'Helvetica Neue', 'Segoe UI', sans-serif-regular, Helvetica, Arial;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    font-style: normal;
    color: #333;
}

.scs-tile-layout li {
    list-style: none;
    font-size: 14px;
    font-style: normal;
    font-variant-caps: normal;
    font-weight: 200;
    margin: 0px;
}

.scs-tile-layout-img-container {
    height: 150px;
    width: 100px;
    float: left;
    margin: 0em 0.5em 0em 0em;
    padding: 0px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.scs-tile-layout-img {
    position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    height: 100%;
    min-width: 100%;
}

.scs-tile-layout p {
    margin: 0px;
}
    2. Rediger filen layout.html: 
      {{#data.employee_profile_pictureURL}}
<div class="scs-tile-layout-img-container">
    <img class="scs-tile-layout-img" src="{{data.employee_profile_pictureURL}}" />
</div>
{{/data.employee_profile_pictureURL}}
<ul class="scs-tile-layout">
    <li>
        <p><b>{{name}}</b></p>
    </li>
    <li>&nbsp;</li>
    <li>
        <p>{{data.employee_job_title}}</p>
        <p>{{data.employee_location}}</p>
        <p><b>Phone: </b>{{data.employee_phone}}</p>
    </li>
    {{#scsData.detailPageLink}}
    <li>
        <a href="{{scsData.detailPageLink}}" title="Go to detail page"><span class="detail-page">Profile</span></a>
    </li>
    {{/scsData.detailPageLink}}
</ul>
    3. Rediger filen render.js: 
      /* globals define */

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

    function ContentLayout(params) {
        this.contentItemData = params.contentItemData || {};
        this.scsData = params.scsData;
        this.contentClient = params.contentClient || (params.scsData ? params.scsData.contentClient : null);
        // retrieve the custom settings
        this.customSettiings = this.scsData.customSettingsData
        || {};
    }

    ContentLayout.prototype = {

        render: function(parentObj) {
            var template,
                content = $.extend({}, this.contentItemData),
                contentClient = this.contentClient,
                contentType,
                secureContent = false;

            if (this.scsData) {
                content = $.extend(content, { 'scsData': this.scsData });
                contentType = content.scsData.showPublishedContent === true ? 'published' : 'draft';
                secureContent = content.scsData.secureContent;
            }

            if (contentClient) {
                var params = {
                    'itemGUID': typeof content.data.employee_profile_picture === 'string' ?
                        content.data.employee_profile_picture : content.data.employee_profile_picture.id,
                    'contentType': contentType,
                    'secureContent': secureContent
                };
                content.data.employee_profile_pictureURL = contentClient.getRenditionURL(params);
            }

            console.log(content);

            try {
                // Mustache
                template = Mustache.render(templateHtml, content);

                if (template) {
                    $(parentObj).append(template);
                }
            } catch (e) {
                console.error(e.stack);
            }
        }
    };

    return ContentLayout;
});

      Hvis du vil ha opplysninger om hvordan du redigerer render.js og andre filer, kan du se Utvikle komponenter.

  8. Importer de endrede filene slik at de erstatter det eksisterende innholdsoppsettet.
    1. Klikk på Dokumenter på hjemmesiden.
    2. Last det endrede innholdsoppsettet til en mappe, i en fil med filtypen ZIP, som inneholder samme mappe- og filnavn som det du eksporterte.
      Hvis du vil importere det som et nytt innholdsoppsett, må du endre GUID-en for innholdsoppsettet i _folder.json.
    3. Klikk på Utvikler på hjemmesiden.
      Siden Utvikler vises.
    4. Klikk på Vis alle komponenter.
    5. På menyen Opprett velger du Importer komponent.
    6. Merk boksen ved siden av den lastede ZIP-filen som inneholder den endrede komponenten, og klikk på OK.

    Det endrede innholdsoppsettet importeres til Komponenter.

Du kan også eksportere et innholdsoppsett for å kopiere det eller flytte det til en annen Oracle Content Management-forekomst og importere det der.