14 najlepszych wtyczek blokowych Gutenberga dla WordPress
Opublikowany: 2020-11-15Długie oczekiwanie na redaktora Gutenberga wreszcie się skończyło; jest już dostępny na WordPressie. Zastępując stary edytor TinyMCE, ten wprowadza zupełnie nową koncepcję tworzenia treści przy użyciu bogatych funkcji.
Korzystając z edytora Gutenberg, możesz podzielić zawartość na wiele bloków. W dowolnym momencie możesz dodać więcej lub usunąć istniejące bloki zawierające Twoją treść. Mówiąc prościej, edytor Gutenberg jest bardzo podobny do kreatora stron, który umożliwia przeciąganie i upuszczanie wszystkich różnych bloków treści.
Chociaż jesteśmy przy temacie bloków, pamiętaj, że edytor Gutenberga może zapewnić wiele rodzajów typów bloków, takich jak cytaty, kolumny, okładki, obrazy, nagłówki, akapity i wiele innych. Możesz także edytować opcje każdego innego bloku indywidualnie.
Jedną z najbardziej niezwykłych funkcji Gutenberga jest to, że programiści mogą tworzyć spersonalizowane wtyczki blokowe odpowiednie dla dowolnej treści. Wtyczki te mogą służyć jedynie do poprawy funkcjonalności i jakości edytora Gutenberga.
Doskonałym przykładem tych wtyczek jest funkcja „ Referencje ”, którą możesz dodać. Nie ma ograniczeń co do możliwości tych różnych wtyczek.
Ten post pokazuje dziesięć najlepszych wtyczek blokowych dla Gutenberga, wtyczek, które poprawiają ogólną jakość i upewnij się, że dostajesz wszystko z edytora Gutenberga .
Edytor Gutenberg WordPress zmienia sposób, w jaki przeglądamy bloki podczas tworzenia treści dla WordPress. W przeciwieństwie do klasycznego podejścia TinyMCE do umieszczania całego tekstu w jednym zunifikowanym polu, Gutenberg ma indywidualny blok dla każdego fragmentu treści.
Imponujące w tym jest to, że stwarza możliwości, z których zewnętrzni deweloperzy chętnie korzystają. Daje im narzędzia do tworzenia własnych niestandardowych bloków i możesz używać tych samych bloków za pomocą Gutenberga podczas tworzenia dowolnej treści.
Dzięki temu potencjałowi została już wydana duża liczba wtyczek Gutenberga wysokiego kalibru dla bloków.
Wtyczki blokowe Gutenberga – jak działają?
Chociaż wtyczki blokowe Gutenberga są dość proste w użyciu, nadal dobrze jest porozmawiać o tym, jak działają, ponieważ wciąż są stosunkowo nowe i prawdopodobnie jeszcze ich nie znasz.
Zasadniczo wtyczki te zawierają tak zwany model „plug and play”. Po zainstalowaniu są gotowe i optymalne do natychmiastowego użycia. Zacznij dodawać nowe bloki z interfejsu Gutenberga w wolnym czasie.
Oto czternaście najlepszych wtyczek blokowych Gutenberga, które wprowadzają Cię w nowe sposoby dostosowywania treści za pomocą bloków.
Dobrze przeczytaj ten post, abyś mógł wyciągnąć wszystko z tego, co ma do zaoferowania redaktor Gutenberg.
Ostateczne dodatki do Gutenberga

Znana jako jedna z najbardziej znanych wtyczek Gutenberg Block w depozycie WordPress, mamy Ultimate Addons dla Gutenberga. Dostarczone przez te same osoby, które dały Ci Ultimate Addons do Beaver Builder, Schema Pro, Astra Theme, Convert Pro i Ultimate Addons do Elementora
Ta kolekcja wtyczek dodaje wiele nowych bloków do już dobrze wyposażonego edytora Gutenberga.
Ta wtyczka zawiera łącznie siedemnaście bloków; są to:
Każdy z bloków we wtyczce Ultimate Addons for Gutenberg jest jedyny w swoim rodzaju i pomaga uczynić Twoją witrynę cudownym widokiem.
Wtyczka sprzyja wydajności i jest odpowiednio zoptymalizowana, co oznacza, że Twoja witryna nigdy nie będzie działać wolno. Na domiar złego, to również jest bezpłatne!
W zestawie klocki:
- Blok sekcji
- Blok wielu przycisków
- Zaawansowany blok kursu
- Blok słupka siatki
- Post karuzela blok
- Post murowany blok
- Blok pola informacyjnego
- Blok mapy Google
- Blok zespołu
- Blok osi czasu treści
- Blokowanie udostępniania społecznościowego
- Blok referencji
- Blok listy ikon
- Blok menu restauracji
- Opublikuj blok na osi czasu
- Blok wezwania do działania
- Zaawansowany blok kolumn
- Blokuj cytaty blokowe
- Formularz kontaktowy 7 Styler Block
- Gravity Forms Styler Block
- Blok przycisków marketingowych
- Blok cennika
- Blok spisu treści
Bloki atomowe

Innym popularnym dodatkiem w kolekcji wtyczek Guneberg Block jest Atomic Blocks. Stworzony przez ludzi z Array Themes, jest to wtyczka pełna różnych rodzajów bloków, które dają jeszcze większą kontrolę nad edytorem Gutenberga.
Wtyczka jest świetna w użyciu, a za pomocą bloków możesz tworzyć dobrze wyglądające posty i strony. Jest również kompatybilny z dowolnym motywem.
WP Engine niedawno nabył wtyczkę.
Obecnie Atomic Blocks dodaje 11 nowych bloków , a kolejne są w drodze:
- Siatka postów
- Pojemnik
- Zaświadczenie
- Powiadomienie wbudowane
- Akordeon
- Udostępnij ikony
- Wezwanie do działania
- Konfigurowalny przycisk
- Przekładka i podzielona
- Profil autora
- Wpuszczana czapka
Zaawansowany Gutenberg

Dostarczona przez dobrych ludzi z Joom United, ta wtyczka jest doskonałym dodatkiem do Gutenberga, który zapewnia kilka fajnych bloków Gutenberga. Wiele bloków w tym jest unikalnych i nie można ich znaleźć w żadnej innej wtyczce na liście.
Jednak ta wtyczka ma więcej do zaoferowania niż tylko bloki. Twórz niestandardowe profile, a następnie przypisuj do nich grupy i użytkowników. Kolejną świetną rzeczą jest to, że możesz zmienić kolor ikon Gutenberga. I wreszcie, co nie mniej ważne, pozwala zastosować niestandardowe style CSS do bloków akapitów.
Podsumowując, ta wtyczka zapewnia tak wiele niesamowitych funkcji, a wszystko to za darmo. Użyj ich, aby jeszcze bardziej zwiększyć możliwości edytora Gutenberga.
W zestawie klocki:
- Blok ostatnich postów
- Blok produktów WooCommerce
- Zaawansowany blok przycisków
- Blok formularza kontaktowego
- Zaawansowana lista blokowa
- Blok mapy
- Blok akordeonowy
- Blokowanie kart
- Blok licznika
- Zaawansowany blok obrazu
- Zaawansowany blok tabeli
- Blokowanie linków społecznościowych
- Zaawansowana blokada wideo
- Blok suwaka obrazu
- Blok podsumowujący
- Blok referencji
Guteblock

Guteblocks daje ci ładną kolekcję zadziwiających klocków Gutenberga. Użyj ich, aby niemal bez wysiłku zbudować idealną stronę internetową. Guteblocks zaczęło się od zaledwie kilku bloków.
Po pewnym czasie liczba ta wzrosła i osiągnęła trzydzieści cztery przecznice, wszystkie dostępne za darmo. Poniżej możesz przeczytać o nadchodzących blokach, które wkrótce pojawią się w darmowej wersji Guteblock.
Zespół odpowiedzialny za Guteblocks zamierza wydać wersję premium, która wkrótce będzie zawierać jeszcze bardziej zaawansowane bloki. Guteblock Pro będzie zawierał bloki takie jak Amazon Affiliate Link Block, Add Event to Calendar Block, Stripe Payment Block, Paypal Donation Block, Advanced Button Block, Quick Contact Block, a to dopiero początek.
Ten sam zespół stojący za Guteblocks niedawno opracował nowy wszechstronny motyw bloga i magazynu dla WordPress, który może uwolnić pełny potencjał Gutenberg Blocks. Guteblog Pro ma dziewięć nowatorskich projektów układu, wszystkie dostosowane do tworzenia idealnego bloga lub strony internetowej. W zestawie znajduje się również kilka wersji demonstracyjnych, które pomogą Ci skonfigurować witrynę w ciągu kilku minut.
Niektóre z popularnych bloków to:
- Blok członków zespołu
- Blok referencji
- Blok kontenerowy
- Blok słupka siatki
- Blok separatora
- Blok pola liczbowego
- Upuść blokadę
- Powiadomienie
- CTA
- Profil autora
- Udostępnianie ikon
- Blok dystansowy i rozdzielający
Bloki kadencji

Do tej pory widziałeś tylko wtyczki blokowe Gutenberga, które tylko zwiększają liczbę bloków edytora Gutenberga. To, co odróżnia bloki Kadence od wszystkich innych wtyczek, to to, że umożliwia bezproblemowe projektowanie i dostosowywanie układów. Dzięki tej wtyczce kreatory stron należą już do przeszłości.
Każdy blok z tej wtyczki zapewnia kontrolę nad kolumnami i umożliwia dostosowywanie poprzez edycję tła i dodawanie nakładek gradientowych.
Kadence Blocks jest całkowicie darmowy i wprowadza nowy zwrot do edytora Gutenberga.
Niektóre z popularnych bloków to:
- Blok układu wiersza
- Blokowanie kart
- Blok akordeonowy
- Blok listy ikon
Getwid

Getwid składa się z bogatej biblioteki zawierającej bloki treści do wielu celów. Możesz użyć tych bloków dla dowolnego typu witryny, w tym stron docelowych, blogów, handlu elektronicznego, witryn małych firm lub witryn firmowych.
Twórcą tej wtyczki jest MotoPress. Ich zespół nie jest obcy firmie; mają wieloletnie doświadczenie w tworzeniu przyjaznych dla użytkownika kreatorów stron i narzędzi do edycji treści w WordPressie, takich jak na przykład Edytor treści MotoPress.
Getwid jest również jedną z nielicznych wtyczek, które oferują ponad dwadzieścia cztery darmowe bloki dla WordPressa.

Ta wtyczka jest kompatybilna z każdym motywem WordPress. Dzieje się tak, ponieważ każdy pojedynczy blok Gutenberga zbudowany przez Getwida automatycznie dostosowuje się do projektu motywu, którego już używasz i systematycznie łączy się ze wszystkim innym.
Niektóre ze znaczących bloków obejmują:
- Sekcja
- Hotspot obrazu
- Transparent
- Oś czasu treści
- Suwaki
- Zgoda na Mailchimp
- Formularz kontaktowy
- Wiele opcji wyświetlania ostatnich postów.
Bloki edytora dla Gutenberga

Jedna z prostszych wtyczek blokowych Gutenberga, Editor Blocks for Gutenberg, daje nam specjalną kolekcję bloków stworzonych specjalnie do tworzenia pięknych stron.
Twórcy wtyczek stworzyli również bibliotekę bloków Gutenberga, aby pomóc użytkownikom wybrać dowolny blok.
Możesz pobrać wtyczkę za darmo. Twórcy radzą, aby zawsze używać szablonu „pełnej szerokości” do tej wtyczki. Stworzyli również motyw dostosowany specjalnie dla tej wtyczki, który można uzyskać za darmo.
Niektóre z bloków obejmują:
- Blok bohatera
- Tabela cen
- Członkowie drużyny
- Blok owijarki
- Zaświadczenie
- Marki
ZeGuten

ZeGuten to bardzo przystępny cenowo pakiet bloków i różne opcje układu zaprojektowane dla edytora bloków WordPress.
Warto wspomnieć o aktualnie opracowywanych blokach, takich jak lepkie kolumny, wbudowany SVG i blok suwaka.
Jeśli chodzi o bloki na posty, masz do wyboru pięć układów, co daje ci dużo pracy.
Niektóre z najbardziej godnych uwagi bloków to:
- Lista postów
- Sekcja
- Porównanie obrazów
- Zaawansowana mapa
- Tabela cen
- Karuzela
- Członkowie drużyny
- Referencje
Bloki wydry

Następnie mamy bloki wydry. Nasza własna specjalna iteracja wtyczki blokującej WordPress. Jest to bezproblemowy i mile widziany dodatek do dowolnej witryny. Używaj go do woli bez negatywnego wpływu na wydajność.
Oprócz tego możesz eksperymentować z dwunastoma unikalnymi blokami, aż dowiesz się, co najlepiej pasuje do Twojej witryny.
Otter Blocks to idealny wybór dla każdego blogera i właściciela firmy, który szuka funkcji, takich jak moduły usług i ceny. To nie znaczy, że nie nadaje się dla nikogo innego; wręcz przeciwnie, Otter oferuje nam bloki do celów ogólnych, które mogą nam pomóc w tworzeniu świetnych stron i nagłówków dla dowolnego typu witryny, a wszystko to za cenę zerową.
Niektóre z bloków to:
W zestawie klocki:
- Blok sekcji
- Zaawansowany blok kursu
- Grupa przycisków
- Blok serwisowy
- Blok cenowy
- Blok referencji
- Blok Map Google
- O autorze bloku
- Blok słupka siatki
- Niesamowita czcionka
- Udostępnianie ikon blokuje
- Blokowanie kart wtyczek
Orbitalny lis

Inna własna wtyczka, Orbit Fox, ma tak wiele do zaoferowania. Po pierwsze, ta wtyczka zawiera dwadzieścia dwa bloki, które są wyposażone w liczne funkcje i jeszcze więcej opcji dostosowywania. Co więcej, ta wtyczka zawiera również inne unikalne funkcje, na przykład moduł do udostępniania społecznościowego, integrację z Google Analytics i wbudowaną sieć dostarczania treści (CDN)
Możesz używać Orbit Fox z wielu powodów. Może się bardzo przydać, jeśli szukasz charakterystycznych bloków. Oferuje ulepszoną funkcjonalność, która pozwala zarządzać witryną z większą wydajnością, jednocześnie zwiększając jej wydajność.
Ta wtyczka zasadniczo zastępuje wiele innych wtyczek, dzięki czemu są zbędne w użyciu, więc możesz je zastąpić. Żaden motyw nie jest kompatybilny z Orbit Fox; wszystko, czego używasz, będzie z nim działać bezbłędnie, bezpłatnie.
W zestawie klocki:
- O autorze bloku
- Blok akordeonowy
- Blok wykresu kołowego
- Czcionka Awesome Icon Block
- Blok mapy Google
- Zawiadomienie o zablokowaniu
- Blokowanie kart wtyczek
- Blok siatki postów
- Blok tabeli cen
- Blok naszych usług
- Udostępnianie ikon blokuje
- Referencje Obszar Blok
- Kliknij, aby zablokować tweet
- Zaawansowany blok kursu
- Blok sekcji
- Blok kolumny przekroju
- Blok grupy przycisków
- Blok przedmiotów akordeonowych
- Blok referencji
- Blok cenowy
- Blok serwisowy
Bloki premium dla Gutenberga

Nie daj się zwieść nazwie; Premium Blocks dla Gutenberga jest całkowicie bezpłatne. Ma do zaoferowania 12 bloków, wszystkie zaprojektowane z myślą o wydajności witryny.
Jeśli z jakiegoś powodu nadal brakuje Ci wydajności, możesz wyłączyć bloki, których nie masz zamiaru używać, aby jeszcze bardziej zoptymalizować prędkość.
Wszędzie, bloki Premium dla Gutenberga to mocny wybór, oferujący wszystkie niezbędne narzędzia do pracy, takie jak ikony, sekcje cenowe i zakładki akordeonowe.
Bez wątpienia jedna z lepszych wtyczek do WordPressa, jeśli szukasz takiej, która preferuje lekki design, a także jest zoptymalizowana pod kątem najlepszej wydajności i szybkości.
W zestawie klocki:
- Blok banerowy
- Blok przycisków
- Blok licznika
- Blok z podwójnym nagłówkiem
- Blok ikon
- Blok map
- Blok tabeli cen
- Blok sekcji
- Blok referencji
- Blok akordeonowy
- Blok z ikonami
- Blokowanie skrzynki wideo
Ostateczne bloki

Ultimate Blocks oferuje nam kolekcję osiemnastu klocków Gutenberga za darmo. Niektóre z tych bloków zawierają ekscentryczne bloki, których nie ma w żadnej innej wtyczce.
Jeden z takich unikalnych bloków, blok Recenzja, który obsługuje schemat, ma opcję umieszczenia w polu recenzji, które może zawierać dane strukturalne, aby pomóc Ci znaleźć fragmenty rozszerzone w wyszukiwarce Google. Ten blok umożliwia wystawienie ocen według różnych kryteriów, a następnie połączenie wszystkich ocen w jedną.
Dołączony jest również inny oddzielny blok do oceny gwiazdek, który może być używany samodzielnie.
Blok Filtr treści to kolejny wyraźny blok, który pozwala odwiedzającym filtrować zawartość za pomocą przycisku filtru znajdującego się na górze, bez konieczności ponownego ładowania strony.
Wtyczka Ultimate Block ma obecnie 18 bloków:
- Filtr zawartości
- Recenzja (włączona znaczniki schematu)
- Spis treści
- Zawartość na kartach
- Wezwanie do działania
- Przełącznik treści (akordeon)
- Pole funkcji
- Pole powiadomień
- Pudełko z numerami
- Zaświadczenie
- Kliknij, aby tweetować
- Udostępnianie społecznościowe
- Odliczanie
- Pasek postępu
- Ocena w skali gwiazdkowej
- Suwak obrazu
- Przycisk (ulepszony)
- Rozdzielacz
Qubely

Pochodząca z Themeum to bogata w funkcje wtyczka blokowa Gutenberga dostępna w dwóch wersjach, darmowej podstawowej i wersji premium. Być może pamiętasz Themeum jako zespół, który przyniósł Ci wtyczkę Tutor LMS WordPress, wtyczkę do zarządzania nauką, którą niedawno sprawdziliśmy.
Qubely jest wyposażony w szeroką gamę różnorodnych bloków i ma stale rosnącą kolekcję, która zawiera ponad sto pięćdziesiąt gotowych szablonów i sekcji, które możesz edytować i importować w wolnym czasie.
Niektóre z bloków Qubely to:
Niektóre z godnych uwagi bloków Qubely to:
- Wiersz
- Oś czasu
- Siatka postów
- Akordeon/Przełącznik
- Zaawansowany tekst
- Wyskakujące okienko wideo
- Mapa Google
- Pasek postępu
- Przycisk
- Zaświadczenie
- Nagłówek
- Licznik
- Karty
- Ikona
- Rozdzielacz
- Ikony społecznościowe
- Grupa przycisków
- Przycisk
- Skrzynka informacyjna
- Lista zaawansowana
- Formularz kontaktowy
- Lista ikon
- cennik
- Blok owijający
- Zespół
- Obraz
CoBlocki

Przejęty przez znaną domenę GoDaddy w kwietniu 2019 roku, mamy CoBlocks, słynną kolekcję niesamowitych klocków Gutenberga.
Jego celem jest rozszerzenie doświadczenia użytkownika budującego strony i udoskonalenie edytora bloków.
Coblocks ma ponad trzydzieści jeden układów i bloków. Twórcy chcą pomóc Ci zarządzać układem i projektami. Dlatego dodali elastyczny blok kolumn i wierszy. W zestawie znajdują się również bloki Dynamic Separator i Shape Divider, dzięki czemu możesz z łatwością dzielić rzeczy.
Na koniec dodali panel sterowania typografii, który jest kompatybilny zarówno z domyślnymi blokami WordPress, jak i CoBlocks, co pozwala bezbłędnie kontrolować typografię.
Niektóre z popularnych bloków to:
- Profil autora
- Jedzenie napoje
- Formularz
- Bohater
- Logo i odznaki
- Po karuzeli
- Tabela cen
- Usługi
Wtyczki blokowe WordPress – wnioski
Niezależnie od tego, którą z tych wtyczek do WordPressa zdecydujesz się użyć, łatwo jest zacząć korzystać z bloków.
Po zainstalowaniu i aktywacji wybrane wtyczki dadzą ci sekcję akordeonu.
Jeśli z jakiegoś powodu nie widzisz sekcji, wyszukaj bloki po ich nazwach.
Należy pamiętać, że nawet sam edytor bloków WordPress jest bardzo przydatny. Systemy oparte na blokach służą tylko do jej ulepszania, oferując nieskończoną ekspansję, kreatywność i możliwości. Każdy z tych bloków, o których czytasz, może być bardzo pomocny przy tworzeniu unikalnych i płynnych treści, które możesz dodać do swojej witryny.