MODUŁ 0 - Przygotowanie do startu! 3... 2... 1...
MODUŁ 1 – Czy WordPress jest w ogóle dla mnie?
MODUŁ 2 - MYŚLENIE, czyli szykujemy się do starcia! ;)
MODUŁ 3 – Ogarniamy DZIAŁKĘ i tabliczkę z adresem
MODUŁ 4 – Działka jest. Czas na DOM, drzewo i…
MODUŁ 5 – Dodajemy TREŚCI, czyli niech wreszcie coś zacznie się dziać
MODUŁ 6 - BACKUPUJEMY, ZANIM ZEZPSUJEMY ;)
MODUŁ 7 - MOTYWY, CZYLI PEŁEN MAKE-UP DLA STRONY
MODUŁ 8 - WTYCZKI, CZYLI CO JESZCZE MOŻEMY ODPICOWAĆ

8.7. Przydatne wtyczki – dodatkowe bloki dla Gutenberga (przegląd)

gutenberg dodatkowe bloki wtyczki

Gutenberga już znamy, jego bloki mamy w jednym palcu i wiemy, że jest ich… sporo!

Ale to wcale nie wszystko, co możemy mieć do dyspozycji 🙂

Zasadniczo podstawowych bloków, tych wbudowanych w samego WordPressa, jest kilkadziesiąt. Do tego dochodzą kolejne w ilości bardzo różnej, dorzucane przez instalowane wtyczki, a czasem też motywy.

Gdy zainstalujemy na WordPressie (jeśli komuś trzeba) wtyczkę sklepową – dostaniemy wraz z nią kilkadziesiąt dodatkowych bloków dotyczących produktów, kategorii, opinii, logowania Klientów i takich tam cudów. Kiedy zachce nam się newslettera, wtyczka do jego wdrożenia dorzuci blok do osadzenia formularza zapisu na newsletter. Jeśli nam się zamarzy formularz kontaktowy, większość wtyczek formularzowych dorzuci nam blok odpowiedniego przeznaczenia.

Ale jeśli tego wszystkiego nam mało, możemy sobie zafundować (za friko albo za pinionszki) dodatkowy frylion bloków o najróżniejszym zastosowaniu. Bo istnieje taka magia, jak wtyczki z dodatkowymi blokami Gutenbergowymi.

Wtyczki z dodatkowymi blokami Gutenberga – 2 rodzaje

Jeśli przyjrzymy się temu, co jest dostępne w tym temacie, zobaczymy dwa zasadnicze podejścia, a zarazem rodzaje wtyczek z blokami: wtyczki, które dostarczają jakiś jeden pojedynczy blok oraz wtyczki, które są biblioteką bloków i instalując jedną – dostajemy ich kilka, kilkanaście albo i kilkadziesiąt.

Wtyczki-biblioteki (zbiory) bloków

To takie wtyczkowe kombajny – niby instalujemy jedną wtyczkę, ale po jej aktywacji dostajemy do dyspozycji nawet kilkadziesiąt różnych bloków 🤯

Co może być wśród nich?
Najróżniejsze różności!

Przykładowo:

  • zaawansowane bloki na tekst i nagłówki, czyli takie bloki akapit i Nagłówek, ale na sterydach
  • przyciski z fajerwerkami
  • spisy treści
  • tabelki
  • karty z cenami/pakietami
  • banerki i ramki na notatki
  • liczniki odliczające czas do określonej daty lub/i godziny
  • paski postępu
  • slidery
  • galerie na wypasie
  • dobyczone testimoniale, czyli opinie Klientów
  • ozdobne separatory
  • listy z ikonkami
  • akordeony, czyli treści rozwijane na życzenie
  • pop-upy
  • uładnione cytaty
  • mapki

To ma swoje plusy, bo jedną wtyczką ogarniamy dużo rodzajów treści, ale i minusy, bo czasem potrzebujemy tylko drobiazgu, a musimy do tego zainstalować wtyczkowego potwora, którego wykorzystamy w góra 5%.

Wtyczki z pojedynczymi blokami

Są przydatne wtedy, gdy w zasadzie zbiór bloków, które już mamy, w zupełności by nam wystarczył, gdyby nie jedna jedniutka rzeczułka, której nam brakuje.

Jeśli na przykład marzy nam się slider na stronie (taka karuzela ze zmieniającymi się obrazkami), może nie być sensu instalowania wtyczki-kombajnu, która oprócz slidera przyniesie nam zaawansowane nagłówki, pięć rodzajów obrazków, trzy typy cytatów, testimoniale, osie czasu i jeszcze tabelki na sam czubek. Może wystarczy wtedy po prostu mały Gutenslider, który załatwi temat ze znacznie mniejszą obudową zbędnych nam dodatków 🙂

Przegląd wtyczek z dodatkowymi blokami Gutenberga

Dobrych wtyczek z mnóstwem dodatkowych Gutenbergowych bloków do wykorzystania jest całkiem sporo, dlatego pozwolę sobie ułatwić Wam trochę zadanie i podrzucić kilka najpopularniejszych darmowych na pierwszy ogień 🙂 Jeśli będziecie szukać jakiegoś bloku, który przydałby Wam się na stronie – warto zacząć niuchanie od nich.

Spectra

👉 https://pl.wordpress.org/plugins/ultimate-addons-for-gutenberg/

Wtyczka twórców Astry, czyli ekipy Brainstorm Force. Jest totalnie zgrana z Astrą, więc omówię ją jeszcze w kolejnej lekcji dokładniej, z przykładami 🙂

Zawiera prawie 30 dodatkowych bloków, a wśród nich:

  • obraz – z bardziej niż normalnie rozbudowanymi ustawieniami
  • Tabs, czyli możliwość umieszczenia treści w kilku zakładkach, między którymi można się przeklikiwać
  • Heading, czyli bardziej zaawansowany Nagłówek
  • cytat
  • lista z ikonami
  • oś czasu
  • Info Box, czyli rodzaj kontenerka, w którym można umieścić ikonę, nagłówek i trochę tekstu
  • FAQ, czyli najczęściej zadawane pytania
  • opinie
  • animacje Lottie
  • siatka postów
  • karuzela z postami blogowymi
  • spis treści

Kadence Blocks

👉 https://wordpress.org/plugins/kadence-blocks/

To z kolei wtyczka od ekipy, która stoi też za bardzo popularnym i dobrym motywem Kadence.

Wśród ich bloków ciekawe są:

  • galeria – bardziej wypasiona od tej domyślnej, WordPressowej
  • zaawansowany blok tekstowy
  • zaawansowany nagłówek
  • Tabs, czyli zakładki
  • akordeon, czyli treść rozwijana w kolejnych poziomych rzędach, po kliknięciu plusa lub strzałki
  • separatory
  • blok z ikonami
  • licznik
  • spis treści
  • animacja Lottie

Kadence Blocks ma też płatną wersję, które daje jeszcze więcej możliwości, niż darmowa.

Otter

👉 https://wordpress.org/plugins/otter-blocks/

To dla odmiany wtyczka ekipy Theme Isle, którą znamy z bardzo dobrego motywu Neve oraz nieco starszych, ale popularnych motywów Hestia i Zelle.

Zapewnia ponad 20 dodatkowych bloków, a wśród nich:

  • sekcja
  • zaawansowany nagłówek
  • zaawansowane przyciski
  • slider z obrazków (tzw. karuzela)
  • tabs, czyli zakładki na treść
  • akordeon, czyli pełna treść rozwijana na życzenie
  • liczniki
  • galeria typu masonry (układ jak na Pintereście)
  • opinie
  • ikony
  • animacja Lottie
  • pakiety cenowe

Podobnie jak Kadence, Otter też ma swoja płatną wersję dla chętnych.

Stackable

👉 https://wordpress.org/plugins/stackable-ultimate-gutenberg-blocks/

To wtyczka moooocno obfita w bloki, bo dorzuca ich ponad 40, a oprócz nich zapewnia ponad 30 wzorców z bloków, czyli takich mikro układzików z pojedynczych bloków, do zassania już na gotowo.

Większość bloków dodawanych przez Stackable pokrywa się z tym, co oferuje Spectra, Kadence Blocks czy Otter, ale jest też kilka innych smaczków:

  • zaawansowane kolumny
  • guziki z ikonami
  • pop-up z video
  • guziki social mediów
  • block do rozwijania ukrytej treści (Pokaż/Ukryj)

Dla chętnych – jest też wersja premium wtyczki

Getwid

👉 https://wordpress.org/plugins/getwid/

Kolejnych ponad 40 bloków do dyspozycji! Wiele powtarza się też w innych wtyczkach, ale wśrod Getwidowych osobliwości mamy:

  • okrągły pasek postępu – przedstawiony dość nietypowo, w formie zapełniającego się kółka
  • blok dodający zapis na newsletter w Mailchimpie, po integracji z tym narzędziem
  • oś czasu pozwalająca pokazać chronologię treści
  • obrazki z hotspotami, które wyświetlą określone treści po najechaniu na nie

Qubely

👉 https://wordpress.org/plugins/qubely/

Niemal 30 bloków, a wśród nich:

  • testimoniale, czyli ładnie zaprezentowane opinie (Klientów, czytelników, współpracowników…)
  • zaawansowane przyciski
  • zaawansowany tekst
  • licznik odmierzający czas do danego momentu
  • ikonki z linkami do social mediów
  • siatka z wpisami blogowymi
  • formularz kontaktowy
  • zaawansowane listy
  • taby
  • akordeony
  • oś czasu

Dla żądnych większej liczby bloków jest też płatna wersja PRO.

Którą wtyczkę z dodatkowymi blokami wybrać?

Tę, która nam potrzebna.

Albo raczej TE, które nam potrzebne, bo z wtyczkami z dodatkowymi blokami jest trochę inaczej niż z page builderami – można ich używać równolegle. Teoretycznie nic nie stoi na przeszkodzie, aby zainstalować sobie i jednocześnie używać na przykład Spectry i Ottera – na 99,9% będą koło siebie grzecznie egzystowały (zostawiam ułamek procenta na możliwe konflikty wtyczek, które się nie dogadują, ale to nie są ultraczęste sytuacje) i będzie sobie można sięgać raz po bloki z jednej, a raz z drugiej.

Warto jednak pamiętać, że każda wtyczka to jakiś tam kawałek ładującego się kodu, który wpłynie na sprawność działania strony, więc zdecydowanie lepiej poświęcić chwilę dłużej na znalezienie wtyczki, która ma wszystkie (przykładowo) pięć bloków, na które się czaimy, niż instalować pięć wtyczek, a z każdej wykorzystywać jeden blok.

Trochę tak, jak sprawniej będzie przejechać pięć przystanków jednym autobusem, niż co przystanek się przesiadać 🙂

Pytania, odpowiedzi i komentarze
Zwiń komentarze

Bardzo dziękuję za tę lekcje – wiesz, że tylko jej brakowało mi do szczęścia 🙂 Już ją mam, czuje się spełnioną posiadaczką wymarzonej strony. Stokrotne podziękowania. :))
Ps. Dla wyjaśnienia chodzi o karuzelę, którą instalowałam za pomocą malusieńkiej wtyczki, polecanej przez Edytę na początku tej lekcji.
Pozdrawiam serdecznie Aga

Edyta Woźniak (Administrator) 18 stycznia 2023 o 21:02

Nie ma za co!
Nie jestem fanką slajderów, ale wiem, że Ty na niego czekałaś tuptając nóżkami 😀

Napisz pytanie lub komentarz:

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Przewiń do góry