Sisällön asettelujen luonti Oracle Content Management -palvelulla

Luomalla sisällön asettelun voit asetella sivuston sivulla näytetyn sisältökohteen kentät. Kun sisältökohde lisätään sivulle, se käyttää valittua sisällön asettelua.

Yrityskäyttäjä voi luoda ja käyttää sisältökohteita, jotka perustuvat sisältötyyppeihin ja asetteluihin, jotka olet määrittänyt kehittäjänä. Voit luoda uusia sisällön asetteluja oletusasettelusta. Kun sisältötyyppiin on liitetty useita sisällön asetteluja, sivuston suunnittelija voi näyttää sisältökohteita eri konteksteissa muuttamatta sisältöä.

Jos käytät sisällön asettelua sisältölistakomponentissa, sisällön asettelu toistetaan jokaiselle sisältökohteelle. Sen jälkeen sisällön asettelut järjestetään osan asettelun mukaisesti.

Voit viedä sisällön asettelun, muokata sitä offline-tilassa ja korvata sitten olemassa olevan sisällön asettelun tuomalla sen.

Sisällön asettelun luonti:

Valitse Oracle Oracle Content Management -kotisivulla Kehittäjä reunassa olevasta navigointipalkista.
Kehittäjä-sivu avautuu.
Valitse Näytä kaikki komponentit.
Valitse oikealla olevasta avattavasta Luo-valikosta Luo sisällön asettelu.
Valitse Luo sisällön asettelu -valintaikkunassa asettelua käyttävät sisältötyypit, valitse näytettävät kentät ja ota käyttöön Lisää räätälöityjen asetusten tuki sivustoille, jos haluat sallia sivuston luojien lisätä räätälöityjä asetuksia ja tyylejä, kun he lisäävät sisältökohteita ja sisältölistakomponentteja sivulle.
Anna sisällön asettelun komponentin nimi ja kuvaus ja valitse Luo.

Sisällön asettelu lisätään komponentteihin.

Huomautus::
Vain aakkosnumeeriset merkit, viivat ja alaviivat ovat sallittuja sisällön asettelun otsikoissa.
Voit viedä sisällön asettelun muokattavaksi valitsemalla sen ja valitsemalla Vie hiiren kakkospainikkeen valikosta tai toimintopalkista.
1. Siirry valmiiseen kansioon tai luo uusi kansio valitsemalla Luo ja sen jälkeen Kansio. Anna kansiolle nimi ja valinnainen kuvaus.
2. Valitse valintaruutu kansion vierestä ja valitse OK.
3. Avaa kansio napsauttamalla sen kuvaketta.
Asettelun pakettitiedosto luodaan valitussa kansiossa sisällön asettelun nimeä ja .zip-tunnistetta käyttäen. Jos haluat muokata tiedostoja, nouda tiedosto kehitysympäristöön.

Nämä tiedostot ohjaavat kenttien asettelua sisältökohteissa, jotka käyttävät Employee-Card-sisältöasettelua. Jos olet ottanut käyttöön Lisää räätälöityjen asetusten tuki sivustoille -valinnan, järjestelmä luo myös settings.html-tiedoston, joka tarjoaa yksittäisen sisältökohteen oletusmuodostuksen, jotta sisältökohde voidaan näyttää.

Kuvan GUID-1B7C7C81-7057-4E9C-B98C-C982CC483961-default.png kuvaus

Luo haluamasi sisällön asettelu muokkaamalla design.css-, layout.html- ja render.js-tiedostoja.

Seuraavat tiedostot esimerkiksi määrittävät Employee-Card-sisältöasettelun:

Muokkaa design.css-tiedostoa:

.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;
}

Muokkaa layout.html-tiedostoa:

{{#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>

Muokkaa render.js-tiedostoa:

/* 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;
});

Tietoja render.js-tiedoston ja muiden tiedostojen muokkauksesta on kohdassa Komponenttien kehitys.

Korvaa olemassa oleva sisällön asettelu tuomalla muokatut tiedostot.
1. Valitse kotisivulla Asiakirjat.
2. Lataa muokattu sisällön asettelu kansioon .zip-tiedostona, joka sisältää samat kansion ja tiedostojen nimet kuin viedyssä sisällön asettelussa.
  Jos haluat tuoda sen uutena sisällön asetteluna, muuta sisällön asettelun GUID-tunnusta _folder.json-tiedostossa.
3. Valitse kotisivulla Kehittäjä.
  Kehittäjä-sivu avautuu.
4. Valitse Näytä kaikki komponentit.
5. Valitse Luo-valikosta Tuo komponentti.
6. Valitse valintaruutu muokatun komponentin sisältävän ladatun zip-tiedoston vierestä ja valitse OK.
Muokattu sisällön asettelu tuodaan Komponentit-kohtaan.

Voit myös viedä sisällön asettelun kopioitavaksi tai siirtää sen toiseen Oracle Content Management -instanssiin ja tuoda sen siihen.