7 najlepszych wtyczek blokujących akordeon WordPress 2022 (w większości za darmo)

Szukasz najlepszych wtyczek do akordeonu WordPress ? Jeśli tak, to trafiłeś we właściwe miejsce.

Akordeon WordPress pomaga poprawić wrażenia użytkowników odwiedzających witrynę. Akordeon pomaga w łatwym i szybkim czytaniu dowolnego posta dzięki układowi składanych zakładek . Dlatego odwiedzający Twoją witrynę bez problemu znajdą Twoje treści . Co prowadzi do niższego współczynnika odrzuceń .

Istnieje jednak wiele wtyczek WordPress z blokami akordeonowymi z niesamowitymi funkcjami, a wybór jednej z nich może być kłopotliwy. Dlatego wybraliśmy najlepsze dostępne na rynku wtyczki do bloków akordeonowych WordPress. Co najlepsze, większość z nich jest bezpłatna.

Bez zbędnych ceregieli zacznijmy!

Dlaczego potrzebujesz bloku akordeonowego?

Wtyczki blokowe akordeonu wyświetlają zawartość tekstową w kompaktowej lub zwijanej formie, zmniejszając długie przewijanie. Możesz także użyć bloków akordeonowych do wyświetlania treści, takich jak opisy produktów, często zadawane pytania itp.

Ponadto możesz dostosować kolor tła, kolor kontenera, animację przełączania, przełączanie warunków i nie tylko zgodnie z projektem witryny.

Kilka innych zastosowań bloku akordeonowego w witrynie WordPress to:

• Aby poprawić wrażenia użytkownika poprzez interaktywne dostarczanie treści tekstowych.
• Uprość i zwiększ czytelność swojego bloga , kompaktując treści z dużą ilością tekstu i długie blogi.
• Bloki akordeonowe poprawiają wrażenia z czytania na urządzeniach z małym ekranem .
• Ponadto bloki akordeonowe są dobrą alternatywą dla linków na stronie .
• Ponadto bloki akordeonowe są przydatne, gdy trzeba kategoryzować według zagnieżdżonych elementów .

Jeśli więc chcesz zminimalizować długość zawartości swojej witryny, możesz użyć bloku akordeonowego. Sprawdźmy teraz listę 7 najlepszych wtyczek WordPress na akordeon na rok 2022.

Więc przejdźmy dalej!

7 najlepszych wtyczek blokujących akordeon WordPress 2022

Tutaj zamieściliśmy listę najlepszych wtyczek do akordeonu WordPress na rok 2022. Zawiera pełny opis, funkcje, ceny i proces budowania każdej z nich. Więc przejrzyj je dokładnie i wybierz ten, który jest dla Ciebie odpowiedni.

1. Bloki akordeonowe – wtyczka WordPress

Accordion Blocks to intuicyjna wtyczka, która umożliwia dodawanie bloków Gutenberga do witryny WordPress. Możesz także tworzyć i publikować bloki akordeonu wraz z nagłówkami HTML. Co więcej, możesz edytować akordeony za pomocą niestandardowego kodu HTML i CSS, aby uzyskać dogłębną personalizację.

Kluczowe cechy:

• Możesz włączyć automatyczne zamykanie bieżącego elementu akordeonu po otwarciu innego elementu.
• Możesz także zagnieździć elementy akordeonu zgodnie z wymaganiami.
• Elementy akordeonu obsługują niestandardowe style blokowe za pomocą wp.blocks.registerBlockStyle.
• Ponadto możesz domyślnie otworzyć dowolne elementy akordeonu.
• Co więcej, możesz ustawić wartości domyślne dla nowych elementów lub ustawić określone funkcje akordeonu.

Tworzenie akordeonu:

Teraz, aby skorzystać z tej wtyczki, możesz po prostu wyszukać ją na pulpicie WordPress. Następnie zainstaluj i aktywuj wtyczkę. Następnie przejdź do swojego posta, kliknij przycisk „+” w prawym górnym rogu i wybierz Elementy akordeonu . Blok akordeonu pojawi się w Twoim poście, jak pokazano na poniższym obrazku.

Co więcej, zawiera wiele opcji dostosowywania, takich jak kliknij, aby zamknąć , automatyczne zamykanie , domyślnie otwieraj itp. Możesz także ustawić przesunięcie pikseli przewijania.

Jeśli chcesz uzyskać jasny pomysł, możesz zapoznać się z naszym artykułem o tym, jak zainstalować wtyczkę WordPress.

Cennik:

Ta wtyczka jest darmowa . Możesz pobrać tę wtyczkę z oficjalnego repozytorium wtyczek WordPress.org. Lub zainstaluj wtyczkę bezpośrednio na pulpicie WordPress.

2. Możliwość układania w stos

Stackable to kolejna popularna wtyczka kompatybilna z edytorem WordPress, która pozwala dodawać niesamowite składane bloki akordeonowe. Dzięki temu możesz łatwo publikować w swojej witrynie często zadawane pytania z dużą ilością tekstu lub inne treści. Do wyboru jest także 5 różnych stylów akordeonów.

Kluczowe cechy:

• Możesz dodać efekty ruchu do elementów akordeonu, aby uzyskać niesamowite wrażenia.
• Elementy akordeonu są w pełni responsywne i pasują do wszystkich rozmiarów ekranu.
• Możesz także dodać niestandardowy kod CSS do elementów w celu dostosowania.
• Możliwość dodawania elementów SVG jako ikon.
• Co więcej, możesz wybierać spośród gotowych elementów, aby przyspieszyć rozwój witryny.

Tworzenie akordeonu:

Możesz przesłać tę wtyczkę, którą otrzymałeś z WordPress.org na swoim pulpicie nawigacyjnym, a następnie zainstalować i aktywować wtyczkę. Teraz przejdź do swojego posta i wybierz akordeon z opcji Stackable, klikając „+” w prawym górnym rogu. Blok akordeonu zostanie wyświetlony w Twoim poście i możesz wybrać układ, taki jak domyślny, zwykły itp., Aby rozpocząć. Tutaj wybieramy domyślny układ.

Następnie możesz zacząć od dodania tytułu, na przykład „Nowy blok” i dodać opis do swojego tytułu. Dzięki możliwości układania w stosy będziesz mieć 3 opcje dostosowywania: „Blokuj”, „Styl” i „Zaawansowane”. Możesz dostosować wszystko, od typografii , koloru , tła , nagłówka , pozycji bloku itp.

Cennik:

Stackable to wtyczka freemium i możesz pobrać bezpłatną wersję wtyczki z oficjalnego repozytorium wtyczek WordPress.org.

Dostępna jest jednak wersja premium Stackable. Możesz wybrać jeden z 4 planów cenowych:

• Osobiste: 49 USD rocznie za jedną stronę internetową.
• Biznes: 99 USD rocznie za trzy witryny.
• Agencja: $149 rocznie dla nieograniczonej liczby stron internetowych.
• Okres istnienia agencji: jednorazowy koszt 499 USD.

3. Zaawansowany blok akordeonowy Gutenberg

Advanced Accordion Gutenberg Block to minimalna i szybka wtyczka akordeonowa do Twojej witryny WordPress. Możesz także wybierać spośród 3 rodzajów bloków akordeonowych, grupowych, oddzielnych i pojedynczych. Dodatkowo możesz stylizować elementy akordeonu za pomocą niestandardowych marginesów, wyściółek, kolorów tła i nie tylko.

Kluczowe cechy:

• Ta wtyczka jest dobrze zoptymalizowana i działa z szybkością błyskawicy.
• Obsługuje również wszystkie rodzaje treści, takie jak tekst, obrazy itp.
• Elementy akordeonu są przyjazne dla SEO, dzięki czemu Twoja witryna będzie wyższa w rankingu.
• Ponadto możesz dodać do swojej witryny nieograniczoną liczbę często zadawanych pytań.
• Co więcej, możesz również dodać nieograniczoną liczbę zagnieżdżonych akordeonów.

Tworzenie akordeonu:

Jest łatwo dostępny z pulpitu WordPress. Przejdź do menu wtyczki i wyszukaj Advanced Accordion Gutenberg . Następnie zainstaluj i aktywuj wtyczkę. Następnie przejdź do swojego posta i kliknij przycisk „+” . Następnie będziesz mieć 2 opcje, „ oddzielny blok” i „blok grupowy”, wybierz jedną. Tutaj wybraliśmy opcję oddzielnego bloku .

Dzięki tej wtyczce będziesz mieć mnóstwo opcji dostosowywania, takich jak kolor nagłówka , tło nagłówka , kolor ikony i wiele innych. Możesz także zmienić swój blok w połączony akordeon , aby po kliknięciu otwierał link.

Cennik:

To jest darmowa wtyczka WordPress. Możesz pobrać tę wtyczkę z oficjalnego repozytorium wtyczek WordPress.org. Jest łatwy do zainstalowania z pulpitu WordPress.

4. Niezbędne bloki dla Gutenberga

Essential Blocks for Gutenberg to popularna wtyczka WordPress na akordeonie. Ponadto ta wtyczka umożliwia dodawanie pięknych akordeonów w dowolnym miejscu witryny. Ponadto te elementy akordeonu są interaktywne i mają opcję włączenia ikony przełączania.

Kluczowe cechy:

• Wybierz ikony dla swojego akordeonu z listy ikon.
• Możesz dostosować kolor tła elementu akordeonu.
• Możliwość dostosowania rodziny czcionek zawartości akordeonu.
• Ponadto możesz zmienić szybkość przełączania animacji elementu akordeonu.
• Co więcej, elementy akordeonu są responsywne i pasują do wszystkich rozmiarów ekranu.

Tworzenie akordeonu:

Aby rozpocząć, pobierz wtyczkę z WordPress.org i prześlij ją do pulpitu WordPress. Lub bezpośrednio zainstaluj i aktywuj. Teraz otwórz lub utwórz nowy post, kliknij przycisk „+” i wybierz akordeon z niezbędnych bloków. Blok akordeonu pojawi się w Twoim poście, a teraz możesz go edytować, jak chcesz.

Jeśli chodzi o personalizację, ma 3 opcje: „ogólną”, „stylową” i „zaawansowaną”. Tutaj możesz zarządzać przełączaniem prędkości, przerw w akordeonie, ikon itp. Możesz także zmienić typ tła, kolor i obraz.

Cennik:

Essential Blocks for Gutenberg to darmowa wtyczka. Możesz pobrać wtyczkę z oficjalnego repozytorium wtyczek WordPress.org.

5. Ostateczne bloki

Ultimate Blocks to przyjazna dla użytkownika wtyczka WordPress Gutenberg, która pomaga dodawać elementy akordeonu do witryny bloga. Możesz dodawać treści w akordeonach, które pomagają odwiedzającemu czytać bez długich tekstów.

Kluczowe cechy:

• Ta wtyczka pomaga w łatwym tworzeniu zagnieżdżonych elementów akordeonu.
• Możesz także dostosować pojemnik i kolor tytułu akordeonu.
• Ponadto możesz ustawić stan początkowy jako zwinięty lub niezwinięty.
• Ponadto będziesz mieć możliwość włączenia schematu FAQ przedmiotów.
• Pozwala ustawić ikonę przełączania po lewej lub prawej stronie akordeonu.

Tworzenie akordeonu:

Możesz łatwo wyszukać i zainstalować wtyczkę z pulpitu WordPress. Po aktywacji wtyczki przejdź do istniejącego posta lub utwórz nowy. Teraz kliknij ikonę „+” w prawym górnym rogu posta, aby dodać przełącznik treści z ostatecznych bloków.

Następnie możesz rozpocząć edycję swojego bloku, dodając tytuł i tworząc tyle przełączników treści, ile chcesz. Jeśli chodzi o dostosowywanie, możesz zmienić kolor karty, lokalizację, ikonę i nie tylko.

Cennik:

Ta wtyczka jest w 100% darmowa . Możesz pobrać tę wtyczkę z oficjalnego repozytorium wtyczek WordPress.org.

6. Bloki Gutenberga według bloków Kadence

Jeśli chcesz stworzyć oszałamiającą witrynę WordPress zawierającą akordeony, to Gutenberg Blocks by Kadence jest właśnie dla Ciebie. Ta wtyczka zawiera mnóstwo unikalnych bloków, w tym blok akordeonu. Dzięki temu możesz tworzyć piękne treści, które zapewniają wspaniałe wrażenia użytkownika.

Kluczowe cechy:

• Możesz wybrać jeden z 4 gotowych projektów elementów akordeonu.
• Ponadto będziesz mieć kontrolę nad opcjami tła i koloru.
• Zawiera również opcję włączenia schematu FAQ.
• Ponadto możesz dodać niestandardowy kod HTML i CSS do elementów akordeonu.
• Pozwala wybrać spośród 4 par wyzwalaczy dla elementów akordeonu.

Tworzenie akordeonu:

Możesz łatwo zainstalować i aktywować tę wtyczkę z menu Wtyczki na pulpicie WordPress. Aby dodać zakładkę akordeon do swojego posta, najpierw przejdź do swojego posta, kliknij ikonę „+” i wybierz akordeon z bloków Kadence . Następnie będziesz mógł wybrać styl akordeonu lub po prostu pominąć. Tutaj wybierzemy drugą opcję.

Następnie możesz rozpocząć dostosowywanie, zaczynając od tytułu bloku. W razie potrzeby możesz też dodać więcej akordeonów do swojego posta. Będziesz mieć możliwość wybrania ikony tytułu spośród ikon linii lub pełnych . Zdecyduj także, gdzie umieścić ikonę tytułu na bloku i nie tylko.

Cennik:

Jest to wtyczka freemium i możesz pobrać bezpłatną wersję wtyczki z oficjalnego repozytorium wtyczek WordPress.org.

Możesz jednak kupić wersję premium wtyczki z jej oficjalnej strony internetowej. Możesz wybrać jedną z 3 rocznych opcji cenowych.

• Kadence Blocks Pro: za 89 USD rocznie możesz korzystać ze wszystkich bloków w nieograniczonej liczbie witryn z rocznym wsparciem i aktualizacjami.
• Essential Bundle: za 149 USD rocznie możesz korzystać z pakietu Kadence Blocks Pro, Kadence Theme Pro i Pro Starter Templates w nieograniczonej liczbie witryn z roczną pomocą techniczną i aktualizacjami.
• Pełny pakiet: za 219 USD rocznie otrzymasz funkcje Essential Bundle z Kadence Cloud, Kadence AMP itp. w nieograniczonej liczbie witryn z roczną pomocą techniczną i aktualizacjami.

7. Getwid

Jeśli szukasz kolekcji klocków Gutenberga, to Getwid jest dla Ciebie. Zawiera ponad 40 klocków Gutenberga, w tym blok akordeonowy. Używając tego bloku, możesz użyć zakładek akordeonu do tworzenia sekcji FAQ. Ponadto możesz kategoryzować informacje w często zadawanych pytaniach za pomocą bloków Gutenberga.

Kluczowe cechy:

• Nagłówek jest w pełni konfigurowalny.
• Możesz dodać zawartość do akordeonu za pomocą bloku Gutenberga.
• Ponadto zapewnia niestandardowe wyrównanie ikon dla zakładek akordeonu.
• Dostępny jest również blok przełączania , dodając ręcznie rozwijane i zwijane przełączniki do sekcji FAQ.

Tworzenie akordeonu:

Możesz przesłać, zainstalować i aktywować tę wtyczkę z pulpitu WordPress po pobraniu wtyczki z WordPress.org. Następnie kliknij na ikonę „+” w edytorze postów i kliknij „Akordeon” z bloków Getwid .

Następnie musisz określić liczbę elementów akordeonu i kliknąć przycisk „Utwórz” . Możesz też użyć domyślnej liczby elementów akordeonu, która wynosi „3” .

Teraz możesz zacząć od dodania kafelka do zakładki akordeon. Ponadto ta wtyczka pozwala dostosować styl ikony i jej pozycję.

Cennik:

Getwid to darmowa wtyczka do WordPressa dostępna w oficjalnym repozytorium WordPress.org. Możesz również pobrać tę wtyczkę z jej oficjalnej strony internetowej za darmo.

Wniosek

To wszystko, ludzie! Dotarliśmy do końca tego artykułu.

W tym miejscu omówiliśmy 7 najlepszych wtyczek do blokowania akordeonów WordPress , ich funkcje, ceny i proces budowania.

Spośród wymienionych powyżej wtyczek chcielibyśmy polecić Ci wtyczkę Stackable. To dlatego, że pozwala stworzyć oszałamiający akordeon z mnóstwem opcji stylizacji. Ponadto ta wtyczka oferuje funkcje wymagane do zbudowania niesamowitej strony internetowej.

Mamy nadzieję, że pomoże Ci to wybrać najlepszą wtyczkę blokującą akordeon WordPress dla Twojej witryny. Jeśli używasz którejkolwiek z tych wtyczek, podziel się swoim doświadczeniem w sekcji komentarzy poniżej.

Ponadto, jeśli masz jakieś pytania, możesz je wymienić w komentarzu. Skontaktujemy się z Tobą tak szybko, jak to możliwe. Wreszcie, jeśli podoba Ci się ten artykuł, udostępnij go znajomym i współpracownikom.

Możesz również polubić nasz artykuł na temat najlepszych wtyczek blokowych Gutenberga i wzorców blokowych WordPress – jak ich użyć do zaprojektowania swojej strony.

Nie zapomnij śledzić nas na Facebooku i Twitterze, aby uzyskać więcej przydatnych artykułów.