Studio Editor: Esnek Kutular Ekleme ve Ayarlama
2 dakikalık okuma
Site içeriğinizin görüntülenmesini kolaylaştırmak için esnek kutular kullanın. Esnek kutular, duyarlı kapsayıcılardan oluşan düzen araçlarıdır, böylece ziyaretçilerinizin ekran boyutlarına göre otomatik olarak ayarlanırlar.
1. Adım | Esnek kutu ekleme
Bir esnek kutu hazır ayarı seçmek ve onu sayfanıza sürüklemek için Ekle panelini açın. Göstermeniz gereken içerik türüne göre (ör. sadece görüntü, görüntü ve metin vb.) seçebileceğiniz birçok tasarım vardır.
Esnek kutu eklemek için:
- Editör'ün sol çubuğundaki Öge Ekle simgesine
tıklayın. - Düzen Araçları'na tıklayın.
- Esnek Kutular'a tıklayın.
- Seçtiğiniz enek kutuyu sayfaya sürükleyip bırakın.
Nasıl çalıştığını görün:
Esnek kutu içeriğinin kesme noktalarında nasıl sorunsuz bir şekilde yeniden düzenlendiğini görmek için tuvalinizdeki tutmaçları sürükleyin.
2. Adım | Esnek kutuya öge ekleme
Esnek kutular, duyarlı konteyner olan birkaç ögeden oluşur. Bir esnek kutudaki öge sayısını değiştirebilirsiniz; bu, ögeleri mevcut alana sığacak şekilde otomatik olarak yeniden boyutlandırır.
Yeni bir öge eklemek için Denetçi'de Öge Ekle'ye tıklayabilir veya Ögeleri Yönet panelini kullanın'ı seçebilirsiniz.
3. Adım | Bir esnek kutuya öge ekleme
Ögelere ögeler ekleyerek esnek kutunuzda ne görüntülemek istediğinizi seçin. Hangi cihazda olurlarsa olsunlar ziyaretçilere özgün bir deneyim sunmak için farklı kesme noktalarında ögeleri gizleyebilir/gösterebilirsiniz.
Bir ögeye öge eklemek için:
- Editör'ün sol çubuğundaki Öge Ekle simgesine tıklayın.
- Eklemek istediğiniz öge türünü seçin.
- Sayfanıza eklemek için seçtiğiniz ögeye tıklayın.
- Ögeyi flexbox ögesine sürükleyin ve İliştir ifadesini gördüğünüzde bırakın.
Sırada ne var?
İstediğiniz içeriği, istediğiniz şekilde görüntülemek için Enek Kutular'ı özelleştirin ve yönetin.
Bu içerik yardımcı oldu mu?
|