En iyi WordPress akordeon eklentilerini mi arıyorsunuz?
Akordeon, içeriği katlanabilir bir sekme düzeninde görüntülemenizi sağlayan yararlı bir web tasarım öğesidir. Genellikle sıkça sorulan soruları veya ürün ayrıntılarını sayfanın çok fazla alanını kaplamadan görüntülemek için kullanılır.
Bu yazımızda web sitenizde kullanabileceğiniz en iyi WordPress akordeon eklentilerini paylaşacağız.
Bir Web Sitesindeki Akordeon Nedir?
Akordeon, her bir panele tıkladığınızda bilgileri gizleyebilen ve gösterebilen bir paneller listesidir. Sekmeli içeriğin geri kalanı kapalı kalırken, kullanıcıların hangi ayrıntı hakkında daha fazla bilgi edinmek istediklerini seçmelerini sağlar.
Birçok web sitesi sahibi, web sayfalarında biraz yer kazanırken tonlarca bilgiyi kapsamak istediklerinde akordeonları kullanır.
Akordeonların çevrimiçi belgelerde SSS (Sıkça Sorulan Sorular) olarak kullanıldığını görmüş olabilirsiniz. Kullanıcılar cevabı görmek için soruya tıklayabilir ve okumak istemezlerse tekrar kapatabilirler. SSS içeriği, arama sonuçlarında görünebildiğinden WordPress SEO için de daha yaygın hale gelmiştir.
WooCommerce ürün sayfaları da çok sayıda bilgiyi düzenlemek için genellikle akordeonlar kullanır. Müşteriler daha fazla açıklama istedikleri bir detaya tıklayabilirler.
WordPress varsayılan olarak akordeonlar için bir Gutenberg bloğuna sahip değildir. Bu yüzden birçok kullanıcı bu amaç için bir eklenti yükler.
WordPress web sitenizde kullanabileceğiniz en iyi WordPress akordeon eklentilerinden bazılarına bir göz atalım.
YasalUyarı: Bu vitrin için eklentileri seçerken, artılarını, eksilerini ve özelliklerini keşfetmek için her aracı test sitemize yükledik. Bu sayede yalnızca en iyi WordPress akordeon eklentilerini önerebildik.
1. Kahramanca SSS
Özellikle sıkça sorulan sorular için bir akordeon eklentisi kullanmak istiyorsanız Heroic FAQs‘a göz atın. Kolayca katlanabilir sekmeli içerik oluşturmanızı ve WordPress blogunuzda veya sitenizde herhangi bir yere eklemenizi sağlar.
Soru ve cevaplar oluşturabilmeniz, SSS’leri gruplandırabilmeniz ve öğeleri kolaylıkla yeniden sıralayabilmeniz için bir sürükle ve bırak düzenleyicisi ile birlikte gelir. Web sitenizin tasarımına mükemmel şekilde uyması için önceden tanımlanmış 5 akordeon stili ve birçok özelleştirme seçeneği vardır.
Örneğin, akordeonlarınıza resimler, blok alıntılar, videolar, listeler ve benzeri zengin içerikler ekleyebilirsiniz.
Heroic FAQs ayrıca SSS’lerinizi daha kişisel hale getirmek için 15 SSS simgesi seçeneği, akordeon veya geçiş stili seçenekleri, CSS3 animasyonları ve daha fazlasını sunar.
Kahramanca SSS’lerin Artıları:
- SSS içeriği için özelleştirmesi kolay akordeonlar.
- Akordeonlarınızı oluşturmak için kullanıcı dostu sürükle ve bırak editörü.
- Akordiyonlarınıza eklenecek zengin içerik öğeleri sunar, böylece onları çok daha ilgi çekici hale getirebilirsiniz.
- SSS içeriğinizin arama motorlarında görünebilmesi için yerleşik SSS şema desteğine sahiptir.
Kahramanca SSS’lerin Eksileri:
- Ücretsiz bir eklenti mevcut değildir.
- Yıllık fiyatı 149,50 dolardan başlayan Heroic KB ile birlikte satın alınmalıdır. Yani, bu eklenti bir tür eklenti gibidir.
Neden Heroic FAQs’ı seçtik? SSS içeriği için özel olarak tasarlanmış, kullanımı kolay bir akordeon eklentisi arıyorsanız mükemmeldir. Heroic KB ile birlikte satın almanız gerektiğinden, bir bilgi tabanı oluşturmak istiyorsanız da tavsiye ederiz.
2. SeedProd
Piyasadaki en iyi sürükle ve bırak WordPress sayfa oluşturucu olan SeedProd, kullanıcı dostu bir site oluşturmak için çeşitli bloklar sunar. Bunlar arasında sayfalarınıza genişleyen ve daralan metin bölümleri eklemenizi sağlayan bir akordeon bloğu bulunmaktadır.
Tek yapmanız gereken akordeon bloğunu sayfanıza sürükleyip bırakmak ve özelleştirmeye başlamak. İstediğiniz kadar metin bölümü oluşturabilir ve hatta kişisel bir dokunuş için Font Awesome’dan benzersiz bir açılır simge kullanabilirsiniz.
Akordeonu daha etkileşimli hale getirmek için bloğun tipografisini, renklerini, animasyon efektlerini ve daha fazlasını özelleştirmekten çekinmeyin.
SeedProd’un harika yanı, duyarlı bir akordeon yapmayı kolaylaştırmasıdır. Masaüstü ve mobil cihazlar için bloğun aralığını ayarlayabilir ve hatta sayfa belirli bir cihazda görüntüleniyorsa akordeonu gizlemeyi seçebilirsiniz.
SeedProd’un Artıları:
- Her seviyeden kullanıcı için kullanımı kolay sürükle-bırak editörü.
- Özelleştirme seçenekleri, başlık ve açılır menü simgesinden metin bölümünün gölgelerine kadar akordeonun tasarımı üzerinde tam kontrol sağlar.
- Mobil cihazlarda akordeonun aralığını ve görünürlüğünü ayarlamak için ayarlar sağlar, bu da kullanıcı deneyimini iyileştirmek için harikadır.
- Sürecinizi hızlandırmak için çeşitli kullanıma hazır SSS bölümü düzenleri sunar.
- Akordeon tasarımınızı daha kişisel hale getirmek için özel CSS ‘ye izin verir.
SeedProd’un Eksileri:
- Akordeon bloğu ücretsiz sürümde mevcut değildir.
Neden SeedProd’u seçtik? Akordeon bloğu yalnızca Pro sürümde mevcut olsa da, SeedProd ‘un hala tavsiye edilmeye değer olduğunu düşünüyoruz. Özelleştirilebilir bir akordeonun yanı sıra, benzersiz bir web sitesi oluşturmayı kolaylaştıran kullanıcı dostu bir sayfa oluşturucuya da erişebileceksiniz.
Daha fazla ayrıntı için SeedProd incelememizin tamamını görebilirsiniz.
3. Akordeonlar
Accordions biraz daha gelişmiş bir akordeon eklentisidir, ancak oldukça da güçlüdür.
Önceki eklentilerin aksine, WYSIWYG veya sürükle-bırak editörü ile gelmiyor. Arayüz çok daha basittir, canlı önizleme yoktur, ancak sınırsız akordeon eklemek ve özelleştirmek için birçok ayar görebilirsiniz.
Bu eklentinin en dikkat çekici özelliklerinden biri tembel yükleme ayarıdır. Bu, kullanıcının ekranı sayfada ona ulaşana kadar akordeonun yüklenmesini geciktirir. Bu şekilde, hızlı bir web sitesi performansı sağlayabilirsiniz.
Ayrıca, Pro sürümünü alırsanız, iç içe akordeonlar oluşturabilirsiniz. Açıklamanız gereken çok sayıda bilgi varsa ve bunları daha düzenli hale getirmek istiyorsanız bu özellik kullanışlı olacaktır.
Akordeonların Artıları:
- Akordeonları optimize etmek için tembel yükleme özelliğine sahiptir.
- Diğer eklentilerden akordeonları içe aktarmak için bir içe aktarma özelliği sunar.
- Aralarından seçim yapabileceğiniz iki tür akordeon sunar: geleneksel akordeon veya dikey sekmeler.
- Akordeonu genişletmek veya daraltmak için simgeleri özelleştirmek üzere Font Awesome simgeleri ile entegrasyon sunar.
- Pro plan, iç içe geçmiş akordeonlar ve yerleşik arama işlevi gibi gelişmiş özellikler içerir.
Akordeonların Eksileri:
- Arayüz çok kullanıcı dostu değildir.
- Akordiyonu yalnızca kısa kodları kullanarak görüntüleyebilirsiniz (bunun için yerleşik bir blok yoktur).
Neden Accordions’ı seçtik? Biraz kullanıcı dostu olmamasına rağmen Accordions, güzel akordeonlar oluşturmak için güçlü bir eklentidir. Pro planı, iç içe akordeonlar gibi diğer eklentilerde bulamayacağınız özellikler de içeriyor.
4. Thrive Mimar
Thrive Architect, akordeon/geçiş bloğuna sahip bir başka harika sayfa oluşturucudur. Sürükle ve bırak düzenleyicisine sahiptir, bu nedenle bu eklenti ile bir SSS veya ürün bilgileri bölümü tasarlamak kolaydır.
Thrive Architect’i benzersiz kılan şey, geçiş bloğunun animasyon stilini ve hızını özelleştirebilmenizdir. Bu, akordeonun nasıl davranacağı konusunda size daha fazla kontrol sunar.
Bunun dışında, geçiş bloğunda sütunlar oluşturabilirsiniz, bu da çok sayıda akordeon içeriğiniz varsa faydalı olabilir. Ayrıca, geçiş bloğunun arka plan rengini, tipografisini, gölgelerini ve benzerlerini özelleştirebilirsiniz.
Ziyaretçilerin dikkatini çekmek için geçişi varsayılan olarak genişletmek isterseniz bunu da yapabilirsiniz. Yalnızca ilk akordeonun içeriği gösterileceğinden, genişleme nedeniyle alanın sınırlı hale gelmesi konusunda endişelenmenize gerek yoktur.
Thrive Architect’in Artıları:
- Geçiş bloğu, tüm Thrive Architect ve Thrive Suite planlarıyla birlikte gelir.
- Kullanıcı dostu sürükle-bırak editörü.
- Akordeon bloğunun nasıl görüneceğini özelleştirmek için birçok yol.
- Tıklandığında nasıl davranacağını kontrol etmek üzere akordeon bloğunun animasyonunu yapılandırmak için gelişmiş ayarlar.
- Web sitesini daha duyarlı hale getirmek için masaüstü, mobil ve tablette geçişi görünür veya görünmez yapmak için ayarlar.
Thrive Architect’in Eksileri:
- Ücretsiz sürüm mevcut değildir.
- Otomatik kaydetme özelliği yok, bu nedenle çalışmanızı manuel olarak kaydetmeniz gerekiyor.
Neden Thrive Architect’i seçtik? Geçiş işlevine sahip bir sayfa oluşturucu arayışındaysanız Thrive Architect‘i deneyin. Akordeon oluşturmak için özelleştirme ayarları kapsamlıdır ve eklenti ile kolayca benzersiz bir web tasarımı ve çekici açılış sayfaları oluşturabilirsiniz.
Daha fazla bilgi için Thrive Architect incelememize bakın.
5. Nihai Bloklar
Ultimate Blocks, akordeon özelliğine sahip bir Gutenberg blok eklentisidir. Bunu kullanarak, ayrı bir arayüz yerine doğrudan blok düzenleyicisine bir içerik geçiş bloğu ekleyebilirsiniz.
Bu şekilde, bir SSS bölümü oluşturabilir ve bunu sayfanızda veya yazınızda istediğiniz yere kolayca yerleştirebilirsiniz.
Ultimate Blocks ile ilgili harika olan şey, akordeon başlığı için başlık etiketini seçebilmenizdir. Sonuç olarak, akordeon içeriğinizi SEO dostu hale getirebilir ve sayfanızın veya gönderinizin mantıksal yapısıyla hizalayabilirsiniz.
Pro sürümüne yükseltirseniz, kullanıcıların yanıtları hızlı bir şekilde arayabilmesi için akordeonun üstüne bir arama çubuğu da ekleyebilirsiniz.
Ultimate Blocks’un Artıları:
- Akordiyonu masaüstü, tablet veya mobil cihazlarda gizlemek için duyarlı tasarım kontrolleri sunar.
- SSS şema desteği ve özelleştirilebilir başlık etiketleri ile SEO dostu.
- İçerik geçiş bloğunu doğrudan sürükle ve bırak Gutenberg blok düzenleyicisine ekleyebileceğiniz için kullanımı kolaydır.
- Sekmeli ve genişletilebilir içerik blokları gibi alanı en aza indirirken bilgi sunmak için başka bloklar sağlar.
Ultimate Blocks’un Eksileri:
- Listedeki diğer eklentilere kıyasla sınırlı akordeon simgesi seçenekleri.
Neden Ultimate Blocks’u seçtik? Çoğu WordPress kullanıcısı blok editörüne zaten oldukça aşinadır, bu nedenle Ultimate Bl ocks doğrudan editöre bir akordeon eklemek için harikadır. İçerik geçiş bloğu ücretsiz eklenti sürümünde de mevcuttur.
Daha fazlasını öğrenmek için ayrıntılı Ultimate Blocks incelememize bakın.
6. Kolay Akordeon
WooCommerce ürün sayfalarınız için bir akordeon eklentisi arıyorsanız, Easy Accordion‘a göz atın. Pro sürümü, ürün sayfaları için ayrıntılı SSS bölümleri oluşturma desteği içerir.
Birden fazla ürün kategorisi için aynı SSS’ye sahipseniz, bunları bu eklenti ile kolayca uygulayabilirsiniz. Sonuç olarak, farklı sayfalar için farklı SSS’ler oluşturmak zorunda kalmazsınız.
Easy Accordion, WPML ve PolyLang gibi çok dilli eklentilerle uyumlu olduğu için çeviriye de hazırdır. Çok dilli bir işletmeniz varsa bu harika bir özelliktir.
Bir diğer harika özellik ise özel kısa kod oluşturucu. Bu, akordeon kısa kodlarınızı daha sonra yerleştirmeniz gerektiğinde kolayca farklılaştırmanızı sağlar.
Easy Accordion Pro’nun Artıları:
- Gutenberg ve çoğu büyük WordPress sayfa oluşturucu eklentisini destekler.
- Akordeon içeriğini eklerken zaman kazanmak için mevcut sayfalardan, gönderilerden, özel gönderi türlerinden ve hatta taksonomilerden akordeonlar oluşturabilirsiniz.
- Dikey sekmelerden ve çok sütunlu bölümlerden yatay geçişlere kadar çoklu akordeon düzenleri.
- Şema işaretleme ve nofollow bağlantılar gibi SEO özellikleri içerir.
Easy Accordion Pro’nun Eksileri:
- Eklenti ücretsiz bir sürümle geliyor, ancak onu harika yapan özelliklerin çoğu Pro sürümde kilitli.
Neden Easy Accordion’u seçtik: WooCommerce ürün sayfaları ve çeviri eklentileri için yerleşik destek, Easy Accordion ‘u çevrimiçi işletmeler için harika kılıyor.
7. Akordeon SSS
Sürükle-bırak oluşturucuya sahip gösterişsiz bir akordeon eklentisi arıyorsanız, Accordion FAQ‘dan başkasına bakmanıza gerek yok. Bununla kolayca birden fazla katlanabilir içerik bölümü oluşturabilir ve bunları arka uçtan istediğiniz gibi taşıyabilirsiniz.
Ücretsiz Accordion FAQ eklentisinin yalnızca bir şablonu vardır, ancak oldukça kullanıcı dostu ve çok yönlüdür. Daha fazla tasarım seçeneği için Pro sürüme yükseltebilir ve 18+ şablon elde edebilirsiniz.
Eklenti ayrıca akordeonu özelleştirmek için birçok yol sunar. Akordiyonu daha benzersiz hale getirmek için 30’dan fazla animasyon stilini, düzinelerce Font Awesome Simgesini ve 500’den fazla Google Yazı Tipini kullanmaktan çekinmeyin.
Akordeonun Artıları SSS:
- Kullanıcı dostu sürükle ve bırak akordeon editörü.
- Sınırsız renk seçeneği ve tonlarca animasyon stili, simge ve Google Yazı Tipi ile birçok özelleştirme seçeneği.
- Pro planların fiyatı oldukça uygun, 6 ay için 9 dolardan başlıyor.
- Akordeonlar için duyarlı bir tasarım oluşturan Bootstrap çerçevesine dayanmaktadır.
Akordeon Eksileri SSS:
- Ücretsiz eklenti sürümü, kötü bir kullanıcı deneyimi oluşturabilecek birden fazla reklam görüntüler.
Neden Accordion SSS’yi seçtik: Sürükle-bırak işlevselliğine sahip basit bir akordeon eklentisi arıyorsanız, eklenti sayfasındaki reklamlara aldırmadığınız sürece Accordion FAQ harika bir seçenektir.
Bonus: Shortcodes Ultimate
Shortcodes Ultimate, akordeonlar da dahil olmak üzere çeşitli içerik öğeleri eklemek için bir dizi kısa kodla birlikte gelen bir WordPress eklentisidir.
Kısa kodlar kullandığından, akordeon kısa kodunu WordPress sitenizin herhangi bir bölümüne, sayfalardan ve yazılardan widget’a hazır alanlara kadar ekleyebilirsiniz. Ayrıca çoğu modern temayla sorunsuz çalıştığından tema uyumluluğu konusunda endişelenmenize gerek kalmayacak.
Dezavantajı, akordeon için kısa kod ve HTML’nin oldukça uzun olması ve içeriğinizi eklerken dikkatli olmanız gerektiğidir. Bu yüzden bu seçeneği yukarıdaki gibi aynı listeye koymadık.
Daha fazla ayrıntı için Shortcodes Ultimate incelememizin tamamına bakın.
En İyi WordPress Akordeon Eklentisi Nedir?
En iyi WordPress akordeon eklentisi ihtiyaçlarınıza bağlıdır.
SSS içeriği için bir akordeon eklentisi arıyorsanız, en iyi seçenek Heroic FAQs‘tır. Sürükle ve bırak editörünün kullanımı kolaydır ve kutudan çıkar çıkmaz akordeon oluşturmak için çeşitli özelleştirme özellikleri içerir.
Akordeon bloğuna sahip bir sayfa oluşturucu arıyorsanız, SeedProd en iyi seçeneğinizdir. SeedProd, akordeonun nasıl görüneceği ve davranacağı konusunda çeşitli kontroller ve ayarlar sunar. Ayrıca, akordeon tasarımınız sayfanızdaki diğer öğelerle harika görünecektir.
Son olarak, ücretsiz bir WordPress akordeon eklentisi arayanlar Accordions‘ı düşünebilirler. Bu eklenti basit akordeonlar veya dikey sekmeli içerik oluşturmak için gereken her şeyi içerir. Tembel yükleme özelliği de akordeonun sitenizi yavaşlatmamasını sağlayacaktır.
WordPress’te Akordeonlar Hakkında SSS
WordPress’te akordeon ekleme hakkında sıkça sorulan bazı soruların üzerinden geçelim.
WordPress’e nasıl akordeon ekleyebilirim?
WordPress’e akordeon eklemenin en kolay yolu Heroic FAQs, SeedProd veya Accordions gibi bir eklenti kullanmaktır. Bu araçlarla sayfalarınıza ve yazılarınıza kullanıma hazır bir akordeon ekleyebilir ve istediğiniz gibi özelleştirebilirsiniz.
Hangi WordPress akordeon eklentisi en iyi özelleştirme seçeneklerini sunar?
Heroic FAQs, akordeon oluşturmak için en iyi özelleştirme seçeneklerini sunar. Sürükle ve bırak editörü, önceden tanımlanmış akordeon stilleri, 15 SSS simgesi seçeneği, CSS3 animasyonları, geçiş stili seçenekleri ve daha fazlasıyla birlikte gelir.
SeedProd ayrıca bir akordeonun nasıl göründüğünü ve davrandığını değiştirmek için kapsamlı özelleştirme seçenekleri sunar. Renk ve tipografiyi değiştirmenin yanı sıra, akordeonun boyutunu özellikle mobil cihazlar için ayarlayabilirsiniz.
SSS bölümleri oluşturmak için en iyi WordPress akordeon eklentisi hangisidir?
Heroic FAQs SSS bölümleri oluşturmak için mükemmel bir WordPress akordeon eklentisidir. Bu eklenti ile çeşitli stiller kullanarak akordeonlar oluşturabilir ve bilgilerinizin anlaşılmasını kolaylaştırmak için farklı zengin içerikler ekleyebilirsiniz.
WordPress’te Akordeon Kullanımı için En İyi Kılavuzlar
- En İyi SSS WordPress Eklentileri (Uzman Seçimi)
- WordPress’te Sıkça Sorulan Sorular (SSS) Bölümü Nasıl Eklenir?
- WordPress Yazılarında Toggle Efekti ile Metin Gösterme ve Gizleme
- WordPress’te Katlanabilir Kenar Çubuğu Menüsü Nasıl Oluşturulur (Kolay Yol)
- WordPress için Kolay ve Güçlü Havalı jQuery Eklentileri
Umarız bu makale en iyi WordPress akordeon eklentilerini bulmanıza yardımcı olmuştur. Ayrıca, en iyi e-posta pazarlama hizmetleri seçimlerimizi ve işletme web siteleri için sahip olunması gereken WordPress eklentileri uzman listemizi de görmek isteyebilirsiniz.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Hajjalah says
I personally use the Accordions plugin to structure some parts of my blog posts by making then collapsible or expandable with an accordion. This significantly decreases post page length since some content in collapsible in the accordion.
Another advantage of such accordion in a post page is that it enables the reader to only expand the desired content other that scrolling the entire page. This has greatly improved user experience on my blog. Thanks WPBeginner for this great tutorial.
Moinuddin Waheed says
Accordion is a nice way to display information in an organised way.
I have seen people mainly using accordion for faqs.
But this can be used for other important piece of information as well.
I have used elementor in the past for this purpose but since I have completely left out elementor, now exploring newfound love with seedprod.
WPBeginner Support says
We hope you find it useful
Yönetici
Jiří Vaněk says
I also use accordion for FAQ. Thanks to having elementor, I can use their accordion widget and don’t need another plugin. So just a piece of advice for those who have elementor, so you don’t have to install another plugin. Elementor has an accordion widget by default.
Gary Richards says
Hi,
Does this accordion have the ability to have sections and then within the sections the FAQs.
Currently I have categories with about 20 questions in each. Each category has its own accordion.
However, this is quite lengthly as it reveals all the questions in each category. So I kind of need a ‘double’ accordion if that makes sense.
Thanks.
WPBeginner Support says
You may want to take a look at the second plugin from our list for what it sounds like you are wanting.
Yönetici
Craig says
Can this be set up to continue contingent upon answer?
Ivan says
How does accordion work with SEO?
Can google read/rank text from accordion if all content is collapsed by default?
WPBeginner Support says
Yes, search engines would be able to read the accordion content.
Yönetici
Kiane says
Is it possible to use it on woocommerce single product page on tabs in woocommerce?
WPBeginner Support says
It would depend on the specific plugin you are asking about, we would recommend reaching out to the plugin’s support and they should be able to let you know if there is an integration for WooCommerce.
Yönetici
Michael Dubell says
Are there any solutions for adding content other than text in an accordion element? I would like my drop down to also include images/videos.
As always, thanks for the great content!
Michael
WPBeginner Support says
Depending on how you want the content displayed, these plugins can handle video and/or images in the accordions
Yönetici
John says
Timely info, thanks.
WPBeginner Support says
Glad we could share these plugins
Yönetici
Azhar Hussain says
Nice info about Accordions. Keep up the good work.
Thanks for sharing