Getwid - Konfigurowalne bloki WordPress dla Gutenberga

Gutenberg. Samo wspomnienie tego słowa może stopić lód. Zwykle w ciszy, która pojawia się po krzyku „GUTENBERG!”, Słychać przypływ szpilki. w niektórych miejscach. Być może nie powinieneś krzyczeć, ale nie o to chodzi. To jest chłodny dzień dla redaktora Gutenberga?


Kiedy Gutenberg stał się domyślnym edytorem treści dla WordPress, wielu użytkowników – zarówno początkujących, jak i programistów – było sceptycznych. To było bolesne przejście, ponieważ – zmiana. Nowy edytor oznaczał, że użytkownicy musieli się uczyć i dostosowywać do nowego sposobu tworzenia treści w WordPress.

To prawda, że ​​zmiana starych sposobów jest trudna i być może dlatego Gutenberg początkowo stawiał czoła sztywnemu oporowi. Ale z biegiem czasu sytuacja uległa ogromnej zmianie. Choć wielu użytkowników na początku było zakłopotanych, ludzie szybko uwielbiają nowy edytor, zwłaszcza gdy jest on tak łatwy w użyciu i, co ważniejsze, rozszerza się dzięki wtyczkom.

Dzięki wtyczkom takim jak Getwid, w temacie dzisiejszej recenzji możesz doładować Gutenberga w sposób, jakiego wcześniej sobie nie wyobrażałeś. A jeśli tempo utrzyma się (i tak będzie), Gutenberg ma bardzo świetlaną przyszłość. Moim zdaniem coraz więcej użytkowników nie będzie potrzebowało narzędzi budujących strony WordPress do tworzenia imponujących stron i postów.

W dzisiejszej recenzji przyjrzymy się wszystkim funkcjom, dzięki którym Getwid jest jedną z najlepszych wtyczek Gutenberg, jakie kiedykolwiek można znaleźć w Internecie. Aby pokazać, czego możesz się spodziewać, testujemy wtyczkę i krótko przekraczamy ponad 30 bloków, które Getwid wprowadza do już potężnego edytora Gutenberga.

Dzięki tej preambule jest mnóstwo ton do omówienia, więc lepiej dostać wid to. Widzisz co zrobiłem? Ha ha. OK, zacznijmy.

Co to jest Getwid?

Getwid - Bloki Gutenberga

Po pierwsze, co do cholery jest Getwid? Cóż, Getwid to sprytna wtyczka, która pomaga rozszerzyć edytor Gutenberga na dużą skalę. Czy to proste? Innymi słowy, jest to piękna kolekcja 34 bloków, które pozwalają tworzyć genialne treści w Gutenberg.

Według Motopress, deweloper Getwid bezproblemowo podłącza się do Gutenberga, „… dzięki czemu ogólne przejście do Gutenberga jest mniej stresujące”. Płynne przejście jest szczególnie ważne dla początkujących użytkowników. Najlepsze jest to, że wtyczka jest do pobrania za darmo na WordPress.org, co oznacza, że ​​możesz od razu zacząć działać.

Getwid podąża za najlepszymi Standardy kodowania WordPress, oferując idealne rozwiązanie do wzbogacania treści bez wnikania w kod. Poza tym jest w pełni kompatybilny ze wszystkimi motywami WordPress kompatybilnymi z Gutenberg, co oznacza, że ​​nie napotkasz problemów z niekompatybilnością.

Ponadto Getwid jest kompatybilny z innymi wtyczkami Gutenberga innych firm, co oferuje więcej funkcji do tworzenia interesujących treści, których pragniesz. Ponadto, Getwid oferuje mnóstwo opcji pozwalających stylizować każdy blok tak, aby pasował do Twojej marki i preferencji.

Łatwe w użyciu bloki Gutenberga

Co więcej, dodatek jest niezwykle łatwy w konfiguracji i obsłudze, co oznacza, że ​​nie potrzebujesz programisty do trzymania ręki. Nie potrzebujesz też wiedzy na temat kodowania. Ponadto Getwid zawiera najnowsze sztuczki wydajności, takie jak minimalizacja CSS, dzięki czemu możesz tworzyć fantastyczne treści bez martwienia się o szybkość witryny WordPress.

Mówiąc o fantastycznych treściach, Getwid pomaga „… tworzyć wydajne strony docelowe, prezentować dynamiczne strony usług, budować przyciągające wzrok portfele”, dodawać piękne suwaki, wdrażać fantastyczne nagłówki, wyświetlać tabele cen i wiele więcej! Oferuje wszystkie bloki potrzebne do przeładowania „… witryn biznesowych, startupów, kreatywnych projektów i wielu innych nisz”.

Pobierz listę bloków Gutenberga

Getwid ma dużą liczbę bloków Gutenberga. Pamiętaj, że działa również z podstawowymi blokami Gutenberga, co oznacza, że ​​nic nie powinno powstrzymywać cię przed tworzeniem niesamowitych treści, które działają na Twojej stronie. Oto lista bloków Gutenberga dostępnych w Getwid (Ostrzeżenie: to jest DUŻE):

  • Sekcja
  • Suwak multimediów i tekstu
  • Suwak obrazu
  • Ikona
  • Pole ikon
  • Baner (tak, wraz z animacjami – woo hoo!)
  • Akordeony
  • Zakładki
  • Przełącznik
  • Galeria stosu obrazów
  • mapy Google
  • Najnowsze posty
  • Zaawansowany kurs
  • Image Box
  • Advanced Spacer
  • Linki społecznościowe
  • Grupa przycisków
  • Zaświadczenie
  • Pudełko osoby
  • Instagram
  • Pasek postępu
  • Okrągły pasek postępu
  • Licznik
  • Cennik
  • Formularz kontaktowy
  • Karuzela pocztowa
  • Suwak postu
  • Niestandardowy typ postu
  • Cennik
  • MailChimp
  • Popup wideo
  • Hotspot obrazu
  • Odliczanie
  • Oś czasu treści

Uff, co za lista? I pomyśleć, że każdy z powyższych bloków zawiera wiele ustawień, stylów i opcji, dzięki czemu możesz projektować swoje treści tak, jak lubisz.

Do tej pory wtyczka blokująca Getwid Gutenberg wygląda bardzo obiecująco.

Teraz, gdy wiesz, z czym współpracujemy, pozwól nam zainstalować Getwid i przejrzeć różne bloki. Mam nadzieję, że spodoba ci się ten rozdział tak samo jak ja podczas testowania wtyczki.

Jak zainstalować wtyczkę Getwid Gutenberg Blocks

Widząc, że Getwid jest dostępny w oficjalnym repozytorium wtyczek WordPress, nie będziemy tracić czasu na pobieranie wtyczki na komputer. Zamiast tego będziemy instalować wtyczkę bezpośrednio z pulpitu administracyjnego WordPress.

Bez zbędnych ceregieli zaloguj się do pulpitu administratora WordPress i przejdź do Wtyczki> Dodaj nowe jak wskazałem na zrzucie ekranu poniżej.

jak zainstalować nową wtyczkę wordpress

Na Dodaj wtyczki , wpisz „Getwid” w polu wyszukiwania słów kluczowych i naciśnij zainstalować Teraz przycisk, jak pokazano poniżej.

jak zainstalować wtyczkę blokującą getwid Gutenberg dla WordPress

Bez marnowania sekundy kliknij Aktywuj przycisk, jak podkreślam poniżej, aby zakończyć instalację.

jak aktywować wtyczkę wordpress getwid

I to wszystko; Nie kłamałem, kiedy powiedziałem, że skonfigurowanie Getwid jest łatwe ��

Zobaczmy teraz, co Getwid ma do zaoferowania w edytorze Gutenberga. Aby dowiedzieć się, co jest w sklepie, musimy utworzyć nową stronę lub post. Pracuj z tym, co chcesz.

Dodanie nowej strony

Będę pracować ze stroną wyłącznie w celach ilustracyjnych. A także dlatego, że używam czczonego motywu Total WordPress, który jest dostarczany z szablonem strony docelowej ��

Do tej pory prawdopodobnie już wiesz, jak dodać nową stronę w WordPress, ale jeśli jesteś absolutnym początkującym, przejdź do Strony> Dodaj nowe, jak widać poniżej.

dodanie nowej strony w wordpress

Dodaj tytuł strony i wybierz wymagane ustawienia. Na przykład, jeśli chcesz naprawdę utworzyć stronę docelową o pełnej szerokości, taką jak Twoja, wybierz opcję z Atrybuty strony sekcja, jak pokazano poniżej.

atrybuty strony w gutenberb

Uwaga: możesz mieć różne opcje w Atrybuty strony sekcja w zależności od motywu.

Dodawanie bloków Getwid Gutenberg

Dodawanie bloków Getwid jest takie samo, jak dodawanie typowych bloków Gutenberga. Kliknij plus (+) przycisk przewiń w dół Getwid Bloki, i wybierz blok, który chcesz.

Blok sekcji

Aby na przykład dodać sekcję Getwid, po prostu dodaj Sekcja blok, jak pokazano poniżej.

blok sekcji getwid

Tak proste jak A, B, C. Następnie musisz zaprojektować / zaprojektować sekcję według własnego uznania. Blok sekcji pozwala tworzyć piękne układy strony sekcja po sekcji bez kodowania. Możesz łatwo dodawać suwaki, obrazy tła, filmy, paralaksy, animacje, kształty, wiele kolorów itp. Do swojej sekcji. Aby zobaczyć stronę utworzoną za pomocą bloków sekcji, sprawdź następujące demo sekcji.

Jak pokazano na poniższym obrazku, możesz dodać dowolny blok wewnątrz bloku sekcji. Poza tym możesz dostosować sekcję, jak chcesz.

ustawienia bloku sekcji getwid

Po prawej stronie strony znajduje się wiele opcji dostosowywania sekcji. Omówimy opcje krótko od góry do dołu.

  • Rozmiar – Tutaj ustaw wymiary przekroju. W momencie pisania masz trzy opcje szerokości, a mianowicie Zapakowany, pełna szerokość,Zwyczaj. Ponadto możesz ustawić różne wysokości sekcji dla komputerów stacjonarnych, tabletów i urządzeń mobilnych. Na koniec masz opcję określenia przerw między blokami treści w bloku sekcji.
  • Wyściółka – Ta opcja umożliwia ustawienie wypełnienia wokół sekcji dla komputerów stacjonarnych, tabletów i urządzeń mobilnych.
  • Margines – Dodaj marginesy wokół bloku sekcji dla różnych urządzeń.
  • Wyrównanie – Tutaj możesz określić pion i poziom swojej sekcji dla różnych urządzeń.
  • Kolor tła – Możesz dodać dowolny kolor tła do sekcji.
  • Gradient w tle – Ta opcja pomaga tworzyć gradienty tła dla twojej sekcji. Ta opcja jest przydatna, jeśli nie chcesz używać jednolitych kolorów tła.
  • Zdjęcie w tle – Tutaj możesz dodać obraz tła do swojej sekcji, zamiast używać kolorów.
  • Suwak w tle – Teraz możesz dodać suwaki tła do sekcji strony. Jak słodko?
  • Wideo w tle – Chcesz wzbogacić swoją sekcję wideo w tle? Jeśli tak, Getwid ma twoje plecy.
  • Pierwszoplanowy – Dodaj efekty pierwszego planu do swojej sekcji.
  • Dzielniki – Dodaj dzielniki między sekcjami
  • Animacja wejścia – Dzięki Getwid możesz animować różne sekcje, jak chcesz.
  • zaawansowane – Tutaj możesz dodać kotwicę HTML i klasę CSS

Blok suwaka multimediów i tekstu

Aby dodać blok suwaka multimediów i tekstu, kliknij plus (+) ikonę, przewiń do Bloki Getwid i kliknij Suwak multimediów i tekstu, jak pokazano niżej.

getwid media i blok tekstu suwaka

Po dodaniu bloku możesz przesłać multimedia i dodać tekst. Ponadto możesz dostosować blok z prawego paska bocznego, jak pokazano na poniższym obrazku.

ustawienia bloków suwaka getwid media text

Oto kilka uwag dotyczących opcji blokowania multimediów i tekstu na prawym pasku bocznym, jak pokazano powyżej:

  • Ustawienia – Na karcie ustawień możesz określić liczbę slajdów, rozmiar obrazu, wysokość suwaka, szerokość treści oraz wyrównanie w pionie / poziomie.
  • Kolor tekstu – Ta opcja pozwala dostosować kolor tekstu na suwaku
  • Kolor nakładki – Możesz ustawić kolor nakładki i określić krycie nakładki
  • Wyściółka – Użyj tej opcji, aby łatwo dodawać dopełnienie wokół suwaków multimediów i tekstu
  • Ustawienia suwaka – Tutaj możesz dodać animację do suwaka i włączyć pokaz slajdów
  • Animacja tekstu – Animuj tekst na suwakach
  • zaawansowane – Dodaj niestandardową klasę CSS, aby móc dalej stylizować suwaki

Oto doskonały przykład suwak multimediów i tekstu w akcji.

Suwak obrazu

Oprócz suwaka Media & Text, Getwid oferuje Ci Suwak obrazu blok również. Aby to zrobić, przejdź do Bloki Getwid i kliknij Suwak obrazu blokuj, jak szczegółowo na poniższym zrzucie ekranu.

suwak obrazu getwid

Po przesłaniu lub dodaniu obrazów z biblioteki multimediów możesz dostosować suwak z prawego paska bocznego, jak pokazano poniżej.

ustawienia suwaka obrazu getwid

Z prawego paska bocznego masz kilka opcji:

  • Ustawienia obrazu – Z tej zakładki możesz wybrać rozmiar obrazu, automatycznie przyciąć obrazy i połączyć każdy obraz z plikiem multimedialnym lub stroną załącznika. Jest to szczególnie korzystne, jeśli jesteś fotografem i używasz suwaków obrazu do wyświetlania swojej pracy.
  • Ustawienia suwaka – Tutaj możesz określić liczbę slajdów, które możesz wyświetlać na różnych urządzeniach, np. Na komputerze stacjonarnym, laptopie, tablecie i telefonie komórkowym.
  • Ustawienia sterowania – W tej zakładce możesz określić, gdzie mają być wyświetlane strzałki i kropki nawigacyjne.
  • zaawansowane – Dodaj tutaj niestandardową klasę CSS

Aby uzyskać lepszy obraz, oto demo suwaka obrazu dla przyjemności oglądania.

Blok banerowy

Blok banerów pozwala reklamować się na stronie WordPress jak szef. Dodanie bloku baneru jest równie proste. Nawigować do Bloki Getwid w edytorze Gutenberga i kliknij Transparent blok, jak pokazano poniżej.

blok banerów getwid

Po dodaniu pliku multimedialnego baneru pojawi się kilka opcji, jak pokazano na poniższym obrazku.

ustawienia blokowania banerów getwid

Jak widać na powyższym obrazku, możesz łatwo dodać link do banera i otworzyć link w nowej karcie. Na prawym pasku bocznym masz więcej opcji dostosowywania swoich banerów. Tutaj możesz dostosować rozmiar, wyrównanie, kolory i animacje banerów.

Masz wiele opcji tworzenia atrakcyjnych banerów dla swojej witryny. Zapoznaj się z nimi dema banerów za smak tego, co możesz stworzyć.

Inne bloki Getwid Gutenberg

Bez względu na to, jak kuszące, w dzisiejszej recenzji nie mogę objąć jeszcze 30 bloków Getwid. Jeśli to zrobimy, będziesz tu cały dzień, ponieważ artykuł będzie zbyt długi, aby go przeczytać.

Niemniej jednak mam nadzieję, że możesz teraz dodać i dostosować dowolny blok Getwid Gutenberg, jaki chcesz. Wystarczy, że przejdziesz do Bloki Getwid i kliknij żądany blok. Następnie dodaj treść i dostosuj blok z prawego paska bocznego, podobnie jak w przypadku innych bloków.

Aby zobaczyć więcej przykładów bloków Getwid Gutenberg w akcji, odwiedź stronę Wtyczka Getwid strona na MotoPress. Również tutaj jest Poznaj post Getwid to pozwala na bardziej szczegółowe spojrzenie na to, co oferuje wtyczka.


Getwid to potężna wtyczka Gutenberga z pięknym pakietem bloków. Dodatkowo, każdy blok ma unikalny zestaw opcji, które pozwalają tworzyć atrakcyjne treści w mgnieniu oka.

Co więcej, wtyczka jest niezwykle łatwa w konfiguracji i obsłudze. Nie potrzebujesz wiedzy na temat programowania ani wcześniejszego doświadczenia, aby wykorzystać moc Getwid i zwiększyć zaangażowanie w swojej witrynie.

Wtyczka jest w 100% darmowa i open source, co oznacza, że ​​możesz jej używać i dostosowywać w szerokim zakresie, nie martwiąc się o swój portfel ani licencje. Jest to idealne narzędzie, które można znaleźć w profesjonalnym zestawie narzędzi WordPress.

Mam nadzieję, że możesz teraz użyć Getwid, aby ożywić swoje strony i posty WordPress bez zerwania. Jeśli nie, proszę wyrazić swoje obawy i sugestie w sekcji komentarzy.

Poza tym, która jest twoją ulubioną wtyczką bloków Gutenberga?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me