Editor X: Esnek Kutu ve Izgara Tabanlı Araçlar Arasında Seçim Yapma

Editor X platformu sayfanızdaki ögeleri düzenlemek için farklı amaçlara yönelik olarak kullanabileceğiniz çeşitli düzen araçları sunar. Karmaşık tasarım kompozisyonları planlarken bu araçların temel olarak Izgara (Grid) ve Esnek Kutu (Flexbox) adındaki iki yaygın CSS teknolojisine dayandığını bilmeniz önemlidir. 

Editor X Izgara araçları temel olarak bir boyutunda sütunların diğer boyutunda satırların bulunduğu iki boyutlu CSS modeline dayanır. Bu ızgaralar büyük duyarlı düzenler tasarlarken ön tanımlı hücrelerin içine yerleştirdiğiniz ögelerin yapısını kontrol etmenizi sağlar. 

Editor X'teki Kılavuzlar duyarlı tasarım davranışlarının tanımlandığı karmaşık düzenler oluşturmak için kullanılabilen gerçek CSS ızgaralarıdır. Her kesme noktası için farklı sütun/satır sayısı veya boyut belirleyebilme özelliği sayesinde kompozisyonlarınız her zaman piksel bazında bir kusursuzluğa sahip olur.

Sütunların, satırların ve boşlukların (aralıkların) boyutunu ayarlarken piksel, yüzde, kesir gibi sabit ve değişken ölçüler kullanabilirsiniz.

Kapsayıcılar tasarım kompozisyonları oluşturmak için kullanabileceğiniz en temel düzen aracıdır. Kapsayıcı kutusuna ögeler eklediğinizde, kapsayıcı otomatik olarak bu ögelerin üst ögesi haline gelir ve her birinin yapısını belirler. Kapsayıcılar bir sayfa bölümünden daha küçük olması gereken 'bağımsız' kompozisyonlar oluşturmak için kullanılan etkili araçlardır. 

Sayfa Bölümleri kendisine bağlı tüm alt ögelerin yapısını belirleyen kapsayıcılardır. Bölümünüze bir Kılavuz uygulamayı tercih edebilir veya ögeleri ihtiyaç duyduğunuz şekilde konumlandırabilirsiniz. 

Editor X'teki düzen araçlarımızın çoğunda kullandığımız Esnek Kutu düzeni tek boyutlu bir CSS modeline dayanır. Bu araçlara eklenen ögeler esnekleşir, yani gerektiğinde kayarak, boşluğu dolduracak şekilde genişleyerek veya çerçeveye sığacak şekilde küçülerek üst ögeye otomatik olarak sığarlar.

Yığınlar dikey olarak sıralanan ögeleri barındıran şeffaf esnek kapsayıcılardır. Birkaç metin kutusundan veya bir metin ögesiyle altındaki bir düğmeden yığın oluşturabilirsiniz. Yığın oluşturma işlemi ögeler arasındaki mesafelerin korunmasını sağlayarak ögelerin daha küçük ekranlarda üst üste binmelerini önler.

Düzenleyiciler kendi seçtiğiniz bir düzende birçok öge barındıran esnek kapsayıcılardır. Ücretsiz şablonlar halinde sunulan bu araçların tasarımlarını kılavuz uygulayarak veya ögeler ekleyerek kendi ihtiyaçlarınıza göre özelleştirebilirsiniz. 

Tek yapmanız gereken bir görünüm şekli (ör. Kaydırıcı, Mozaik, Sütunlar) belirlemektir ve bundan sonrasını Düzenleyici halleder: Ögeleriniz her kesme noktasında kusursuz görünecek şekilde yeniden boyutlandırılır. Ayrıca her görüntü alanı için farklı bir görünüm şekli belirleyebilirsiniz (ör. Kaydırıcı düzenleri mobil cihazlar için idealdir).

Tekrarlayıcılar birçok ögeyi kendi seçtiğiniz bir düzende barındıran esnek kapsayıcılardır. Ögelerin aynı düzene ve tasarıma sahip olmasını ancak farklı içerikler sergilemesini isteyen tasarımcılar için en ideal seçenektir. Düzen ve tasarım ayarlamaları otomatik yapıldığı için bütünlük konusunda endişelenmeniz gerekmez. 

Tekrarlayıcıları özgün kılan en önemli özelliği içerik koleksiyonlarınıza bağlanabilmeleridir. Bu özellik mevcut tasarımı etkilemeden içeriği arka uçtan yönetmenizi ve güncellemenizi sağlar. 

Öncelikle her ekran boyutu için nasıl bir düzen istediğinizi belirleyin. Ardından ihtiyacınız olan özellikleri içeren bir düzen aracı seçebilirsiniz. 

Editor X düzen araçları arasındaki bazı önemli farkları öğrenmek için aşağıdaki başlıklara tıklayın: