Studio Editor: Boşluklar ve Yatay Kaydırma Çubuklarında Sorun Giderme

4 dakikalık okuma
Studio Editor'da bir site oluştururken istenmeyen boşluklar ve yatay kaydırma çubukları fark edebilirsiniz. Neleri kontrol etmeniz gerektiğini öğrenmek ve ziyaretçilere herhangi bir ekran boyutunda görünmediklerinden emin olmak için bu makaledeki adımları kullanın.
İçeriği görüntülemek için yatay olarak kaydırılması gereken canlı bir siteyi gösteren bir GIF.

1. Adım | Katmanlar panelinde ögeleri bulma ve yeniden konumlandırma

Bir öge bölüm sınırlarının dışındaysa, ögeyi tamamen görünür hale getirmek için otomatik olarak bir boşluk oluşturulur. Sayfa ögelerinizin bir listesini görmek için Katmanlar panelini kullanın ve bunları kontrol etmek ve yeniden konumlandırmak için her birine tıklayın.

Katmanlar panelinde ögeleri bulmak ve yeniden konumlandırmak için:

  1. Studio Editor'un solundaki Katmanlar simgesine tıklayın.
  2. Sayfada bulmak için bir öge seçin. 
  3. Aşağıdaki araçları kullanarak ögeyi yeniden konumlandırın:
Katmanlar panelinde bir görüntü seçiliyor. İmleç, Denetçi panelindeki genişlik alanının üzerinde geziniyor.

2. Adım | Sayfa kenarlarını kontrol edin

Bir öge bir bölümün içinde konumlandırılabilirken, kenarları yine de sayfanın sınırlarını aşabilir ve beyaz bir boşluk ve/veya yatay bir kaydırma çubuğu oluşturabilir. Bu durum genellikle metin ögelerinde ortaya çıkar. 
Her bölüme tıklayın ve sayfanın kenarlarına yakın tüm ögelerin üzerine gelin. Bunlardan herhangi biri taşarsa, bunları gerektiği gibi taşıyabilir veya yeniden boyutlandırabilirsiniz.
Bir Studio Editor sitesi. İmleç, sayfa sınırlarını aşan bir görüntünün üzerinde geziniyor.

3. Adım | Sayfanın Taşan İçerik ayarını değiştirin

Beyaz boşlukların ve yatay kaydırma çubuklarının sayfada otomatik olarak görüntülenmesini önlemek için bir sayfanın taşan içeriğini gizleyebilirsiniz. Bu ayar sayfanın kenarlarını "kırpır", böylece taşan ögeler (veya öge bölümleri) kırpılır. 

Taşan içerik ayarını değiştirmek için:

  1. Sayfanızı seçin:
    1. İlgili sayfaya gidin.
    2. Studio Editor'un solundaki Katmanlar simgesine tıklayın.
    3. Sayfa'ya tıklayın.
  2. Studio Editor'un sağ üstündeki Denetçiyi Aç okuna  tıklayın.
  3. Tasarım sekmesine tıklayın. 
  4. Taşan içerik açılır menüsünden Gizle'yi seçin.
Editörde bir sayfanın Denetçi paneli. İmleç Gizle seçeneğinin üzerinde geziniyor.

4. Adım | Bölümün yüksekliğini kontrol edin

Bir bölüm veya CSS Izgara için ayarladığınız yükseklik ve/veya minimum yükseklik bir boşluk oluşturabilir. Ekrana sığdır davranışını veya (görüntü alanının yüksekliğine bağlı olan) vh ölçümünü kullanıyorsanız, boşluk daha büyük ekranlarda daha büyük görünebilir. 
CSS Izgarasını ve bölümün boyutlandırmasını kontrol etmek ve bunların yüksekliklerini ve/veya minimum yüksekliğini gerektiği gibi değiştirmek için Denetçi panelini kullanabilirsiniz. 

Bölümün yüksekliğini kontrol etmek için:

  1. İlgili bölümü seçin.
  2. Studio Editor'ün sağ üstündeki Denetçiyi Aç okuna  tıklayın.
  3. Tasarım sekmesine tıklayın.
  4. Boyut altından Yükseklik ve Min H ayarlarını kontrol edin ve ayarlayın. 
Editörde bir bölümün Denetçi paneli. İmleç, Yükseklik alanının üzerinde geziniyor.

Sorun giderme

Müşterinizin canlı sitesinde hala istenmeyen boşluklar görüyorsanız, sorunu gidermek için bu eğitim videosuna göz atın. 

Bu içerik yardımcı oldu mu?

|