Akordeonlar, her biri içeriği genişleten veya daraltan tıklanabilir bir başlık içeren, içeriğin daraltılabilir bölümlerini görüntüler. Bu kılavuzda, WordPress.com sitenizde Akordeon blokunu nasıl ekleyeceğinizi, özelleştireceğinizi ve kullanacağınızı öğreneceksiniz.
Bilgileri organize etmek, sayfa uzunluğunu azaltmak ve ziyaretçilerin kendileri için en önemli içeriğe odaklanmalarına izin vermek için akordeonları kullanın. Akordeonlar, ziyaretçilerin seçici bir şekilde gezinmek isteyebilecekleri içerikleri düzenlemek için iyi çalışır. Bunları kullanmanın popüler yollarından bazıları şunlardır:
- Şartlar ve politikalar: Ziyaretçileri bunaltmadan yasal veya politika bilgilerini gösterin.
- SSS: Genişletilebilir yanıtlarla sık sorulan soruları gruplayın.
- Ürün ayrıntıları: Daraltılabilir bölümlerde teknik özellikleri, boyut kılavuzlarını veya gönderim bilgilerini gösterin.
- Adım adım talimatlar: Eğitimleri veya kılavuzları kolayca öğrenilen adımlara bölün.
- Etkinlik zamanlamaları: Ajandaları veya güzergahları zamana veya oturuma göre düzenleyin.
- Ekip biyografileri: Her ekip üyesiyle ilgili daha ayrıntılı bilgiler içeren kısa tanıtımlar gösterin.
Akordeon blokunu bir sayfaya veya gönderiye eklemek için şu adımları izleyin:
- Sitenizin panosunu ziyaret edin.
- Sayfalara veya Gönderilere gidin ve akordeonu eklemek istediğiniz sayfaya/gönderiye tıklayın.
- + blok ekleyici simgesine tıklayın.
- “Akordeon bloku” araması yapın ve bloku gönderiye veya sayfaya ekleyin:
Blok ekleme hakkında ayrıntılı yönergelere buradan ulaşabilirsiniz.
Akordeon blokunu gönderinize veya sayfanıza ilk eklediğinizde şu bölümlere sahip olursunuz:
- Akordeon öğesi: Her daraltılabilir bölüm, bir başlık ve panel içerir.
- Akordeon başlığı: İçeriği genişleten veya daraltan tıklanabilir başlık.
- Akordeon paneli: Üst bilgiye tıklandığında gösterilen içerik.
Akordeonunuzu tamamlamak için:
- Başlığınızı veya başlık metninizi istediğiniz zaman görünür şekilde ekleyin.
- Akordeon Paneli alanının içine tıklayın veya Liste Görünümünü kullanarak seçin.
- Akordeon paneli alanına blok eklemek için + blok ekleyicisine tıklayın. Metin, görsel, video ve diğer bloklar dahil olmak üzere istediğiniz türde içerik ekleyebilirsiniz.
Akordeon bloku, akordeonun nasıl davranacağını kontrol eden ayarlar içerir. Bu ayarlara erişmek için Liste Görünümünü kullanarak üst Akordeon blokunu seçin ve blok ayarlarını sağ kenar çubuğunda açın.
Sağda kenar çubuğunu görmüyorsanız ayarları görüntülemek için sağ üst köşedeki Ayarlar simgesine tıklamanız gerekebilir. Bu simge, iki eşit olmayan sütuna sahip bir kareye benzer.
“İç bloklar içerik genişliği kullanır” özelliği açıldığında, Akordeon blokunun içindeki bloklar bu genişlik ayarlarına uyacaktır:
- İçerik: Bloklar için içerik alanının genişliği geniş veya tam genişlik olarak ayarlanmamış.
- Geniş: Bloklar için içeriğin genişliği geniş olarak ayarlandı.
Etkinleştirildiğinde, bir akordeon öğesi açıldığında diğer açık öğeler otomatik olarak kapatılır. Bu, içeriğinizi düzenli tutar ve ziyaretçilerin tek seferde bir bölüme odaklanmasını sağlar.
Her akordeon başlığının yanında görünen genişlet/daralt simgesini (genellikle “+” veya ok) açın/kapatın. Daha net ve minimal bir görünüm için bu seçeneği devre dışı bırakın.
Simgenin akordeon başlığının sol veya sağ tarafında görüntülenip görüntülenmeyeceğini seçin.
Sayfa yüklendiğinde, görüntülenecek belirli akordeon öğelerini genişletilmiş olarak ayarlayabilirsiniz. Bunu yapmak için şu adımları izleyin:
- Varsayılan olarak açmak istediğiniz Akordeon Öğe blokunu seçmek için Liste Görünümünü kullanın.
- Blok ayarları kenar çubuğunda “Varsayılan olarak aç” seçeneğini etkinleştirin.
Blok ayarları kenar çubuğunda, blokun tasarım ayarlarına erişmek için Stiller simgesine tıklayın. Stiller simgesi, dairenin yarısı doldurulmuş bir daire şeklindedir:
Kullanılabilir seçenekler şunlardır:
- Renkler: Akordeon başlıkları ve panelleri için arka plan ve metin renklerini ayarlayın.
- Arka plan görüntüsü: Üst Akordeon blokunun tamamına bir arka plan görüntüsü ekleyin.
- Tipografi: Metin için yazı tipi boyutunu ve stilini ayarlayın.
- Ölçüler: Akordeon öğelerinin çevresindeki dolguları ve kenar boşluklarını kontrol edin.
- Kenarlık ve gölge: Akordeona bir kenarlık ve gölge efekti ekleyin.
WordPress.com Destek 