Wix Studio, temel editörün aksine tüm ekran boyutlarında duyarlı çalışabilen bir web site tasarım editörüdür. Bu rehberde duyarlı web tasarımı ve Editor X'in sunduğu özelliklere yakından bakıyoruz.
Şubat 2020 tarihinde tanıtılan ve tasarımcılar ve ajanslar için yeni bir milat olması beklenen yeni tasarım editörü "Editor X" ile birlikte Wix, duyarlı (responsive) web tasarım yeteneğini de kazanmış oldu. Kullanıcı kitlesi tarafından uzun bir süredir istenen bu yeni özellik ile web tasarım pazarının hakimi konumundaki Wordpress'e bir adım daha yaklaşıldı.
Biz de bu yeni özelliği henüz beta aşamasından itibaren deneyimleyen ve kullanımını kavrayan sınırlı ilk kullanıcılardandık. Şimdi ise sizlerle, Editor X'e hızlı uyum sağlayabilmeniz adına deneyimlerimizi paylaşıyoruz.
Detaylara geçmeden önce, duyarlı web siteleri kavramından biraz bahsedelim.
1. Web Sitelerinde Duyarlı(Responsive) Tasarım Nedir?
Web'de gezinirken farklı cihazlarda ve haliyle farklı ekran boyutlarında sayfaları görüntülüyoruz. Farklı ekran çözünürlükleri sayfaların olduğundan daha biçimsiz görünmelerine yol açabilir. Duyarlı tasarım ise farklı ekran boyutlarına uyum sağlayarak, sayfa içeriğinin olabildiğince az etkilenmesini ya da hiç etkilenmemesini sağlar. Sayfa öğeleri bu işlem sırasında daralıp genişleyebilir yahut uzayıp kısalabilir, düğmelerin, satırların ve diğer şekillerin yerleri değişebilir.
2. Wix Editor X Nedir? Hangi Özellikleri Sunar?
Wix'in en yeni tasarım editörü, Editor X, sayfa tasarımlarınızın sizin belirlediğiniz kırılma noktalarında farklı hallere bürünmesini temel alır ve tümüyle duyarlı şekilde çalışmaktadır. Yerleşim düzenleri ve ızgaraların esnetilebilir oluşu, kırılgan özelleştirme imkanı ve kayar tasarım, ziyaretçiler sitenize hangi cihazdan erişiyor olursa olsun, sitenizin harika görünmesini sağlar.
Hiçbir kodlama bilgisi gerektirmeden kullanabileceğiniz Editor X'in öne çıkan özelliklerine göz atalım.
Izgara Düzenleme: CSS Grid temel alınarak hazırlanan 2D, gelişmiş bir düzenleme aracıdır.
Kitleme: Görüş alanı değiştiğinde çapalar, ögelere doğru uzanır.
İstifleme ve ölçekleme: Medyalar için görünmeyen duyarlı tasarım sağlar.
Metin ölçeği: Ölçeklenebilir metin boyutlarını destekler.
Esnek düzenleyici: Flexbox teknolojisine dayanan, yeniden boyutlandırma sırasında otomatik düzenlemeye elveren sistem.
Özel kırılma noktaları: Yalnızca standart cihazlar için değil, görüntülenen ekran boyutu her değiştiğinde site öğelerini uygun parçalara ayıran bir araç.
Esnek tuval: Farklı ekran boyutlarını eş zamanlı deneme imkanı sunar.
Gelişmiş boyutlandırma kontrolü: Modern CSS birimleriyle, sabit ya da kayar olarak sayfa ögelerini tanımlar.
Wix tasarım sistemi: Renk paletinizle eşleşen öne çıkarılmış hazır bölümler
2.1. Editor X ve Temel Editör Arasındaki Farklar
Wix Editor X, temel editörden tamamen farklı bir kullanım şekline sahiptir. Temel editörde, yalnızca belirli ölçekteki 2 ekran için tasarımı düzenleyebiliyorken; Editor X'de, o an tasarım yaptığınız ekran çözünürlüğünden başlayarak editörün ulaşabileceği en küçük mobil ekran çözünürlüğüne kadar tasarımı düzenleyebilirsiniz.
Temel editörde öğelerin boyutları (tekrarlayıcılar ve birkaç tanesi dışında) tüm ekranlarda aynı büyüklükte görüntülenip taşma ve sapmalara sebebiyet verirken; Editor X'de öğeler kırılma noktalarından itibaren farklı çözünürlükler için otomatik olarak yeniden boyutlandırılır. Bu hareket, sitenin görüntülendiği ekran çözünürlüğü arttığında ya da azaldığında tekrarlanır ve öğelerin şerit, kutu ve görseller üzerinde daha ölçekli ve hoş bir görünüme kavuşmasını sağlar.
Öğelerin yeniden boyutlandırılma işlemi sistem içerisinde sizin belirlediğiniz anlarda gerçekleşir. İsterseniz öğenin üst kısmını sabit tutarken ekran çözünürlüğü değiştiğinde alttan daralmaya, yanlardan sıkıştırılmaya başlamasını da seçebilirsiniz.
Temel editördeki gibi sürükle bırak kullanımı burada da devam ediyor olsa da, ana kullanım ve ücretlendirme oldukça değişiklik göstermektedir.
2.2. Paket Ücretleri
Editor X, hem TL hem de $ olarak temel editörden yaklaşık 4-6 kat daha pahalıdır. Bu durumda, temel editör üzerinden geliştirilmiş bir siteyi Editor X'de yeniden tasarlamak için maliyetleri olağanın çok çok üzerine çıkarmanız anlamına gelmektedir. Ayrıca şu anda temel editörden Editor X'e geçişi sağlayacak Wix tarafından sağlanan bir araç/uzantı olmadığı için bu geçişi yapmak inanılmaz bir zaman kaybına da sebep olacaktır.
Hem yüksek paket ücretini hem de alacağı zamanı düşündüğünüzde bu yazının yayınlandığı tarihlerde Editor X'i kullanmanın pek de akıllıca olacağı söylenilemez.
2.3. Wordpress mi Kullanmalı ve Editor X mi?
Editor X'in 2 yıllık ticari paketleri yaklaşık 8000 TL. Bir Wix sitesini eğer derin bir bilgiye sahip değilseniz hiçbir zaman tam olarak kullanmayı kavrayamayacağınızdan bir uzmana da siteyi düzeltmesi için danışmak zorunda kalacağınızı hesaba katarsak, 2 yıllık bir ticari Wix Editor X sitesi için 16-17 bin lirayı gözden çıkartmanız gerekiyor.
Wordpress'in barındırma ve temalarını BlueHost gibi firmalardan toplu alıp içerisine ihtiyaç duyabileceğiniz eklentileri de yerleştirdiğinizde (Wordpress hakkında internette binlerce video ve makale mevcut) Editor X'in ancak küçük-orta sınıf işletmeler tarafından tercih edilebileceği açık.
2.4. Bir Kullanıcı Editör X'i Kullanmaya Ne Zaman İhtiyaç Duyabilir?
Temel editörü sorunsuz şekilde kullanıyorsanız ve trafiğinizin büyük çoğunluğu masaüstü cihazlardan geliyorsa, Editor X kullanımına gerek olacağını düşünmeyin. Ancak mobil cihazlardan yüksek trafik elde ediyorsanız sitenizi mutlaka Editor X'de yeniden tasarlayın yahut Wix'i kullanmayı bir kenara bırakıp Wordpress'e geçin.
Yazının devam eden bölümlerinde Editor X'in kullanımı sırasında ortaya çıkan faydalardan ve zararlardan daha fazla söz ediyor olacağız.