7 En İyi WordPress Akordeon Blok Eklentisi 2022 (Çoğunlukla Ücretsiz)

Yayınlanan: 2022-08-01

En iyi WordPress akordeon blok eklentilerini mi arıyorsunuz? Cevabınız evet ise, o zaman doğru yere geldiniz.

WordPress akordeon, web sitenizin ziyaretçilerinin kullanıcı deneyimini iyileştirmeye yardımcı olur. Bir akordeon, daraltılabilir bir sekme düzeni ile herhangi bir gönderiyi kolay ve hızlı bir şekilde okumanıza yardımcı olur. Bu nedenle, web sitenizin ziyaretçileri içeriğinizi zahmetsizce kolayca bulacaktır . Bu da daha düşük bir hemen çıkma oranına yol açar.

Ancak, harika özelliklere sahip birçok WordPress akordeon blok eklentisi vardır ve birini seçmek zor olabilir. Bu nedenle, piyasada bulunan en iyi WordPress akordeon blok eklentilerini seçtik. Hepsinden iyisi, çoğu ücretsizdir.

Lafı fazla uzatmadan başlayalım!

BU MAKALEDE: gizle
Neden Akordeon Bloğuna İhtiyacınız Var?
En İyi 7 WordPress Akordeon Blok Eklentisi 2022
1. Akordeon Blokları – WordPress eklentisi
2. İstiflenebilir
3. Gelişmiş Akordeon Gutenberg Bloğu
4. Gutenberg için Temel Bloklar
5. Nihai Bloklar
6. Kadence Bloklarından Gutenberg Blokları
7. Genişlet
Çözüm

Neden Akordeon Bloğuna İhtiyacınız Var?

Akordeon blok eklentileri, metin içeriğini kompakt veya daraltılabilir bir biçimde görüntüleyerek uzun kaydırmaları azaltır. Ayrıca, ürün açıklamaları, SSS'ler vb. gibi içerikleri görüntülemek için akordeon bloklarını kullanabilirsiniz.

Ayrıca arka plan rengini, kapsayıcı rengini, geçiş animasyonunu, koşul geçişini ve daha fazlasını web sitenizin tasarımına göre özelleştirebilirsiniz.

Bir WordPress web sitesinde akordeon bloğunun bazı kullanımları şunlardır:

  • Metin içeriklerinin etkileşimli teslimi yoluyla kullanıcı deneyimini geliştirmek.
  • Metin ağırlıklı içeriği ve uzun blogları sıkıştırarak blogunuzu basitleştirin ve okunabilir hale getirin .
  • Akordeon blokları, küçük ekranlı cihazlarda okuma deneyimini iyileştirir.
  • Ayrıca akordeon blokları, sayfa içi bağlantılara iyi bir alternatiftir.
  • Ayrıca, öğeleri iç içe geçirerek kategorilere ayırmanız gerektiğinde akordeon blokları yardımcı olur.

Bu nedenle, web sitenizin içeriğinin uzunluğunu en aza indirmek istiyorsanız, bir akordeon bloğu kullanmak isteyebilirsiniz. Şimdi, 2022 için en iyi 7 WordPress akordeon blok eklentisinin listesini kontrol edelim.

Öyleyse devam edelim!


En İyi 7 WordPress Akordeon Blok Eklentisi 2022

Burada, 2022 için en iyi WordPress akordeon blok eklentilerinden bazılarını kısa listeye aldık. Her birinin tam açıklamasını, özelliğini, fiyatlandırmasını ve oluşturma sürecini içerir. Bu yüzden, bunları iyice gözden geçirin ve sizin için doğru olanı seçin.

1. Akordeon Blokları – WordPress eklentisi

Akordeon Blokları, WordPress web sitenize Gutenberg blokları eklemenize izin veren sezgisel bir eklentidir. Ayrıca, HTML başlıklarıyla birlikte akordeon blokları oluşturabilir ve yayınlayabilirsiniz. Ayrıca, derinlemesine özelleştirme için akordeonları özel HTML ve CSS ile düzenleyebilirsiniz.

Akordeon Blok WordPress Eklentisi

Ana Özellikler:

  • Başka bir öğeyi açtığınızda mevcut akordeon öğesinin otomatik kapanmasını etkinleştirebilirsiniz.
  • Ayrıca, akordeon öğelerini gerektiği gibi iç içe yerleştirebilirsiniz.
  • Akordeon öğeleri, wp.blocks.registerBlockStyle kullanarak özel blok stillerini destekler.
  • Ayrıca, varsayılan olarak herhangi bir akordeon öğesini açmayı seçebilirsiniz.
  • Ayrıca, varsayılanları yeni öğelere ayarlayabilir veya belirli akordeon özelliklerini ayarlayabilirsiniz.

Akordeon Oluşturma:

Şimdi, bu eklentiyi kullanmak için WordPress kontrol panelinizde arama yapabilirsiniz. Ardından eklentiyi kurun ve etkinleştirin . Ardından gönderinize gidin, sağ üst köşedeki “+” düğmesine tıklayın ve Akordeon öğelerini seçin. Akordeon bloğu, aşağıdaki resimde gösterildiği gibi gönderinizde görünecektir.

WordPress Web Sitesi için Akordeon Bloklarından Akordeon Ekleme
Akordeon Blokları Kullanma

Ayrıca, tıkla ve kapat , otomatik kapat , varsayılan olarak aç , vb. gibi birçok özelleştirme seçeneğiyle birlikte gelir . Kaydırma pikseli ofsetini de ayarlayabilirsiniz.

Akordeon Blokları Özelleştirme Seçeneği
Akordeon Blok Ayarlarını Kullanma

Net bir fikir edinmek istiyorsanız, bir WordPress eklentisinin nasıl kurulacağına dair makalemize göz atabilirsiniz.

Fiyatlandırma:

Bu eklentinin kullanımı ücretsizdir . Bu eklentiyi WordPress.org'un resmi eklenti deposundan indirebilirsiniz. Veya eklentiyi doğrudan WordPress kontrol panelinize yükleyin.

Akordeon Blokları Şimdi Alın!

2. İstiflenebilir

İstiflenebilir, harika katlanabilir akordeon blokları eklemenize izin veren, WordPress tarafından engellenen bir başka popüler düzenleyici uyumlu eklentidir. Böylece, metin ağırlıklı SSS'leri veya diğer içerikleri web sitenizde kolayca yayınlayabilirsiniz. Ayrıca, aralarından seçim yapabileceğiniz 5 farklı akordeon eşya stili vardır.

İstiflenebilir WordPress Blokları Eklentisi

Ana Özellikler:

  • Harika bir deneyim için akordeon öğelerine hareket efektleri ekleyebilirsiniz.
  • Akordeon öğeleri, tüm ekran boyutlarına sığacak şekilde tamamen duyarlıdır.
  • Ayrıca, özelleştirme amacıyla öğelere özel CSS ekleyebilirsiniz.
  • SVG öğelerinizi simgeler olarak ekleyebilme.
  • Ayrıca, web sitenizin gelişimini hızlandırmak için önceden oluşturulmuş öğeler arasından seçim yapabilirsiniz.

Akordeon Oluşturma:

WordPress.org'dan aldığınız bu eklentiyi panonuza yükleyebilir, ardından eklentiyi yükleyip etkinleştirebilirsiniz . Şimdi gönderinize gidin ve sağ üst köşedeki “+” düğmesini tıklayarak İstiflenebilir'den akordeon seçin. Akordeon bloğu gönderinizde görüntülenecek ve başlamak için varsayılan, düz vb. gibi düzeni seçebilirsiniz. Burada varsayılan düzeni seçiyoruz.

İstiflenebilir Bloklar Kullanarak Akordeon Ekleme
İstiflenebilir Blok Kullanma

Bunu takiben, örneğin "Yeni Blok" gibi bir başlık ekleyerek başlayabilir ve açıklamayı başlığınıza ekleyebilirsiniz. İstiflenebilir ile "Engelle", "Stil" ve "Gelişmiş" olmak üzere 3 özelleştirme seçeneğiniz olur. Tipografi , renk , arka plan , başlık , blok konumu vb. gibi her şeyi özelleştirebilirsiniz.

İstiflenebilir özelleştirme Seçenekleri
İstiflenebilir Ayarları Kullanma

Fiyatlandırma:

İstiflenebilir bir freemium eklentisidir ve eklentinin ücretsiz sürümünü WordPress.org'un resmi eklenti deposundan indirebilirsiniz.

Ancak, Stackable'ın premium bir sürümü mevcuttur. 4 fiyatlandırma planından herhangi birini seçebilirsiniz:

  • Kişisel: Tek bir web sitesi için yılda 49 ABD doları.
  • İş: Üç site için yılda 99 dolar.
  • Ajans: 149$ sınırsız web sitesi için yılda.
  • Ajans Ömrü: Bir kerelik 499 $ maliyet.
Şimdi İstiflenebilir Olun!

3. Gelişmiş Akordeon Gutenberg Bloğu

Advanced Accordion Gutenberg Block, WordPress web siteniz için minimal ve hızlı bir akordeon eklentisidir. Ayrıca grup, ayrı ve tek olmak üzere 3 çeşit akordeon blok arasından seçim yapabilirsiniz. Ek olarak, akordeon öğelerini özel kenar boşlukları, dolgular, arka plan renkleri ve daha fazlasıyla şekillendirebilirsiniz.

WordPress için Gelişmiş Akordeon Gutenberg Blok Eklentisi

Ana Özellikler:

  • Bu eklenti iyi optimize edilmiştir ve yıldırım hızında çalışır.
  • Ayrıca metin, resim vb. her türlü içeriği destekler.
  • Akordeon öğeleri SEO dostudur ve web sitenizin daha üst sıralarda yer almasına yardımcı olur.
  • Ayrıca, web sitenize sınırsız SSS ekleyebilirsiniz.
  • Ayrıca, sınırsız iç içe akordeon da ekleyebilirsiniz.

Akordeon Oluşturma:

WordPress kontrol panelinizden kolayca erişilebilir. Eklenti menüsüne gidin ve Advanced Accordion Gutenberg'i arayın. Ardından eklentiyi kurun ve etkinleştirin . Bundan sonra, gönderinize gidin ve “+” düğmesini tıklayın. Bunu takiben 2 seçeneğiniz olacak, “ ayrı blok” ve “grup bloğu” , birini seçin. Burada ayrı blok seçeneğini seçtik.

Gelişmiş Akordeon Gutenberg Blokları ile Akordeon Ekleme
Gelişmiş Akordeon Gutenberg Bloğu Kullanma

Bu eklenti ile başlık rengi , başlık arka planı , simge rengi ve çok daha fazlası gibi tonlarca özelleştirme seçeneğine sahip olacaksınız. Ayrıca bloğunuzu bağlantılı bir akordeon haline getirebilirsiniz, böylece tıkladığınızda bağlantıyı açar.

Gelişmiş Akordeon Özelleştirme Seçenekleri
Gelişmiş Akordeon Gutenberg Blok Ayarlarını Kullanma

Fiyatlandırma:

Bu ücretsiz bir WordPress eklentisidir. Bu eklentiyi WordPress.org'un resmi eklenti deposundan indirebilirsiniz. WordPress kontrol panelinizden kurulumu kolaydır.

Gelişmiş Akordeon Gutenberg Blokları Alın!

4. Gutenberg için Temel Bloklar

Gutenberg için Temel Bloklar, popüler bir akordeon WordPress eklentisidir. Ayrıca bu eklenti, web sitenizin herhangi bir yerine güzel akordeonlar eklemenizi sağlar. Ek olarak, bu akordeon öğeleri etkileşimlidir ve geçiş simgesini etkinleştirme seçeneğine sahiptir.

Gutenberg için Temel Bloklar

Ana Özellikler:

  • Bir simgeler listesinden akordeon öğeniz için simgeler seçin.
  • Akordeon öğesinin arka plan rengini özelleştirebilirsiniz.
  • Akordeon içeriğinin yazı tipi ailesini özelleştirebilir.
  • Ayrıca, akordeon öğe animasyonunun geçiş hızını değiştirebilirsiniz.
  • Ayrıca, akordeon öğeleri duyarlıdır ve tüm ekran boyutlarına uyar.

Akordeon Oluşturma:

Başlamak için eklentiyi WordPress.org'dan indirin ve WordPress kontrol panelinize yükleyin. Veya doğrudan kurun ve etkinleştirin. Şimdi yeni bir gönderi açın veya oluşturun, “+” düğmesine tıklayın ve Essential bloklarından akordeon seçin. Akordeon bloğu gönderinizde görünecek ve şimdi bloğu istediğiniz gibi düzenleyebilirsiniz.

Gutenberg için Temel Bloklardan WordPress Akordeon Bloğu Ekleme
Gutenberg için Temel Blokları Kullanma

Özelleştirme söz konusu olduğunda, "genel", "stil" ve "gelişmiş" olmak üzere 3 seçenekle gelir. Burada geçiş hızını, akordeon boşluklarını, simgeleri vb. yönetebilirsiniz. Ayrıca arka plan türünü, rengini ve görüntüsünü de değiştirebilirsiniz.

Guttenberg Özelleştirme seçenekleri için Temel Bloklar
Gutenberg Ayarları için Temel Blokları Kullanma

Fiyatlandırma:

Essential Blocks for Gutenberg, kullanımı ücretsiz bir eklentidir. Eklentiyi WordPress.org'un resmi eklenti deposundan indirebilirsiniz.

Gutenberg İçin Temel Blokları Hemen Alın!

5. Nihai Bloklar

Ultimate Blocks, blog sitenize akordeon öğeleri eklemenize yardımcı olan, kullanıcı dostu bir WordPress Gutenberg blok eklentisidir. Ziyaretçinizin uzun metinler olmadan okumasını sağlayan akordeon içerik ekleyebilirsiniz.

Akordeon Blok için Nihai Bloklar

Ana Özellikler:

  • Bu eklenti, kolayca iç içe akordeon öğeleri oluşturmanıza yardımcı olur.
  • Ayrıca, akordeon öğesinin kapsayıcısını ve başlık rengini özelleştirebilirsiniz.
  • Ayrıca başlangıç ​​durumunu daraltılmış veya çökmemiş olarak ayarlayabilirsiniz.
  • Ayrıca, öğelerin SSS şemasını etkinleştirme seçeneğine sahip olacaksınız.
  • Akordeonun sol veya sağ tarafındaki geçiş simgesini ayarlamanıza olanak tanır.

Akordeon Oluşturma:

Eklentiyi WordPress kontrol panelinizden kolayca arayabilir ve yükleyebilirsiniz. Eklentiyi etkinleştirdikten sonra mevcut gönderinize gidin veya yeni bir tane oluşturun. Şimdi, nihai bloklardan içerik geçişini eklemek için gönderinizin sağ üst köşesindeki “+” simgesine tıklayın.

Nihai Bloklardan İçerik Geçişi Ekleme
Nihai Blokları Kullanma

Bunu takiben, başlığı ekleyerek ve istediğiniz kadar içerik geçişi oluşturarak bloğunuzu düzenlemeye başlayabilirsiniz. Özelleştirme söz konusu olduğunda sekmenin, konumun, simgenin ve daha fazlasının rengini değiştirebilirsiniz.

İçerik Geçiş Paneli Özelleştirme Seçeneği
Ultimate Blocks Ayarlarını Kullanma

Fiyatlandırma:

Bu eklentinin kullanımı %100 ücretsizdir . Bu eklentiyi WordPress.org'un resmi eklenti deposundan indirebilirsiniz.

Şimdi Ultimate Blokları Alın!

6. Kadence Bloklarından Gutenberg Blokları

Akordeonlar içeren çarpıcı bir WordPress web sitesi oluşturmak istiyorsanız, Gutenberg Blocks by Kadence tam size göre. Bu eklenti, bir akordeon bloğu da dahil olmak üzere tonlarca benzersiz blokla birlikte gelir. Bunu kullanarak harika bir kullanıcı deneyimi sağlayan güzel içerikler oluşturabilirsiniz.

WordPress Akordeon Blok Eklentisi için Kadence Blokları

Ana Özellikler:

  • Akordeon öğelerinin önceden oluşturulmuş 4 tasarımından birini seçebilirsiniz.
  • Ayrıca, arka plan ve renk seçenekleri üzerinde kontrole sahip olacaksınız.
  • Ayrıca SSS şemasını etkinleştirme seçeneğiyle birlikte gelir.
  • Ayrıca, akordeon öğelerine özel HTML ve CSS ekleyebilirsiniz.
  • Akordeon öğeleri için 4 çift geçiş tetikleyici arasından seçim yapmanızı sağlar.

Akordeon Oluşturma:

Bu eklentiyi WordPress panonuzdaki Eklentiler menüsünden kolayca yükleyebilir ve etkinleştirebilirsiniz . Akordeon sekmesini gönderinize eklemek için önce gönderinize gidin , “+” simgesine tıklayın ve Kadence bloklarından akordeon seçin. Bundan sonra, akordeon stilini seçme veya sadece atlama seçeneğine sahip olacaksınız. Burada ikinci seçeneği seçeceğiz.

Gutenberg Bloklarına Göre Akordeon Sekmesi
Kadence Bloklarını Kullanma

Bunu takiben, blok başlığından başlayarak özelleştirmeye başlayabilirsiniz. Gönderiniz için gerektiğinde daha fazla akordeon da ekleyebilirsiniz. Çizgi veya düz simgelerden başlık simgesini seçme seçeneğine sahip olacaksınız. Ayrıca, başlık simgesini blokta nereye yerleştireceğinize ve daha fazlasına karar verin.

Akordeon Sekmesini Özelleştirme
Kadence Blok Ayarlarını Kullanma

Fiyatlandırma:

Bu bir freemium eklentisidir ve eklentinin ücretsiz sürümünü WordPress.org'un resmi eklenti deposundan indirebilirsiniz.

Ancak eklentinin premium sürümünü resmi web sitesinden satın alabilirsiniz. 3 yıllık fiyatlandırma seçeneğinden herhangi birini seçebilirsiniz.

  • Kadence Blocks Pro: Yıllık 89$'a tüm blokları 1 yıllık destek ve güncelleme ile sınırsız sitelerde kullanabilirsiniz.
  • Temel Paket: Yıllık 149 ABD Doları karşılığında Kadence Blocks Pro, Kadence Theme Pro ve Pro Başlangıç ​​Şablonları paketini 1 yıllık destek ve güncellemelerle sınırsız sitede kullanabilirsiniz.
  • Tam Paket: Yıllık 219 ABD Doları karşılığında Kadence Cloud, Kadence AMP vb. ile Essential Bundle'ın özelliklerini 1 yıllık destek ve güncelleme ile sınırsız sitede alacaksınız.
Kadence Bloklarından Gutenberg Bloklarını Hemen Alın!

7. Genişlet

Gutenberg bloklarından oluşan bir koleksiyon arıyorsanız, Getwid tam size göre. Bir akordeon bloğu da dahil olmak üzere 40'tan fazla Gutenberg bloğu ile birlikte gelir. Bu bloğu kullanarak, SSS bölümleri oluşturmak için akordeon sekmelerini kullanabilirsiniz. Ayrıca, SSS'lerdeki bilgileri Gutenberg bloklarıyla kategorize edebilirsiniz.

Getwid - En İyi Akordeon Blokları WordPress Eklentisi

Ana Özellikler:

  • Başlık tamamen özelleştirilebilir.
  • Gutenberg bloğu yardımıyla akordeon içine içerik ekleyebilirsiniz.
  • Ayrıca, akordeon sekmeleri için özel simge hizalaması sağlar.
  • SSS bölümü için manuel olarak genişletilebilir ve daraltılabilir geçişler ekleyen bir geçiş bloğu da mevcuttur.

Akordeon Oluşturma:

Eklentiyi WordPress.org'dan indirdikten sonra bu eklentiyi WordPress panosundan yükleyebilir, yükleyebilir ve etkinleştirebilirsiniz. Ardından, tıklayın yazı düzenleyicinizdeki “+” simgesine ve Getwid Bloklarından “Akordeon”a tıklayın.

Getwid Bloklarından Akordeon Ekleme
Getwid'i kullanma

Bunu takiben, akordeon öğelerinin sayısını belirtmeniz ve “oluştur” düğmesine tıklamanız gerekir. Veya “3” olan varsayılan akordeon öğelerini kullanabilirsiniz.

Şimdi, akordeon sekmesine bir döşeme ekleyerek başlayabilirsiniz. Ayrıca, bu eklenti simge stilini ve konumunu özelleştirmenize olanak tanır.

Getwid Özelleştirme Seçenekleri
Getwid Ayarlarını Kullanma

Fiyatlandırma:

Getwid, WordPress.org'un resmi deposunda bulunan ücretsiz bir WordPress blok eklentisidir. Bu eklentiyi ayrıca resmi web sitesinden ücretsiz olarak indirebilirsiniz.

Şimdi Getwid'i Alın!

Çözüm

Hepsi bu, millet! Bu makalenin sonuna geldik.

Burada, en iyi 7 WordPress akordeon blok eklentisini , özelliklerini, fiyatlandırmasını ve oluşturma sürecini tartıştık.

Yukarıda listelenen eklentiler arasında size Stackable eklentisini önermek istiyoruz. Bunun nedeni, tonlarca stil seçeneğiyle çarpıcı bir akordeon oluşturmanıza izin vermesidir. Ayrıca, bu eklenti harika bir web sitesi oluşturmak için gereken özellikleri sunar.

Bunun web siteniz için en iyi WordPress akordeon blok eklentisini seçmenize yardımcı olacağını umuyoruz. Bu eklentilerden herhangi birini kullanıyorsanız, deneyiminizi aşağıdaki yorum bölümünde paylaşın.

Ayrıca, herhangi bir sorunuz varsa, bunları yorumda belirtmekten çekinmeyin. En kısa sürede size geri döneceğiz. Son olarak, bu makaleyi beğendiyseniz, arkadaşlarınızla ve iş arkadaşlarınızla paylaşın.

En iyi Gutenberg blok eklentileri ve WordPress blok kalıpları - sayfanızı tasarlamak için bunları nasıl kullanacağınız hakkındaki makalemizi de beğenebilirsiniz.

Daha faydalı makaleler için bizi Facebook ve Twitter'da takip etmeyi unutmayın.

Bu makaledeki/sayfadaki bağlantılardan bazıları bağlı kuruluş bağlantılarıdır. Böyle bir satış ortağı bağlantısına tıklar ve ürünü satın alırsanız, satıcıdan belirli bir yüzde komisyonu kazanırız. Ancak ödeyeceğiniz fiyatı hiçbir şekilde etkilemeyecektir.