Yerleşim, içeriğin bir site sayfasında nasıl düzenlendiğini tanımlar. Farklı düzenler farklı sayıda adlandırılmış yuva içerebilir. Yuva, sayfa genişliğine karşılık gelen ve bir veya daha fazla tipte içerik içerebilen bölgedir.
Her tema çeşitli sayfa düzenlerine sahiptir. Bkz. Temalar Hakkında.
Siteye bir sayfa eklediğinizde bu sayfa için kullanılacak düzeni de seçersiniz. Her yerleşim, sayfada yuva adı verilen, içeriği sürükleyip bırakabileceğiniz alanlar içerir. Bu yuvalara hangi içeriklerin yerleştirileceğini siz belirlersiniz. Başlıklar, metin ve bölücülerden çoklu ortamlara, galerilere ve sosyal medyaya kadar herhangi bir içerik olabilir.
Yerleşimlerde geçerli HTML yapılarının yanı sıra Oracle Content Management görüntüleyicisinin anladığı özel işaretleme yer alır. Yerleşimler, tarayıcının sayfayı standartlara uyumlu bir modda görüntülemesi için bir DOCTYPE deyimi ile başlamalıdır; örneğin: <!DOCTYPE html> Belirli bileşenler en iyi sonuca ulaşmak için bu deyimi gerektirir.
Şu örnek kod minimal bir yerleşim gösterir:
1 <!DOCTYPE html> 3 <head> 4 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 5 6 <script src="/_themes/[!--$SCS_THEME_NAME--]/assets/js/topnav.js"></script> 7 <link rel="stylesheet" type="text/css" 8 href="/_themes/[!--$SCS_THEME_NAME--]/assets/css/main.css"> 9 <link rel="stylesheet" type="text/css" 10 href="/_themes/[!--$SCS_THEME_NAME--]/designs/[!--$SCS_DESIGN_NAME--]/design.css"> 11 12 <!--$SCS_RENDER_INFO--> 13 <!--$SCS_SITE_HEADER--> 13 <!--$SCS_PAGE_HEADER--> 14 </head> 15 <body> 16 <div id="topNavigation"></div> 17 <div id="mainContentSlot" class="scs-slot scs-responsive"></div> 18 19 <script data-main="/_sitescloud/renderer/renderer.js" 20 src="/_sitescloud/renderer/require.js"></script> 21 <!--$SCS_SITE_FOOTER--> 22 </body> 23 </html>
Tarayıcıda bir sayfa görüntülenirken çeşitli belirteçler genişletilir.
[!--$SCS_THEME_NAME--]
Bu, site için seçili olan temanın adına genişler. Bu belirtecin kullanılması, bu belirteci kullanan URL'ler geçerli temayı referans aldığından temanın kopyalanmasına izin verir.
[!--$SCS_DESIGN_NAME--]
Bu, site için seçili olan tasarımın adına genişler. Bu, yerleşimi tema içindeki birden fazla tasarımın kullanmasına olanak tanır.
[!--$SCS_RENDER_INFO--]
Bu, sayfa hiyerarşisini ve sayfanın bileşen görüntüleme bilgilerini içeren bir komut listesi etiketine genişler. Bu, yerleşimin <head> bölümüne yerleştirilmelidir.
[!--$SCS_SITE_HEADER--]
Bu, Arama Motoru Optimizasyonu niteliklerindeki Başlık alanında belirtilen site başlığı değerine genişler. Tüm sayfalara yerleştirilmesini istediğiniz site geneli biçimlendirme buraya girilebilir. Bkz. Arama Motoru Niteliklerini Ayarlama.
[!--$SCS_PAGE_HEADER--]
Bu, Site Oluşturucu'daki Sayfa Ayarları niteliklerinde yer alan Sayfa Başlığı alanında bulunan bir sayfa başlığı değerine genişletir. Bu sayfa için yerleştirilmesini istediğiniz sayfaya özgü biçimlendirme buraya girilebilir.
[!--$SCS_SITE_FOOTER--]
Bu, Arama Motoru Optimizasyonu niteliklerindeki Altbilgi alanında bulunan site altbilgisi değerine genişler. Tüm sayfalara yerleştirilmesini istediğiniz site geneli biçimlendirme buraya girilebilir. Bkz. Arama Motoru Niteliklerini Ayarlama.
Not:
Belirteçler sınırlayıcı olarak[!--$ ve --] yerine <!--$ önekini ve --> sonekini de kullanabilir.Site çevrimiçi olduğunda, bağlantıda yer alan aşağıdaki belirteçler, kullanıldıkları bağlamın farkında olan gerçek değerlerle değiştirilir. Bu, bir site düzenlenirken ve çevrimiçi olduğunda yayımlanan sitede bağlantının çalışmasına olanak tanır.
/_sitescloud/ yerine /_sitesclouddelivery/ gelir
/_themes/ yerine /_themesdelivery/ gelir
Yuvalar, yerleşimdeki sınıf özelliğinde "scs-slot" değerine sahip DIV öğeleridir. Yuva, kullanıcıların site içeriğini doldurmak için bileşen ekleyebilecekleri yerdir. "scs-slot" sınıf özelliği atanarak birden fazla DIV öğesi yuva olarak belirlenebilir. Her yuvanın benzersiz bir id özelliği olmalıdır.
Not:
Yuvalar iç içe yerleştirilemez, ancak bunları yerpaylaştırmak için CSS kullanarak bu izlenimi verebilirsiniz. Bunu yapmak isterseniz bir bileşen grubu veya bölüm yerleşimi kullanın. Bkz. Bölüm Yerleşimi Oluşturma.Ek olarak "scs-responsive" sınıf özelliği değerine sahip olan yuvalar, tarayıcı görünüm bölmesi çözünürlüğü değiştirdikçe içeriklerini yeniler. Bu, yuvaların büyük bir masaüstü ekranı veya küçük bir mobil aygıt ile uyumlu olarak görüntülenmesine olanak tanır.
Son <script> etiketi (örnekteki 19. satır), Oracle Content Management görüntüleme kodunu yükler. Bu kod, sayfada bileşenleri görüntülemekten sorumludur ve ayrıca özel kodun Görüntüleme Uygulama Programı Arabirimine erişmesine izin verir. Bu <script> etiketi olmadan, yerleşimi temel alan sayfalar Site Oluşturucu tarafından değiştirilemez.