Studio Editor: Akordeon Ekleme ve Özelleştirme
5 dakikalık okuma
Küçük bir alanda büyük miktarda içerik göstermek için Akordeon ögesini kullanın. Ziyaretçilerin başlıkları genişletmelerine ve daraltmalarına izin vererek uzun bir listede hiç kaydırma yapmak zorunda kalmadan ihtiyaç duydukları bilgileri görüntülemelerini sağlayabilirsiniz.
Bu makalede öğrenecekleriniz:
Akordeon ekleme
En beğendiğiniz Akordeon tasarımını seçerek başlayın. Akordeon içindeki her bir ögeyi müşterinizin içeriğini gösterecek şekilde özelleştirebilirsiniz. İhtiyacınız olan içerik ögelerini ekleyin ve kapsayıcının içinde istediğiniz yere konumlandırın.
Akordeon eklemek için:
- Editörün sol çubuğundaki Öge Ekle simgesine
tıklayın. - Düzen Araçları'na tıklayın.
- Akordeonlar simgesine tıklayın.
- Beğendiğiniz bir tasarımı sayfanıza sürükleyin.
- Akordeon ögelerinin içeriğini düzenleyin:
- Az önce eklediğiniz Akordeon ögesini seçin.
- Ögeleri Yönet'e tıklayın.
- Düzenlemek istediğiniz ögeye tıklayın. İpucu: Bu işlem tuvalde ögeyi açar, böylece neyin gösterildiğini görebilirsiniz.
- İlgili içerik ögelerini ve bilgileri ekleyin.
Ögeler ekleme ve yönetme
Akordeonunuzda görünen ögeleri yönetin. Müşterinizin içeriği için daha fazla öge ekleyebilir, onlara yeni başlıklar verebilir ve görüntülenme sırasını değiştirebilirsiniz.
Akordeon ögeleri eklemek ve yönetmek için:
- Akordeon ögesini seçin.
- Ögeleri Yönet'e tıklayın.
- İlgili ögenin üzerine gelin ve Diğer Eylemler simgesine
tıklayın. - Çoğalt, Yeniden Adlandır veya Sil seçeneklerini kullanarak ögeyi yönetin.
İpuçları:
- Yeni boş öge eklemek için panelin altındaki Öge Ekle'ye tıklayın.
- Ögelerinizin sırasını değiştirebilirsiniz. İlgili ögenin yanındaki Yeniden Sırala simgesine
basılı tutarak onu istediğiniz konuma sürükleyin.
Akordeon içindeki ögelerin nasıl açılacaklarını ve kapanacaklarını belirleme
Akordeonunuzun canlı sitenizde nasıl görüneceğine karar verin. Ziyaretçilerin tüm bilgileri tek bakışta görmeleri için ögelerin hepsini açabilir veya daha minimal bir görünüm elde etmek için kapatabilirsiniz. Ayrıca ziyaretçilerin aynı anda birden fazla öge açmasına izin verip vermeyeceğinize karar verebilirsiniz.
Akordeon içindeki ögelerin nasıl açılacaklarını ve kapanacaklarını belirlemek için:
- Akordeon ögesini seçin.
- Ayarlar simgesine
tıklayın. - Varsayılan durumu seçin başlığı altından seçim yapın:
- Tüm ögeler kapalı: Ziyaretçiler önce Akordeondaki ögeleri kapalı görür. Daha fazlasını okumak için hangi ögenin genişletileceğini seçerler.
- İlk öge açık: Ziyaretçiler yalnızca en üstteki ögenin içeriğini görürler. Diğer ögeler kapalıdır.
- Tüm ögeler açık: Ziyaretçiler sayfa yüklendiğinde tüm ögelerin içeriğini görürler.
- Birden çok açık ögeye izin ver geçiş düğmesine tıklayın:
- Etkin: Ziyaretçiler istedikleri kadar öge açabilir.
- Devre Dışı: Ziyaretçiler aynı anda yalnızca bir öge açabilir.
- (İsteğe bağlı) Ziyaretçiler ögeyi açmak için tıkladıklarında etkinleşen bir geçiş efekti uygulayın.
Not:
Varsayılan durum olarak Tüm açılan ögeler'i seçerseniz, birden fazla ögenin Akordeonda açık olmasına izin verilmez.
Akordeon tasarımını özelleştirme
Akordeonunuzdaki bölümlerin tasarımını sayfanızın bütünüyle eşleşecek şekilde düzenleyebilirsiniz. Öge başlıklarını, öge içeriğinin gösterildiği kapsayıcıları veya bir ögenin kapladığı tüm alanı (başlık ve kapsayıcı dahil) özelleştirin.
Akordeon tasarımını özelleştirmek için:
- Akordeon ögesini seçin.
- Editörün sağ üst köşesindeki Denetçiyi Aç simgesine
tıklayın.
- Açılır menüden tasarım hedefini seçin:
- Başlıklar: Bunlar, ögelerinizin başlıklarıdır. Başlıkları, ziyaretçiler üzerine geldiğinde farklı görünecek şekilde tasarlayabilirsiniz.
- Kapsayıcılar: Bunlar öge içeriğinin gösterildiği kapsayıcılardır.
- Akordeon ögeleri: Her bir ögenin kapladığı (başlık ve kapsayıcı dahil) tüm alanı temsil eder.
- Farklı renkler, yazı tipleri, kenarlıklar ve daha fazlasını seçmek için mevcut seçenekleri kullanın.
Akordeon düzenini ayarlama
Akordeon düzenini ihtiyaçlarınıza göre ayarlayın. Öge başlıklarınızın hizalamasını, dolgusunu ve konumunu belirleyebilir ve başlıkların yanında görünen simgeyi değiştirebilirsiniz.
İpucu:
Mükemmel piksel düzeninizi oluşturmak için her bir ögeye bir CSS ızgarası uygulayabilirsiniz.
Akordeon düzenini ayarlamak için:
- Akordeon ögesini seçin.
- Düzen simgesine
tıklayın. - Akordeon düzenini ayarlayın:
- Bir simge seçin: Öge başlıklarınızın yanında Ok veya Artı işareti gösterin.
- Simge konumu: Simgeyi başlıkların solunda veya sağında gösterin.
- Başlık dolgusu: Öge başlıklarının etrafına yatay ve dikey kenar dolgusu eklemek için kaydırıcıları sürükleyin.
Bu içerik yardımcı oldu mu?
|