Studio Editor: Kapsayıcıları Kullanma
3 dakikalık okuma
Kapsayıcılar, site içeriğini kolaylaştırmanıza ve yapılandırmanıza yardımcı olan duyarlı düzen araçlarıdır. Bunları sitenin tasarımını tamamlayacak şekilde özelleştirebilir ve metin, medya ve düğme gibi ögeler ekleyebilirsiniz.
Bu makalede bilgi edinebileceğiniz konular:
Siteye kapsayıcı ekleme
Müşterinin tasarım ve içerik ihtiyaçlarına uygun bir kapsayıcı ekleyerek başlayın. Önceden tasarlanmış ve üzerinde gezinme kapsayıcıları arasından seçim yapabilir veya boş bir tasarımla sıfırdan başlayabilirsiniz.
Kapsayıcı eklemek için:
- Editörün sol tarafındaki Öge Ekle simgesine
tıklayın. - Kapsayıcılar'ı seçin.
- Bir kapsayıcı stili (Boş, Tasarımlı veya Üzerinde Gezinme) seçin.
- Seçtiğiniz kapsayıcıyı tıklayıp sayfaya sürükleyin.
Kapsayıcı tasarlama
Kapsayıcının tasarımını sitenizin estetiğini tamamlayacak şekilde özelleştirin. Arka plan rengini değiştirebilir, yarıçapı ayarlayabilir ve daha fazlasını yapabilirsiniz.
Bir konteyner tasarlamak için:
- İlgili kapsayıcıyı seçin.
- Editörün sağ üst köşesindeki Denetçiyi Aç simgesine
tıklayın.
- Tasarım altından kapsayıcıyı nasıl özelleştirmek istediğinizi seçin:
- Arka Plan: Arka plan dolgu rengini ayarlayın ve daha fazla veya daha az görünür hale getirin.
- Cam efekti: Konteynere buzlu cam efekti uygulayın ve bulanıklığın yoğunluğunu ayarlayın.
- Kenarlık: Kapsayıcıya kenarlık ekleyin ve boyutunu, rengini ve opaklığını ayarlamak için seçenekleri kullanın.
- Köşeler: Kapsayıcı köşelerinin yarıçapını (px cinsinden) daha yuvarlak veya keskin hale getirmek için ayarlayın.
- Gölge: Kapsayıcıya bir gölge efekti ekleyin ve özelleştirin.
Kapsayıcılara öge ekleme
Bir kapsayıcının içine yerleştirdiğiniz ögeler otomatik olarak eklenir. Bu, kapsayıcıyı ve ekli ögeleri bir bütün olarak sürükleyebileceğiniz ve Katmanlar panelinde birlikte görüntüleyebileceğiniz anlamına gelir.
Kapsayıcıya öge eklemek için:
- İlgili ögeye tıklayın.
- Kapsayıcıda istenen konuma sürükleyin.
- İliştir mesajını gördüğünüzde ögeyi bırakın.
Izgarayı kapsayıcıya uygulama
Düzenini yapılandırmak için konteynere gelişmiş CSS ızgarası uygulayın. İstediğiniz satır ve sütun sayısını seçebilir ve duyarlı ölçümleri (örneğin fr, Min/max, %) kullanarak boyutlarını ayarlayabilirsiniz.
Kapsayıcıya ızgara uygulamak için:
- İlgili kapsayıcıyı seçin.
- Diğer Eylemler simgesine
tıklayın. - Gelişmiş CSS Izgara Uygula'ya tıklayın.
- 1x1 açılır menüsünden bir düzen seçin.
İpucu: Satır ve sütun sayınızı kendiniz belirlemek istiyorsanız Diğer'i seçin.
Bu içerik yardımcı oldu mu?
|