Tema Oluşturma

Mevcut bir temayı kopyalayarak ve kopyada değişiklik yaparak yeni bir tema oluşturabilirsiniz. Yeni bir temada Önyükleme içeriğini de içe aktarabilir ve kullanabilirsiniz.

Not:

Yeni bir tema oluştururken veya mevcut bir temada güncelleme yaparken her zaman temanın bir kopyasını oluşturun ve kopyada çalışın. Onu örnek bir siteyle veya gerçek sitenizin bir kopyasında test ederek doğru çalıştığına emin olun. Mevcut bir temada yapılan değişikliklerin, revize edilen tema yayımlandıktan hemen sonra temayı kullanan tüm sitelere uygulanacağını unutmayın.

Tema Kopyalama

  1. Giriş sayfasında Geliştirici'ye tıklayın.

    Geliştirici sayfası görüntülenir.

  2. Tüm Temaları Görüntüle'ye tıklayın.

    Mevcut temaların listesi görüntülenir. Görünüm simgesine tıklayıp listeden bir seçenek belirleyerek temaların nasıl görüntülendiğini kontrol edebilirsiniz.

  3. Bir temayı seçip sağ tıklama menüsünde Kopyala'yı seçin veya eylemler çubuğunda Kopyala simgesi öğesine tıklayın.

    Örnek sayfalar ve içerik dahil olmak üzere temadaki tüm klasörler ve dosyalar da kopyalanır.

    Not:

    Temayı kopyaladığınızda temanın paylaşım bilgileri kopyalanmaz.
  4. Kopyalanan tema için bir ad girin. Başka bir tema tarafından kullanılan bir ad kullanamazsınız.

    Ad bilgisinde harf, sayı, alt çizgi (_) ve tire (-) karakterlerini kullanabilirsiniz. Boşluk girerseniz bu otomatik olarak tireyle değiştirilir.

    Şu adları şablonlar, temalar, bileşenler, siteler veya site sayfaları için kullanmayın: authsite, content, pages, scstemplate_*, _comps, _components, _compsdelivery, _idcservice, _sitescloud, _sitesclouddelivery, _themes, _themesdelivery. Şu adları site sayfaları için kullanabilirsiniz ancak şablonlar, temalar, bileşenler veya siteler için kullanmayın: documents, sites.

  5. İsteğe bağlı olarak tema için bir açıklama girin.

  6. Kopyala'ya tıklayın.

    Bir ilerleme çubuğunda yeni tama ve kopyalama statüsü gösterilir. Tema kopyalandığında, adı tema listesinde görüntülenir. Tema listesinde temanın adına tıklayarak temayı oluşturan klasörlere ve dosyalara gözatabilirsiniz.

  7. Tema klasörlerini ve dosyalarını yerel sisteminizle eşzamanlı kılmak için Oracle Content Management masaüstü uygulamasını kullanın. Bu, yerel klasörlere gözatmanızı ve dosyalarla doğrudan çalışmanızı sağlar. Temada yaptığınız değişiklikler otomatik olarak senkronize edilir. İstediğiniz HTML, kod veya metin düzenleme araçlarını kullanarak değişiklik yapabilirsiniz.

Sitede Özel Stillerin Kullanılıp Kullanılamayacağını Belirleme

Tema yöneticileri bir temayla sağlanan stilleri belirtebilir veya stilleri özelleştirebilir.

Temanın components.json dosyasındaki bir ayar, Site Builder'da özel stiller oluşturulup oluşturulamayacağını belirler. Bunun amacı, siteye katkıda bulunan kişinin siteyi oluştururken sitenin stilinden ayrılmamasını ve örneğin başka yazı tipleri ve renkler kullanmamasını kontrol etmektir.

Bir sitede özel stillerin kullanımını yasaklamak için:

  1. Bileşenlerin Ayarlar panelinde Özelleştir seçeneğini gizleyin.

    Temanın components.json dosyasına, diğer bileşen tanımlarıyla birlikte şu nesneyi ekleyin:

    [
        {
            "showStyleClassOnly": "true"
        }
    ]
  2. CKEditor'ın araç çubuğu gruplarını ve düğmelerini özelleştirerek özel stili kaldırın:

    Temanın components.json dosyasında, Title and Paragraph bileşenlerine yönelik gruplardaki grupları ve düğmeleri özelleştirmek için CKEditor'ın toolbarGroups ve removeButtons niteliklerini belirleyebilirsiniz.

    Örneğin stilleri, yazı tipini ve renkleri Styles grubundan kaldırmak için diğer bileşen tanımlarıyla birlikte şu nesneleri ekleyin:

    [
        {
            "name": "",
            "list": [
                {
                    "type": "scs-title",
                    "id": "scs-title",
                    "config": {
                        "toolbarGroups": [
                            {
                                "name": "basicstyles",
                                "groups": ["basicstyles"]
                            },
                            {
                                "name": "styles",
                                "groups": ["styles"]
                            },
                            {
                                "name": "colors",
                                "groups": ["colors"]
                            },
                            "/",
                            {
                                "name": "undo",
                                "groups": ["undo"]
                            },
                            {
                                "name": "links",
                                "groups": ["links"]
                            },
                            {
                                "name": "paragraph",
                                "groups": ["list", "indent"]
                            },
                            {
                                "name": "align",
                                "groups": ["align"]
                            },
                            {
                                "name": "cleanup",
                                "groups": ["cleanup"]
                            }
                        ],
                        "removeButtons": "Styles,Subscript,Superscript,Strike,Anchor,Blockquote,Link,Unlink,Font,TextColor,BGColor"
                    }
                },
                {
                    "type": "scs-paragraph",
                    "id": "scs-paragraph",
                    "config": {
                        "toolbarGroups": [
                            {
                                "name": "basicstyles",
                                "groups": ["basicstyles"]
                            },
                            {
                                "name": "styles",
                                "groups": ["styles"]
                            },
                            {
                                "name": "colors",
                                "groups": ["colors"]
                            },
                            "/",
                            {
                                "name": "undo",
                                "groups": ["undo"]
                            },
                            {
                                "name": "links",
                                "groups": ["links"]
                            },
                            {
                                "name": "paragraph",
                                "groups": ["list", "indent"]
                            },
                            {
                                "name": "align",
                                "groups": ["align"]
                            },
                            {
                                "name": "insert",
                                "groups": ["image", "table"]
                            },
                            {
                                "name": "cleanup",
                                "groups": ["cleanup"]
                            }
                        ],
                        "removeButtons": "Styles,Subscript,Superscript,Strike,Anchor,Blockquote,Link,Unlink,Font,TextColor,BGColor"
                    }
                }
            ]
        }
    ]
  3. Stil ayarlarının CKEditor'a yapıştırılmasını önleyin.

    Yapıştırılan nesneler, konfigüre edilmiş stilleri ve düğmeleri takip eder. Önceki örnekte, Font yapıştırılan veriden kaldırıldı.

Özel stilleri yasaklamanın etkileri şunlardır:
  • Tüm yerleşik bileşenlerde style sekmesi (o) Özelleştir seçeneğini gizler.
  • CKEditor'da, stil ayarlamak için kullanılan araç çubuğu düğmeleri gizlenir ve yazı tipi ailesi, yazı tipi rengi vb. ayarların belirtimi geçersiz kılınır.
  • Yine CKEditor'da, yapıştırılan metinle bir stil belirlenmesi mümkün olmamalıdır. Kalın veya italik yazılara izin verilmez.

Temanın Bileşenlerini ve Bölüm Yerleşimlerini Gizleme

Bir temanın components.json dosyasını düzenleyerek bileşenleri ve bölüm yerleşimlerini gizleyebilir, site geliştiricilerinin bunları kullanmasını önleyebilirsiniz. Tutarlı bir görünüm sağlamak için bunu yapmak isteyebilirsiniz. Bkz. Temanın Bileşenlerini ve Bölüm Yerleşimlerini Gizleme.

Temayı Bir Site İle Doğrulama

Temayı düzenlemeyi tamamladıktan sonra, tüm parçaların sitede planlandığı gibi çalışıp çalışmadığını kontrol etmeniz gerekir.

  1. Kopyalanan klasörlerinizi ve dosyalarınızı Oracle Content Management masaüstü uygulamasıyla eşzamanlı kıldığınıza ve tüm değişikliklerin kaydedildiğine emin olun.

  2. Site Oluşturucuda bir site açın (test sitesi veya mevcut bir çevrimdışı site olabilir) ve yeni temayı kullanmak için siteyi değiştirin.

  3. Sayfa ekleyip ayarları kullanarak, resimleri görüntüleyerek, menü seçimini kontrol ederek ve yeni temada değiştirdiğiniz diğer şeyleri kontrol ederek siteyi temayla test edin.

  4. Tüm dosya ve bağlantılar dahil olmak üzere her şeyin doğru görüntülendiğine emin olun.

  5. Sitenin tema değişikliklerini uygulaması için temayı yayımlayın ve ardından çalıştırma zamanı ortamında kontrol edin.

Bkz. Temaları Yayımlama.

Önyükleme Teması Kullanma

Oracle Content Management temaları ile Önyükleme temaları arasındaki benzerlik, mevcut Önyükleme tema sayfalarının ve içeriklerinin Oracle Content Management temasında kullanılmak üzere dönüştürülmesini mümkün kılar.

Önyükleme, web siteleri ve web uygulamaları oluşturmak için üretilmiş ücretsiz ve açık kaynaklı bir araç koleksiyonudur. Arayüz bileşenleri ve JavaScript uzantıları için HTML ve CSS tabanlı tasarım şablonları içerir.

Tema oluşturmayla aynı talimatı uygularsınız, ancak Önyükleme temasından istediğiniz sayfaları veya içeriği içe aktarmak ve düzenlemek için kodlarla çalışırsınız (tercih edeceğiniz düzenleyiciyi kullanarak).

Bir Önyükleme temasını, temanın tüm sayfaları ve içerikleriyle kullanmanız pek olası değildir. Genellikle bir Oracle Content Management temasında kullanmak için temanın bölümlerini seçersiniz (belki sadece birkaç sayfa şablonunu veya bunların bazı kısımlarını). Örneğin, bir Önyükleme temasında şablonlar içinde başlık, gezinme bloğu, gövde bloğu ve altbilgi bloğu gibi çeşitli bloklar yer alır. Önyükleme temalarının doğrudan dosya sisteminden (web sunucusu içermeyen) görüntülenebilen bir dosya koleksiyonu olarak sunulma şeklinden dolayı, temalar her sayfada birçok kopya içerir (sayfa birleştirme motoru olmadığından bunu yapmak zorundadırlar). Bir Oracle Content Management temasında bu bilgiyi kullanırken, bu bölümleri almanız ve yeniden kullanılabilir Oracle Content Management sayfa şablonlarına eklemeniz, ardından Oracle Content Management'i kullanarak bu şablonlardan birden fazla sayfayı dinamik olarak birleştirmeniz gerekir.

Bilgiyi yeniden kullanılabilir şablonlara eklemeye örnek olarak gezinme bölümü gösterilebilir. Gezinme, tüm sayfalarda tekrarlanan tipik bir Önyükleme temasıdır. Ancak, bunu bir Oracle Content Management temasına taşırken, sitenin hiyerarşisinde dinamik olarak gezinmek ve gezinme yapılarını oluşturmak için JavaScript kodunu kullanmanız gerekir. Daha sonra bu komut listesini tüm sayfalara eklersiniz ve bunların hepsi gezinmeyi alır. Sayfalar siteye eklendikçe veya kaldırıldıkça bu gezinme uyarlanır.

Bkz. Önyüklemeden veya Web Sitesi Tasarım Şablonundan Site Şablonu Oluşturma.