WordPress'te Akordeon Nasıl Eklenir (Adım Adım Kılavuz)

WordPress web sitenizde bir açılış sayfası, ürün sayfası veya SSS sayfası mı tasarlıyorsunuz? O halde sayfa tasarımlarınızda akordeon kullanmalısınız.

Akordeonlar, web sitelerinin keşfedilmesini kolaylaştırır ve kullanıcı deneyimini geliştirir. Ayrıca, dağınıklığı azaltmaya ve ekstra uzun web sayfalarını kısaltmaya yardımcı olurlar.

Bu adım adım kılavuzda, tek bir kod satırı yazmanıza gerek kalmadan web sitenizde nasıl akordeon bölümü yapacağınızı gösteriyoruz.

WordPress kullanmanın harika bir yanı, basit bir eklenti kullanarak web sitenize akordeon gibi harika özellikler ekleyebilmenizdir. Bu kılavuzda, sadece birkaç tıklamayla bir akordeon bölümü oluşturmak için Kahramanca SSS'leri kullanıyoruz.

Size süreç boyunca adım adım yol göstereceğiz. Başlayalım!

Sıkça Sorulan Sorular Bölümleri Oluşturun - Kolay Yol!

Bir SSS oluşturun ve genel ziyaretçi sorularını yanıtlamaya yardımcı olun.

Eklentiyi Alın

Akordeon Nedir?

Akordeonlar, içeriğin birden çok bölümünü tek bir yerde düzenlemek için web tasarımında kullanılan çok kullanışlı bir tasarım stratejisidir. Basitçe söylemek gerekirse, akordeonlar, çok sayıda içeriği tek bir bölümde paketlemek için sayfa tasarımlarınızda daraltılabilir sekmeler içeren bir bölüm oluşturmanıza olanak tanır.

Örneğin, sık sorulan sorular (SSS) bölümü yapıyorsanız, soruları ve yanıtları düzgün bir şekilde düzenlemek için bir akordeon kullanabilirsiniz. Bu şekilde, katlanabilir bir akordeonda yalnızca soruları gösterebilir ve cevapları gizleyebilirsiniz. Sayfa tasarımında yerden tasarruf etmenizi sağlar ve kullanıcıların yanıtları keşfetmesi için daha kolay bir yol sunar.

Tesco'nun SSS sayfasını düzenlemek için akordeonları nasıl kullandığına bir göz atın.

Eskiden, web siteleri yatay olarak sekmeli akordeonlar da kullanırdı. Ancak günümüzde web sitesi tasarımlarında nadiren kullanılmaktadırlar.

Akordeon ve Toggle Arasındaki Fark

Çoğu insan akordeonları geçişlerle karıştırır. Benzer görünseler de davranışları farklıdır.

Örneğin, bir kullanıcı akordeondaki bir başlığa tıkladığında, içeriği kendi sekmesinde görüntüler. Ancak başka bir başlığa tıkladıklarında, yeni sekmeyi görüntülemek için önceki sekme kapanır.

Geçişlerle, sekmelerin açık kalmasını sağlamak için bu davranışı değiştirebilirsiniz. Ve kullanıcıların sekmeleri manuel olarak kapatmasına izin verin.

Kısacası, akordeonlar bir seferde yalnızca bir sekmeyi açık tutar. Geçişler, aynı anda açılan birden çok sekmeyi görüntülemek için ayarlanabilir.

Bu iki seçenek hakkında endişelenmenize gerek yok çünkü WordPress'te akordeon ayarlamak için kullandığımız eklenti bu iki seçeneği de destekliyor.

Neden Akordeon Kullanılır?

Akordeon kullanmanın birçok faydası vardır. İşte bunları web sitenizde kullanmak için birkaç neden.

Çok Yerden Tasarruf Edin

Aradığınız içeriği bulmak için sizi sonsuza kadar aşağı kaydırmaya zorlayan uzun bir web sayfasını hiç ziyaret ettiniz mi? Neyse ki, akordeonlar bu sorunu çözüyor.

Akordeon kullanmanın ana faydası, web sitenizde yerden tasarruf etme yeteneğidir. Ekstra uzun sayfalar yapmak yerine, tüm önemli bilgileri sekmelerin arkasına gizleyebilirsiniz. Ve kullanıcıların başlıkları gözden geçirerek soruları ve cevapları bulmasına izin verin.

Daha İyi İçerik Organizasyonu

Akordeonlar, içeriği kullanıcı dostu bir yapıda düzenlemenize de olanak tanır. Akordeonlarla, içeriği kategoriler ve konular altında düzenlemek için sekmeleri iç içe yerleştirebilirsiniz. Bunu, size daha önce gösterdiğimiz Tesco SSS sayfasında çalışırken görebilirsiniz.

Her Yere Göm

Akordeonlar web sitenizin herhangi bir yerine yerleştirilebilir. Örneğin, fiyatlandırma sayfanıza veya bir ürün açılış sayfanıza SSS akordeon bölümleri ekleyebilirsiniz. Bu, ürününüzle ilgili sık sorulan soruları çok fazla yer kaplamadan yanıtlamanıza olanak tanır.

Sayfa Boyutunu Küçült

Web sayfalarınızın boyutu, bir web sitesinin sayfa yükleme hızında önemli bir rol oynar. Bildiğiniz gibi sayfa yükleme hızı, Google tarafından kullanılan ana sıralama faktörlerinden biridir.

WordPress web sitelerinde akordeon kullanırken, bir widget olarak gömülebildiklerinden web sitenizin sayfa yükleme hızını önemli ölçüde artırabilirsiniz.

Kahramanca SSS ile Bir Akordeon Nasıl Eklenir

Bu eğitim için Heroic FAQs WordPress eklentisini kullanıyoruz. Sadece deneyimli geliştiricilerden oluşan kendi ekibimiz tarafından oluşturulduğu için değil. Temel olarak, birçok özellik içeren bir eklenti olduğu için. Ve diğer eklentilerden çok daha fazla değer sağlar.

Heroic FAQs eklentisini kullanarak, web siteniz için de benzersiz SSS'ler ve bilgi bölümleri oluşturabilirsiniz.

Şimdi uygulamalı eğitime geçelim.

Adım 1: Heroic SSS'lerini İndirin ve Kurun

İlk olarak, WordPress web sitenize Heroic FAQs eklentisini indirip yüklemeniz gerekir. Eklentiyi satın aldıktan sonra, Heroic hesap kontrol panelinizden indirebileceksiniz.

Ardından, WordPress yönetici kontrol panelinize giriş yapın. Eklentiler >> Yeni Sayfa Ekle'ye gidin ve Yükle seçeneğini seçin. Heroic FAQs eklentisini içeren indirilen ZIP dosyasını bulmak için bilgisayarınıza göz atın ve yükleyin .

Kurulumu tamamladıktan sonra, eklentinizi lisans anahtarınızı kullanarak etkinleştirdiğinizden emin olun.

2. Adım: Bir SSS Grubu Oluşturun

Kahramanca SSS eklentisi daha sonra ilk kurulum süreciniz boyunca size rehberlik edecektir. Sadece talimatlarını takip edin.

Bir SSS grubu oluşturarak başlayın. Burası, tüm SSS'lerinizin gruplandırılacağı ve düzenleneceği yerdir.

Ardından bu gruba SSS eklemeye başlayabilirsiniz. Bunlar soru ve cevap olabilir. Veya ürün özellikleriyle ilgili ayrıntılar. Veya istediğiniz herhangi bir şey.

Unutmayın, istediğiniz kadar SSS ekleyebilirsiniz.

3. Adım: Akordiyonu Yerleştirin

Artık SSS grubunuzu bir sayfaya veya gönderiye yerleştirebilirsiniz. Yeni Gutenberg blok düzenleyicisiyle, Kahramanca SSS ile akordeon eklemek çok daha kolay.

Yeni bir sayfa oluşturun veya mevcut bir sayfayı düzenleyin. Yeni bir Blok ekleyin ve Kahramanca SSS içerik bloğunu arayın.

Sol taraftaki Heroic FAQ blok panelinden sayfada görünmesini istediğiniz FAQ grubunu seçebilirsiniz. Akordeon tasarımının stilini değiştirmenin yanı sıra.

Adım 4: Akordeon ve Geçiş Arasında Geçiş Yapın

Kahramanca SSS ile, tek bir tıklama ile akordeon ve geçiş seçenekleri arasında seçim yapabilirsiniz.

Adım 5: Akordiyonu Önizleyin

Akordeonun nasıl göründüğünü görmek için sayfayı önizleyin. Ardından, değişiklikleri kaydetmek için Yayınla'ya basabilirsiniz.

Sonuç olarak

Kullanıcı etkileşimini artırmak ve müşterilere daha fazla değer sağlamak için akordeonlardan yararlanmanın birçok farklı yolu vardır. Akordeonları başka yararlı şekillerde kullanmak için kendi benzersiz yaklaşımlarınızı bulmak için rehberimizi bir basamak taşı olarak kullanın.

Bu arada, daha fazla ipucu için blogumuza göz atmaktan çekinmeyin. En iyi bilgi tabanı yazılımı karşılaştırmamızı oldukça faydalı bulacaksınız.