15 najlepszych wtyczek bloku WordPress Gutenberg

Edytor Gutenberg jest teraz częścią WordPressa. A jeśli szukasz najlepszych wtyczek blokowych Gutenberga, w tym artykule wymieniliśmy najlepsze dostępne opcje.

Po wprowadzeniu edytora Gutenberg wszystkie elementy, których używasz na swojej stronie postów, są blokami. Jeśli chcesz dodać obraz do swojego postu, musisz dodać blok obrazu, w przypadku akapitów, kafelków i dowolnego innego elementu musisz dodać odpowiednie bloki i edytować je.

Jeśli więc potrzebujesz dodatkowych funkcji w swoim poście, musisz dodać te dodatkowe bloki, aby dodać opcje.

WordPress utworzył już wiele różnych bloków, takich jak blok tekstowy, blok obrazu, blok tytułowy, tabela, kolumna, przycisk i wiele innych bloków.

Stworzyliśmy tutaj szczegółowy samouczek dotyczący korzystania z edytora Gutenberga, ten artykuł pomoże Ci zrozumieć i rozpocząć pracę z nowym edytorem.

Zanim przejdziemy do wtyczek blokowych Gutenberga, spójrzmy na zwykłe bloki dostarczane z domyślnym edytorem.

01. Blok nagłówka: Używasz tego bloku, aby dodać tytuł do swoich postów lub stron. Zwykle służy do dodawania tagów H2, H3 do podtytułów w Twoim poście na blogu.

02. Blok akapitu : Będzie to jeden z najczęściej używanych bloków w Twojej witrynie WordPress. Jak sama nazwa wskazuje, ten blok będzie używany do dodawania treści do Twoich postów na blogu.

03. Blok obrazu : To jest oczywiste. Możesz użyć tego bloku, aby dodać obraz do swoich postów na blogu.

04. Blokuj listę : Możesz użyć tego bloku do tworzenia wypunktowań w swoich postach na blogu. Ta opcja była również dostępna w klasycznym edytorze.

05. Przyciski : Dodaliśmy niestandardowy kod lub wtyczkę shortcode, aby dodać przyciski w klasycznym edytorze. WordPress nie miał domyślnej opcji dodawania przycisku wezwania do działania przed wprowadzeniem Gutenberga. Ale teraz jest wyposażony w domyślny blok, aby dodać przycisk wezwania do działania.

06. Blok tabeli: WordPress nigdy nie miał opcji dodawania tabeli do postu, ale w przypadku Gutenberga ma domyślną opcję dodawania tabeli do postów. Możesz użyć bloku tabeli, aby utworzyć listę przedmiotów w formie tabeli lub porównać różne produkty, które prezentujesz w swojej witrynie.

Blok tabeli daje kilka opcji dostosowania ustawień kolorów, ale jest to ograniczone. Możesz więc nadal potrzebować wysokiej jakości wtyczki tabeli w swojej witrynie.

07. Cover Block : To kolejny bardzo przydatny dodatek do nowego edytora. Blok okładki może być bardzo skutecznym elementem tworzenia wysokiej jakości artykułów z różnymi sekcjami wyraźnie oddzielonymi blokiem okładki.

08. Osadź blok : Teraz umieszczanie treści z innych źródeł, takich jak YouTube, Twitter, Instagram, jest znacznie łatwiejsze niż wcześniej. domyślny blok osadzania zapewnia szereg opcji osadzania treści z wielu platform.

09. Blok kolumn : Dzięki Gutenberg masz szybką opcję tworzenia wielokolumnowego układu treści w swoich postach na stronach.

10. Bloki formatowania : Domyślny edytor Gutenberga oferuje szereg bloków, które mogą być potrzebne podczas edycji typów treści innych niż tekst. Masz blok kodu, blok HTML i kilka innych.

11. Blok galerii : Gutenberg ma również domyślny blok galerii. Możesz dodać wiele obrazów w formie siatki galerii. Możesz przesłać nowe obrazy lub wybrać obrazy do galerii multimediów, które będą prezentowane w Twoich postach.

Istnieje wiele innych bloków, które są bardzo pomocne podczas tworzenia treści.

Dlaczego potrzebujesz niestandardowej wtyczki Gutenberg?

Ponieważ Gutenberg oferuje już tak wiele bloków w domyślnych opcjach, które mogą zaspokoić prawie wszystkie potrzeby związane z tworzeniem postów na blogu, dlaczego potrzebujesz niestandardowej wtyczki?

Głównym powodem, dla którego potrzebujesz niestandardowej wtyczki bloku Gutenberg, jest to, że domyślne bloki są ograniczone pod względem możliwości projektowania. Ponadto możesz potrzebować wielu innych bloków w swojej witrynie, które nie są jeszcze dostępne wśród opcji domyślnych.

Jeśli zarządzasz bardzo prostym blogiem, na którym po prostu chcesz publikować treści i nie potrzebujesz żadnych rozszerzonych funkcji, domyślne opcje są wystarczająco dobre.

Gutenberg to nie tylko edytor, to sam w sobie kreator stron internetowych, a te niestandardowe wtyczki blokowe Gutenberga ułatwiają proces tworzenia świetnie wyglądającego projektu witryny.

Możesz użyć wielu z poniższych wtyczek blokowych, aby stworzyć całkowicie niestandardowy projekt swojej witryny, nie będziesz już potrzebował kreatora stron internetowych.

Tak więc, bez zbędnych ceregieli, spójrzmy na najlepsze wtyczki blokowe Gutenberga.

GutenBee

GutenBee to kolejna świetna darmowa wtyczka, która oferuje duży wybór niestandardowych bloków Gutenberga, aby tworzenie treści w witrynie WordPress było łatwiejsze i bardziej elastyczne.

GutenBee w tej chwili zawiera 27 niestandardowych bloków z nowymi blokami i regularnie dodawanymi zaktualizowanymi funkcjami.

Twórz niesamowite menu dla swojego baru lub restauracji wraz ze zdjęciami, cenami i opisami za pomocą bloku Food Menu.

Zapomnij o nudnym domyślnym wyglądzie map, dzięki blokom Google Maps możesz wybrać jeden z wielu dołączonych stylów niestandardowych, a nawet wprowadzić własny styl SnazzyMaps, aby urozmaicić swoją stronę kontaktową.

Blok Recenzja pozwala podsumować recenzję filmu, jedzenia, gry itp. z wieloma kategoriami i automatyczną średnią oceną.

Twórz przyciągające wzrok banery z paralaksą i tłem wideo, aby przyciągnąć uwagę odbiorców.

Przeciągnij i upuść blok Post Types w treści, aby tworzyć posty i niestandardowe listy typów postów ze zmiennymi numerami kolumn, filtrowaniem kategorii i nie tylko.

Oczywiście GutenBee oferuje wszystkie niezbędne bloki, takie jak akapity, nagłówki, tabulatory, akordeony, galerie, bloki ikon i wiele innych.

Bloki GutenBee oferują rozbudowane opcje wyglądu z dostosowywanymi kolorami, tłem, obramowaniem, cieniami i nie tylko. Ponadto ich opcje widoczności umożliwiają pokazywanie lub ukrywanie bloków w zależności od typu urządzenia, na którym są przeglądane, lub pokazywanie/ukrywanie bloków dla zalogowanych lub wylogowanych użytkowników.

Bloki atomowe: dodatki do edytora Gutenberg

Bezpłatna i popularna wtyczka WordPress z blokiem Gutenberga, która oferuje wiele przydatnych bloków dla Twojej witryny WordPress.

Wtyczka została przejęta przez zespół WPEngine, więc w przyszłości możesz spodziewać się regularnej aktualizacji i przydatnych nowych bloków.

Wtyczka oferuje już kilka bardzo przydatnych bloków gotowych do użycia.

• Post blok siatki
• Blok kontenerowy
• Bloki wezwań do działania
• Konfigurowalny przycisk
• Przekładka i podzielona
• Profil autora
• Wpuszczana czapka
• Zaświadczenie
• Powiadomienie wbudowane
• Akordeon
• Udostępnij ikony

Wtyczka jest prosta i łatwa w użyciu. Po aktywacji wtyczki otrzymasz opcję w zapleczu administratora.

Wtyczka doda nową opcję Atomic Block w edytorze bloków. Możesz wybrać dowolny z gotowych bloków atomowych na swoją stronę, tak jak każdy inny blok Gutenberga.

Zaawansowany Gutenberg

Advanced Gutenberg to bardzo przydatna wtyczka Gutenberg WordPress, która wprowadzi ponad 20 różnych przydatnych bloków do Twojej witryny WordPress.

Jest to wtyczka stworzona przez zespół JoomUnited, który oferuje kilka innych przydatnych wtyczek WordPress wraz z wtyczką Advanced Gutenberg.

Po aktywacji wtyczki otrzymasz opcję w panelu administratora. Wtyczka daje możliwość tworzenia dodatkowych profili i przypisywania bloków zgodnie z rolą lub profilem.

Możesz dodać zaawansowane bloki podczas edytowania swojego posta i dostosować go bezpośrednio w edytorze Gutenberg. Ta wtyczka wzbogaca niektóre z najważniejszych bloków, takich jak obrazy, przyciski itp., o szereg dodatkowych funkcji.

Gutenberg oferuje szereg bloków, które są potrzebne do stworzenia bogatego projektu artykułu, takiego jak przyciski, tabele itp. Jednak opcje projektowania są ograniczone. Wtyczka Advanced Gutenberg wzbogaca wszystkie te gotowe bloki o nowe opcje projektowania wraz z dodatkowymi blokami, które wprowadza ta wtyczka.

Przyjrzyjmy się funkcji tabeli.

Jeśli chcesz umieścić tabelę porównawczą dla dowolnego produktu lub usługi, domyślna tabela Gutenberg jest bardzo ograniczona pod względem projektu, Advanced Gutenberg uzupełni ją, dodając do niej opcje stylizacji.

Spectra (wcześniej Ultimate Addons dla Gutenberga )

Jedna z najlepszych wtyczek Gutenberg Blocks WordPress, Spectra wprowadza do Twojej witryny wiele przydatnych bloków.

Duża liczba użytkowników już korzysta z wtyczki. A jeśli szukasz najlepszej wtyczki blokującej Gutenberga dla swojej witryny, możesz użyć tego narzędzia.

Oto niektóre z ważnych bloków oferowanych przez najlepszą wtyczkę.

• Zaawansowana kolumna
• Zaawansowany kurs
• Wezwanie do działania
• Mapa Google
• Post na osi czasu
• Układy postów
• Cennik
• I więcej

Jeśli szukasz opcji stworzenia pięknie wyglądającego układu opartego na siatce dla swojego bloga, nie musisz instalować żadnych dodatkowych wtyczek, ponieważ wtyczka Spectra zawiera opcję tworzenia różnych typów układów postów dla Twojej witryny, w tym Masonry układ siatki.

Ponadto, jeśli zarządzasz witryną, w której musisz dołączyć Mapę Google, możesz użyć wtyczki do wstawiania map do swoich postów, opublikowaliśmy artykuł, który pokazuje, jak wstawić Mapę Google za pomocą wtyczki Ultimate addon tutaj.

Blok sekcji to kolejna przydatna opcja, której możesz użyć do stworzenia świetnie wyglądającego układu swoich postów na blogu. Tego rodzaju sekcje pudełkowe i pełnowymiarowe nie były wcześniej możliwe w WordPressie, przynajmniej bez użycia kreatora stron internetowych.

Teraz jest to naprawdę łatwe dzięki Spectra. Ogólnie rzecz biorąc, jest to jedna z najlepszych wtyczek blokujących Gutenberg, których możesz używać w swojej witrynie.

Ostateczne bloki

Ultimate Blocks dla Gutenberga oferuje obecnie 14 różnych bloków, a zespół pracuje nad kilkoma nowymi blokami, aby uczynić go jednym z najbardziej wszechstronnych rozwiązań dla edytora Gutenberga.

Wtyczka jest bardzo prosta i łatwa do rozpoczęcia. Po aktywacji wtyczki zobaczysz opcję wtyczki w panelu administracyjnym WordPress. Wszystkie bloki są domyślnie włączone i masz możliwość wyłączenia dowolnego z nich, jeśli nie chcesz ich używać.

Gdy tworzysz nowy post. Zobaczysz nową grupę bloków dla opcji Ultimate Blocks. Możesz ich używać jak każdego innego domyślnego bloku Gutenberga.

Wtyczka oferuje kilka bardzo ważnych bloków, które są regularnie potrzebne blogerom, takich jak spis treści, ocena w gwiazdkach, kliknięcie, aby tweetować, pola powiadomień, minutnik i inne.

Tak więc ta wtyczka wycofa wiele różnych wtyczek, których obecnie używasz w swojej witrynie, ponieważ może wykonywać wszystkie te zadania samodzielnie.

Deweloper oferuje doskonałe wsparcie w przypadku, gdy potrzebujesz pomocy z wtyczką. Tak więc, jeśli już zacząłeś korzystać z edytora Gutenberga, przenieś go na wyższy poziom dzięki wtyczce Ultimate blocks.

Qubely

Qubely to wtyczka blokowa Gutenberga, która minimalizuje wszelkie ograniczenia edytora Gutenberga i otwiera nowe możliwości.

Możesz stworzyć dowolny złożony układ, korzystając z niestandardowych bloków Qubely w domyślnym edytorze WordPress.

Projektuj plany cenowe, funkcje, referencje, paski postępu i wiele innych z Qubely. Zaprezentuj posty w widokach siatki i listy, stylowo wyświetlaj członków zespołu i wyskakujące wideo, aby bardziej przyciągnąć odwiedzających.

Przejmij pełną kontrolę nad edytorem bloków WordPress Gutenberg, stosując gotowe opcje stylizacji.

Qubely oferuje gotowe sekcje, pakiety układów, dzielniki kształtów, responsywny system kontroli dostosowany do konkretnego urządzenia, opcję kontroli typografii i wiele innych funkcji i elementów.

Qubely zadba o projekt Twojej strony internetowej za pomocą niestandardowych bloków Gutenberga. Klocki Qubely są bardzo funkcjonalne i przyjazne dla użytkownika.

Masz wiele opcji dostosowywania projektu i wyświetlania treści w dowolny sposób. Liczba bloków we wtyczce Qubely Gutenberg rośnie wraz z jej aktualizacjami.

Qubely ma już 26 bloków, z których możesz korzystać całkowicie za darmo. W najbliższych dniach pojawią się kolejne bloki.

Niektóre z godnych uwagi bloków Qubely to:

• Siatka postów
• cennik
• Blok owijający
• Zespół
• Obraz
• Oś czasu
• Wiersz
• Zaświadczenie
• Licznik
• Karty
• Akordeon/Przełącznik
• Wyskakujące okienko wideo
• Mapa Google
• Pasek postępu
• Rozdzielacz
• Grupa przycisków
• Skrzynka informacyjna
• Lista zaawansowana
• Formularz kontaktowy

Możliwość układania w stos

Stackable to kolejna wtyczka, o której warto wspomnieć. Ta wtyczka dodaje szereg bardzo przydatnych bloków, które można wykorzystać podczas tworzenia strony z różnymi elementami, takimi jak liczby, liczniki, tekst z obrazem tła itp.

Gdy aktywujesz tę wtyczkę, dodaje ona nową sekcję blokową, której możesz użyć podczas tworzenia bogatego projektu strony.

Niektóre z ważnych bloków oferowanych przez tę wtyczkę to

• Karty
• Liczniki
• Pojemnik
• Polecana siatka
• Zaświadczenie
• Blok powiadomień
• Blok członków zespołu
• I więcej

Getwid

Jeśli szukasz kompleksowej bezpłatnej wtyczki Gutenberg, jest to świetna opcja dla Ciebie.

Ta wtyczka MotoPress zawiera 29 bardzo przydatnych bloków, których możesz użyć na swojej stronie WordPress.

Oto niektóre z ważnych bloków oferowanych przez wtyczkę Getwid

• Sekcja
• Zaawansowany kurs
• Blok grupy przycisków
• Opinie
• Pasek postępu
• Licznik
• Najnowsze posty
• Pole cen
• Linki społecznościowe
• Galeria stosu obrazów
• Instagram
• Transparent
• Zaświadczenie
• Pole cen
• Linki społecznościowe
• Najnowsze posty

Dzięki tej wtyczce otrzymujesz pięknie wyglądający darmowy motyw kompatybilny z Gutenbergiem, który jest w pełni kompatybilny z wtyczką Getwid. Gdy masz taką kombinację, nie przesyłasz kolejnego kreatora witryn dla swojej witryny.

CoBlocks: bloki Gutenberga dla content marketerów

Jak sama nazwa wskazuje, ta wtyczka oferuje bloki przydatne dla marketerów. Ta wtyczka została stworzona przez zespół ThemeBeans.

Oto bloki oferowane przez tę wtyczkę

• Blok akordeonowy
• Blok alertów
• Blok udostępniania społecznościowego
• Blok autorski
• Dynamiczny blok HR
• Kliknij, aby zablokować tweet
• Blok gif
• Blok GitHub Gist
• Blok tabeli cen
• Podświetl blok

Bokez

Bokez to kolejna niesamowita kolekcja bloków Gutenberga, których możesz użyć do tworzenia swoich stron. Oferuje kilka bardzo ważnych bloków, takich jak referencja, akordeon, siatka postów, blok okładki i kilka innych.

Bloki edytora dla Gutenberga

Jeśli szukasz wtyczki, której możesz użyć do stworzenia kompletnej strony docelowej z różnymi blokami i elementami, jest to fajna opcja dla Ciebie.

Ta wtyczka oferuje wiele bardzo przydatnych bloków Gutenberga, których możesz użyć do stworzenia strony docelowej z sekcją bohatera, opakowaniem treści, zespołem, tabelą cen i innymi.

Orbitalny lis

Orbit Fox to bardzo przydatna wtyczka WordPress z wieloma przydatnymi funkcjami i opcjami. Ta pojedyncza wtyczka może zastąpić wiele innych wtyczek, oferując wszystkie te funkcje.

Od prostej integracji z Google Analytics po gotowe szablony stron, ma to wszystko.

Ta wtyczka oferuje również wiele dodatków i widżetów dla twórców stron internetowych, takich jak Elementor i Beaver Builder, dzięki czemu jest bardzo przydatnym produktem.

Oferuje przyciski udostępniania społecznościowego, możesz wybrać te, których chcesz użyć z dużej listy opcji, oferuje gotowe szablony stron, których możesz użyć do stworzenia pięknych stron docelowych w swojej witrynie.

Co więcej, otrzymasz 1 GB bezpłatnego ruchu CDN i zoptymalizuje obrazy w Twojej witrynie, aby przyspieszyć ładowanie.

Bloki wydry

Otter Blocks to kolejna bardzo przydatna wtyczka blokowa Gutenberga, której możesz używać w swojej witrynie WordPress za darmo.

Ta lekka wtyczka pomoże Ci stworzyć atrakcyjną wizualnie stronę internetową. Wtyczka oferuje wiele różnych bloków.

Zawiera bibliotekę gotowych do użycia szablonów, które możesz wstawić na swoje strony jednym kliknięciem i edytować je zgodnie z potrzebami.

Tak więc, jeśli chcesz uniknąć konstruktorów witryn z dużym kodem, które spowalniają Twoją witrynę, ta wtyczka zrobi to za Ciebie.

Ważne bloki

• Blok sekcji
• Blok suwaka
• Zaawansowane przyciski
• Zaawansowany blok nagłówka
• Post blok siatki
• Blok cenowy i nie tylko

Bloki kadencji

Sam w sobie kreator stron internetowych, wtyczka Kadence Blocks sprawi, że nigdy więcej nie będziesz potrzebować kreatora stron internetowych, aby stworzyć całkowicie niestandardowy projekt swojej witryny.

Bez względu na to, jaką witryną zarządzasz, czy to prosty blog, czy witryna eCommerce, wtyczka Kadence Blocks zajmie się projektem Twojej witryny.

Wtyczka oferuje wiele różnych bloków, które możesz połączyć i dostosować motyw zgodnie z potrzebami, aby Twoja witryna wyglądała idealnie.

W rzeczywistości wtyczka zawiera wiele gotowych szablonów demonstracyjnych stron internetowych, które możesz zaimportować i wykorzystać na swojej stronie. Ponieważ wtyczka jest prosta i łatwa w użyciu, będziesz mógł ją dostosować, nawet jeśli jesteś kompletnym nowicjuszem.

Dodatkowy projekt bloku, styl, CSS dla DOWOLNYCH bloków Gutenberga

To kolejna wtyczka Gutenberga, ale nie do dodawania nowego bloku, ale do stylizowania wtyczek, które już dodałeś.

Jeśli jesteś aktywny w społeczności WordPress, prawdopodobnie znasz wtyczki, takie jak CSSHero, które są tworzone dla osób nie będących projektantami, aby edytować kod CSS w locie za pomocą stylizacji wizualnej.

Jest to jedna z takich wtyczek, która jest doskonale kompatybilna z większością wtyczek Gutenberga dodanych do tej listy, możesz użyć tej wtyczki do stylizacji bloku, który dodajesz za pomocą wszystkich tych wtyczek blokowych.

Ta wtyczka zawiera ponad 60 opcji projektowych. Tak więc, jeśli nie jesteś osobą, która nie czuje się dobrze z kodami stylu CSS, ale chcesz dostosować wygląd i styl bloków, ta wtyczka jest dla Ciebie.

Ostatnie słowo

To jedne z najlepszych wtyczek blokowych Gutenberga , których możesz używać w swojej witrynie WordPress. W nadchodzących dniach zobaczymy wiele wtyczek związanych z Gutenbergiem. W pewnym sensie te wtyczki działają jak shortcode w starym WordPressie, którego używaliśmy do dodawania różnych funkcji do naszych stron.

Teraz, w nowej wersji WordPressa, stają się one blokami lub opcjami ulepszania gotowych bloków, aby były lepsze.

Będziemy dodawać więcej wtyczek Gutenberg WordPress , gdy będziemy testować więcej wtyczek, więc nie zapomnij dodać tej strony do zakładek i sprawdzić więcej opcji później.