Bir Tema İçin Bileşen Hizalama, Genişlik veya Aralık Seçeneklerini Gizleme

Çoğu bileşen öndeğer olarak, site oluşturan kullanıcıların bileşenin ayarlar iletişim kutusunda hizalama, genişlik ve aralık seçeneklerini belirlemelerine olanak tanır. Bununla birlikte geliştirici olarak, katkıda bulunanların içeriği site temasıyla uyumsuz bir şekilde görüntülemelerini engellemek için özel bir bileşende bu seçenekleri gizlemek isteyebilirsiniz. Örneğin, bir düğmeyi merkeze alan ve aralığı 30 piksele sabitleyen tutarlı bir görünüm kullanılmasını isterseniz temanın components.json dosyasını düzenleyerek ayarlarda bunları değiştirme seçeneklerini gizleyebilirsiniz.

Özel bir bileşenin başlangıç öndeğerlerini geçersiz kılmak da isteyebilirsiniz. Bu da components.json dosyası düzenlenerek yapılabilir. Başlangıç değerlerinde yapılan değişiklikler sadece düzenlenen components.json dosyası yeni bir sürüm olarak yüklendikten sonra sayfaya eklenen bileşenlere uygulanır.

Temadaki bir bileşene yönelik hizalama, genişlik veya aralık ayar seçeneklerini gizlemek için:

1. Oracle Content Management uygulamasında, sol gezinme menüsünde Geliştirici'ye tıklayın.
2. Geliştirici sayfasında, Tüm Temaları Görüntüle'ye tıklayın.
3. Temalar sayfasında değiştirilecek temayı seçip sağ tıklama menüsünde Aç'a tıklayın veya eylemler çubuğunda simgesine tıklayın.
4. components.json dosyasını seçin ve İndir'e tıklayın.
5. components.json dosyasını bir metin düzenleyicisinde açın.
6. Bileşen tipini ve no'sunu belirlemek için nesneler ekleyin ve gizlemek istediğiniz niteliği true olarak ayarlayın.
   Örneğin aşağıdaki, ayarlar iletişim kutusunda bir düğme bileşeninin hizalama, genişlik ve aralık niteliklerini gizleyen bir giriştir:

   "type":"scs-button",
   "id":"scs-button",
   "hideAlignmentAndWidth": true,
   "hideSpacing": true,

   Düğme bileşeninin hizalama ve aralık niteliği öndeğerlerini geçersiz kılmak isterseniz aşağıda başlangıç değerlerinin nasıl belirleneceğine ilişkin bir örnek verilmiştir:

   "initialData": {
       "alignment": "center",
       "marginTop": 30,
       "marginBottom": 30

   Temada kullanılan bir düğme bileşeninin ayarlar iletişim kutusunda hizalama, genişlik ve aralık seçeneklerini belirlemek için components.json dosyasına yapılacak tam giriş aşağıdaki gibidir:

   [
       {
           "name": "",
           "list": [
               {
                   "type": "scs-button",
                   "id": "scs-button",
                   "hideAlignmentAndWidth": true,
                   "hideSpacing": true,
                   "initialData": {
                       "alignment": "center",
                       "marginTop": 30,
                       "marginBottom": 30
                   }
               }
           ]
       },
       {
           "name": "Starter",
           "list": [
               {
                   "type": "component",
                   "id": "StarterComponent",
                   "themed": true
               },
               {
                   "type": "component",
                   "id": "StarterFooter",
                   "themed": true
               }
           ]
       }
   ]

7. İstediğiniz değişiklikleri yaptıktan sonra components.json dosyasını temaya yeni bir sürüm olarak yükleyin.