Oracle Content Management ile İçerik Yerleşimleri Oluşturma

Site sayfasında görüntülenirken bir içerik öğesindeki alanları düzenlemek için bir içerik yerleşimi oluşturun. Bir içeriköğesi bir sayfaya eklendiğinde, seçili içerik yerleşimini kullanır.

Kurumsal kullanıcılar, geliştirici olarak sağladığınız içerik tiplerine ve yerleşimlerine göre içerik öğelerini oluşturabilir ve kullanabilir. Yeni içerik yerleşimlerini yerleşim öndeğerinden oluşturabilirsiniz. İçerik tipiyle ilişkili birden fazla içerik yerleşimi, site tasarımcısının içerik öğelerini farklı bağlamlarda içeriği değiştirmeden görüntülemesini mümkün kılar.

İçerik listesi bileşeninde bir içerik yerleşimi kullanırsanız içerik yerleşimi içerik öğesi başına bir kez tekrarlanır. İçerik yerleşimleri daha sonra bölüm yerleşimi tarafından düzenlenir.

Bir içerik yerleşimini çevrimdışı değiştirmek için dışa aktarabilir ve ardından mevcut içerik yerleşimiyle değiştirmek için içe aktarabilirsiniz.

İçerik yerleşimi oluşturmak için:

  1. Oracle Content Management giriş sayfasında, yan gezinme menüsünde Geliştirici'ye tıklayın.
    Geliştirici sayfası görüntülenir.
  2. Tüm Bileşenleri Görüntüle'ye tıklayın.
  3. Sağ kısımdaki Oluştur açılan menüsünden İçerik Yerleşimi Oluştur'u seçin.
  4. İçerik Yerleşimi Oluştur iletişim kutusunda yerleşimi kullanacak içerik tiplerini seçin, görüntülenecek alanları belirleyin ve site oluşturanların bir sayfaya içerik öğesi ve içeril listesi eklerken özel ayarlar ve stiller ekleyebilmesini istiyorsanız Sitelerde kullanıldığında özel ayarlar için destek ekle seçeneğini etkinleştirin.

    İçerik Yerleşimi Kategorisi

  5. İçerik yerleşiminiz için bir ad ve açıklama girin ve Oluştur'a tıklayın.

    İçerik yerleşimi bileşenlerinize eklenir.

    Not:

    İçerik yerleşimi başlıklarında yalnızca alfasayısal karakterler, tireler ve alt çizgiler geçerlidir.
  6. İçerik yerleşimini düzenlemek üzere dışa aktarmak için seçin ve ardından sağ tıklama menüsünde Dışa Aktar'a veya eylemler çubuğunda Dışa aktar simgesi simgesine tıklayın.
    1. Yeni bir klasör oluşturmak ve bir ad ile isteğe bağlı bir açıklama sağlamak için mevcut bir klasöre gidin veya Oluştur'a ve ardından Klasör'e tıklayın.
    2. Klasörün yanındaki onay kutusunu seçin ve Tamam'a tıklayın.
    3. Klasörün simgesine veya adına tıklayarak klasörü açın.

    Seçili klasörde içerik yerleşimi adına ve .zip uzantısına sahip bir yerleşim paketi dosyası oluşturulur. Dosyaları düzenlemek için dosyayı geliştirici ortamınıza indirin.

    İçerik yerleşiminin varlıklar klasörü

    Bu dosyalar, alanların Çalışan Kartı içerik yerleşimini kullanan içerik öğelerindeki yerleşimini kontrol eder. Sitelerde kullanıldığında özel ayarlar için destek ekle seçeneğini etkinleştirdiyseniz, tek bir içerik öğesinin görüntülenebilmesi için öğenin işleme öndeğerini sağlayan settings.html adlı ek bir dosya da oluşturulur.


    GUID-1B7C7C81-7057-4E9C-B98C-C982CC483961-default.png açıklaması aşağıdadır
    ''GUID-1B7C7C81-7057-4E9C-B98C-C982CC483961-default.png'' çiziminin açıklaması
  7. İstediğiniz içerik yerleşimini almak için design.css, layout.html ve render.js dosyalarını düzenleyin.

    Örneğin, şu dosyalar Çalışan Kartı içerik yerleşimini belirler:

    1. design.css dosyasını düzenleyin: 
      .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. layout.html dosyasını düzenleyin: 
      {{#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. render.js dosyasını düzenleyin: 
      /* 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;
});

      render.js dosyasını ve diğer dosyaları düzenleme hakkında bilgi için bkz. Bileşen Geliştirme.

  8. Mevcut içerik yerleşiminin yerine koymak için değiştirilen dosyalarınızı içe aktarın.
    1. Giriş sayfasında Dokümanlar'a tıklayın.
    2. Değiştirilen içerik yerleşimini, dışa aktardığınız aynı klasör ve dosya adlarını içeren bir klasöre .zip uzantısına sahip bir dosyada yükleyin.
      Bunu yeni bir içerik yerleşimi olarak içe aktarmak istiyorsanız _folder.json dosyasında içerik yerleşiminin global benzersiz tanımlayıcısını değiştirmeniz gerekir.
    3. Giriş sayfasında Geliştirici'ye tıklayın.
      Geliştirici sayfası görüntülenir.
    4. Tüm Bileşenleri Görüntüle'ye tıklayın.
    5. Oluştur menüsünde Bileşeni İçe Aktar'ı seçin.
    6. Değiştirilen bileşeni içeren yüklenmiş zip dosyasının yanındaki onay kutusunu seçip Tamam'a tıklayın.

    Değiştirilen içerik yerleşiminiz Bileşenler'e aktarılır.

Ayrıca bir içerik yerleşimini kopyalamak için dışa aktarabilirsiniz veya başka bir Oracle Content Management taşıyarak orada içe aktarabilirsiniz.