Studio Editor: Kesme noktalarını yönetme

4 dakikalık okuma
Studio Editor farklı kesme noktalarına uyum sağlayan tam duyarlı siteler oluşturmanıza olanak tanır. Site tasarımınızın farklı ekran genişliklerine uygulandığı sınır noktaları olarak tanımlanan kesme noktaları, kullandıkları cihaz her ne olursa olsun ziyaretçilerinizin her zaman sitenizin mümkün olan en iyi sürümünü görmelerini sağlar. 
Her sayfa ve şema için ilgili kesme noktalarını tanımlayın ve tasarımı buna göre özelleştirin.
Bu makalede öğrenecekleriniz:

Site kesme noktalarını görüntüleme

Studio Editor'da kullanıcı trafiğine göre en yaygın kesme noktaları (bilgisayar, tablet ve mobil) varsayılan olarak yüklüdür. Öne çıkan kesme noktalarımız oldukça geniş bir yelpazedeki ekran boyutlarını kapsasa da bunları ihtiyacınıza göre yeniden tanımlayabilir ve özelleştirebilirsiniz. 
Üç varsayılan kesme noktasını editörünüzün üst çubuğunda görebilirsiniz. Kesme noktalarına tıklayarak ilgili görünüme girin ve sayfayı/şemayı özelleştirmeye başlayın.
Studio Editor üst çubuğunun kırpılmış ekran görüntüsü. Kesme noktası simgeleri vurgulanıyor.
Ayrıca tuvalin iki yanındaki tutamaçları sürükleyerek kesme noktaları arasında geçiş yapabilirsiniz:
Editör tuvalinin kırpılmış ekran görüntüsü. Tuvali yeniden boyutlandırma tutamaçları vurgulanıyor.
İpucu:
Belirli bir kesme noktasının maksimum değerine hızlıca gitmek için tutamaçlara çift tıklayın. 

Yeni kesme noktası ekleme

Sayfa tasarımını varsayılan kesme noktalarına dahil olmayan belirli bir boyut için özelleştirmek isteyebilirsiniz. Panelden özel boyutlu bir kesme noktası ekleyin. 

Yeni bir kesme noktası eklemek için:

  1. Üzerinde çalıştığınız sayfayı veya şemayı seçin.
  2. Editörün üst çubuğundaki kesme noktalarının yanında bulunan Kesme Noktalarını Özelleştir simgesine tıklayın.
  3. Kesme Noktası Ekle'ye tıklayın.
  4. Kesme noktanızın piksel değerlerini girin.
  5. Tamam'a tıklayın.
Not:
Sitenizdeki her sayfa/şema için en fazla 6 farklı kesme noktası tanımlayabilirsiniz.
Üst çubukta açılan kesme noktalarını özelleştir panelinin kırpılmış ekran görüntüsü. İmleç Kesme Noktası Ekle'ye tıklıyor.

Mevcut kesme noktalarını düzenleme

Editörünüzdeki mevcut kesme noktalarının boyutunu müşterinizin site ihtiyaçlarına göre değiştirin. 

Mevcut kesme noktasını düzenlemek için:

  1. Üzerinde çalıştığınız sayfayı veya şemayı seçin.
  2. Editörün üst çubuğundaki kesme noktalarının yanında bulunan Kesme Noktalarını Özelleştir simgesine tıklayın.
  3. İlgili kesme noktasının üzerine gelin ve Düzenle simgesine tıklayın.
  4. Kesme noktanızın piksel değerlerini girin.
  5. Tamam'a tıklayın.
Üst çubukta açılan kesme noktalarını özelleştir panelinin kırpılmış ekran görüntüsü. İmleç Düzenle simgesine tıklıyor.

Kesme noktalarını silme

Müşteriniz sitenin belirli bir ekran boyutu için tasarlanmamasını isteyebilir. Bu durumda ilgili kesme noktasını silebilirsiniz. Kesme noktası tüm düzen ve tasarım özellikleriyle birlikte silinir.  
Önemli:
Bir kesme noktası kaldırıldığında, aradaki boşluğu tamamlamak üzere diğer kesme noktalarının piksel aralığı değişir. Bu durum tasarımınızın farklı görüntü alanlarına daha az duyarlı olmasına neden olabilir.

Bir kesme noktasını silmek için:

  1. Üzerinde çalıştığınız sayfayı veya şemayı seçin.
  2. Editörün üst çubuğundaki kesme noktalarının yanında bulunan Kesme Noktalarını Özelleştir simgesine tıklayın.
  3. İlgili kesme noktasının üzerine gelin.
  4. Sil simgesine tıklayın.
Not:
Sitede en az bir kesme noktası olmalıdır. Bu nedenle, en üstteki kesme noktasını listeden kaldırmak mümkün değildir. 
Üst çubukta açılan kesme noktalarını özelleştir panelinin kırpılmış ekran görüntüsü. İmleç Sil simgesine tıklıyor.

Bu içerik yardımcı oldu mu?

|