Studio Editor: Ögeleri DOM Sıralamasına Göre Yeniden Düzenleme

3 dakikalık okuma
Studio Editor sitelerindeki ögeleri DOM sıralamasına göre yeniden düzenleyebilirsiniz. Bu işlem ekran okuyucular gibi yardımcı teknolojiler kullanan ziyaretçilerin site içeriğinde gösterilme sırasına göre gezinebilmesini sağladığı için sitenizin erişilebilirliğini iyileştirebilir.
Bu makalede bilgi edinebileceğiniz konular:
Bilmenizde fayda var:
Sitede yığınlar ve esnek kutular gibi daha karmaşık düzen araçları kullanılıyorsa, ögeleri DOM sıralamasına göre düzenlemek özellikle önemlidir.

DOM sıralamasının önemi

Site ziyaretçilerinizden bazıları sitenizde gezinmek için ekran okuyucu gibi yardımcı teknolojiler kullanabilir. Sitenin DOM sıralaması bu teknolojilerin "okuma" sırasını belirler.
Mantıklı bir DOM sıralaması tüm ziyaretçilerin site içeriğinde gezinebilmesi açısından önemlidir. Örneğin, site menüsü önce gelmeli, ardından başlıktaki diğer ögeler, ardından sayfa başlığı, ardından sayfa içeriği vb. onu izlemelidir.
Sitenizin DOM sıralamasını kontrol etmek mi istiyorsunuz?
Canlı sitenizde klavyenizin Sekme tuşunu veya bir ekran okuyucu kullanarak sitenizin otomatik DOM sıralamasını kontrol edebilirsiniz.

DOM sıralamasını otomatik olarak yeniden düzenleme

Sitenizdeki bir bölümde, esnek kutuda, yığında veya sayfada bulunan ögelerin DOM sıralamasını otomatik olarak yeniden düzenleyebilirsiniz. Sıralama işleminde ögelerin soldan sağa ve yukarıdan aşağıya doğru izlediği görsel öncelik sırası esas alınır. 
İpucu:
Bir sayfanın DOM sıralamasını yeniden düzenlemek sayfanın optimize edilmesini sağlayarak düzen sorunlarını iyileştirebilir.

Bir sayfanın DOM sıralamasını yeniden düzenlemek için:

  1. Sol çubuktaki Sayfalar simgesine  tıklayın.
  2. İlgili sayfayı seçin.
  3. Diğer Eylemler simgesine  tıklayın.
  4. DOM Sıralamasını Yeniden Düzenle'ye tıklayın.
Bir sitenin Sayfalar paneli. İmleç bir sayfanın DOM sıralamasını yeniden düzenleme seçeneğine tıklıyor.

Ögelerin DOM sıralamasını yeniden düzenlemek için:

  1. Editörün sol çubuğundaki Katmanlar simgesine  tıklayın.
  2. İlgili bölümü, esnek kutuyu veya yığını seçin.
  3. Diğer Eylemler simgesine  tıklayın.
  4. DOM Sıralamasını Yeniden Düzenle'ye tıklayın.
Bir sitenin Katmanlar paneli. İmleç bir bölümün DOM sıralamasını yeniden düzenleme seçeneğine tıklıyor.

DOM sıralamasını manuel olarak değiştirme

Sitenizin DOM sıralaması standart olarak optimize edilir. Ancak üzerinde çalıştığınız bir sitenin DOM sıralamasıyla ilgili bir sorun fark ettiyseniz, ögelerin görsel sıralamasına (soldan sağa ve yukarıdan aşağıya) uyacak şekilde manuel olarak güncelleyebilirsiniz.

DOM sıralamasını manuel olarak değiştirmek için:

  1. Editörün sol çubuğundaki Katmanlar simgesine  tıklayın.
  2. Mevcut seçenekleri düzenleyin:
    • Bir bölüm içindeki ögeler: 
      1. İlgili bölüme tıklayarak açın.
      2. Ögeleri doğru konuma sürükleyip bırakın.
    • Bölümler: 
      1. En üstteki bölümün üzerine gelin ve Diğer Eylemler simgesine  tıklayın.
      2. Düzenle'ye tıklayın.
      3. Öne Getir'e tıklayın.
      4. Panelde yukarıdan aşağıya tüm diğer bölümler için bu adımları tekrarlayın.
Bir sitenin Katmanlar paneli. İmleç üst bölümü öne getirme seçeneğine tıklıyor.

Bu içerik yardımcı oldu mu?

|