Obszerny przegląd bloków Getwida Gutenberga

Myślę, że zgodzisz się ze mną, że budowanie strony internetowej za pomocą WordPressa nie jest łatwe, szczególnie dla osób nie będących technologiami. Dzisiaj odkryjemy wtyczkę bloków Getwid Gutenberg.

Edytor Gutenberg, nazwa kodowa nowej ery w edycji WordPressa, otworzył o wiele więcej możliwości dostosowywania, a jednocześnie postawił jeszcze nowe problemy do rozwiązania .

Ale niełatwo nas przestraszyć.

Zastrzeżone wtyczki Gutenberga, takie jak Getwid WordPress Blocks, które zamierzamy zrewidować w tym artykule, oferują rozwiązania, które rozwiązują te problemy i wzbogacają Twoje doświadczenie w budowaniu treści w WordPress.

Czym więc jest Getwid? Jest to biblioteka dodatkowych bloków Gutenberga i szablonów projektów, z których każdy ma własny łańcuch narzędzi, który pomaga w tworzeniu niemal każdego rodzaju witryny, na którą się zdecydujesz.

Przejdźmy do sedna i ustrukturyzuj tę recenzję w taki sposób, abyś mógł szybko przejść do potrzebnego fragmentu.

Kluczowe koncepcje i cechy bloków Getwid Gutenberg

Oto kluczowe możliwości i podstawowe zasady, które udało nam się zdefiniować:

• Największa kolekcja darmowych bloków dla edytora bloków WordPress Gutenberga.

Jak dotąd Getwid jest uważany za jedną z wtyczek bloku Gutenberga, która oferuje największą bibliotekę powszechnie używanych i unikalnych bloków .

Pozwala zatrzymać przeskakiwanie wtyczek, oszczędzając w ten sposób czas i miejsce na hostingu, ponieważ nie będziesz musiał instalować kilkunastu dodatkowych wtyczek. Co więcej, nie ma potrzeby czekania na aktualizacje od różnych dostawców wtyczek i zajmowania się nimi wszystkimi osobno.

• Gotowe projekty Getwid.

Oprócz bloków Getwid oferuje również bibliotekę świetnych wzorców projektowych dla najpopularniejszych sekcji witryny – sekcje bohaterów i podbohaterów, wezwania do działania, usługi, referencje itp. Możesz je łatwo wstawiać za pomocą kliknięć i aktualizować przykładowe treści za pomocą Twój własny. Szablony są podzielone na kategorie, co pozwala szybko znaleźć potrzebny projekt. Projekty można również wyłączyć w ustawieniach Getwid.

• Wizualna zgodność z Twoim motywem WordPress.

Getwid jest prawdopodobnie jedną z najlepszych wtyczek w tym aspekcie, ponieważ w porównaniu z wieloma podobnymi dodatkami Gutenberga; jego bloki automatycznie dziedziczą style (projekt wizualny) z aktywowanego motywu WordPress Gutenberg , zamiast dodawać własne. Pomaga zachować spójność projektu w całej witrynie przy mniejszym zamieszaniu i konfiguracji.

Mówiąc prostymi słowami, bloki mają swoje własne style, ale Twój motyw dodaje lub zastępuje te style bloków, aby treść wyglądała bardziej natywnie do motywu WordPress Gutenberg.

Dodatkowe funkcje bloków Getwid Gutenberg

• Getwid został zaprojektowany tak, aby spełniał standardy wydajności.

Chociaż całkowita wydajność zawsze różni się w zależności od witryny i zależy od wielu czynników, sama wtyczka Getwid jest bardzo lekka.

Osiąga się to dzięki inteligentnemu rozmieszczeniu ustawień (na przykład, ponieważ istnieje blok Zaawansowany nagłówek, który zapewnia wszystkie rzeczy typograficzne i może być używany z prawie każdym innym blokiem, Getwid nie przeciąża innych bloków tymi samymi ciężkimi stylami czcionek i ustawienia typografii), interfejsy Getwid natywne dla Gutenberga bez zbędnych dekoracji, zminimalizowane wbudowane pliki CSS i JS, aby nie nadużywać witryny i nie tylko. Co więcej, możesz wyłączyć blokady, których nie potrzebujesz, aby Twoja witryna była jeszcze szybsza.

Taka zorientowana na wydajność wtyczka nie tylko poprawi SEO Twojej witryny i ogólne wrażenia użytkownika, ale także pomoże zmniejszyć Twój cyfrowy ślad węglowy i pomoże chronić środowisko (im mniej zasobów wymaga Twoja witryna – tym więcej energii zaoszczędzisz – mniejszy procent emisji CO2 z centrów danych, które zasilają Twoją witrynę internetową).

• Wtyczka umożliwia realizację najnowocześniejszych wersji witryn na urządzenia mobilne i tablety.

Deweloperzy Getwid położyli duży nacisk na możliwość dostosowania wyglądu stron WordPress do różnych urządzeń . Możesz dostosować środowisko internetowe dla urządzeń stacjonarnych, mobilnych i tabletów selektywnie dla wielu podstawowych bloków.

Więcej funkcji

• Łatwa integracja z kilkoma popularnymi usługami innych firm.

Biblioteka bloków Getwid już teraz oferuje bezproblemową integrację z Google Maps, Instagram i Mailchimp . Możesz je wdrożyć bez konieczności uciekania się do dodatkowych wtyczek (jeszcze jedna dobra rzecz, która sprawia, że ​​cała witryna jest lżejsza!).

• Specjalny zbiór bloków dla bogatych w treść witryn internetowych.

Jeśli prowadzisz bloga, stronę z wiadomościami lub czasopismem, sklep lub po prostu chcesz wypromować już opublikowane treści, wtyczka Getwid otwiera więcej możliwości zaprezentowania ich w sposób inspirujący. Dzięki obsłudze niestandardowych typów postów możesz również tworzyć suwaki, siatki i listy automatycznie pozyskiwane z postów WordPress z wtyczek innych firm, których możesz użyć.

• Darmowy motyw WordPress Gutenberg stworzony od podstaw za pomocą Getwid.

Getwid jest darmowy, ale jeśli potrzebujesz gotowego rozwiązania motywu, dostępny jest również darmowy szablon startowy Getwid. Pomoże Ci to łatwiej projektować w Getwid, używając mnóstwa gotowych do użycia elementów, które już wyglądają świetnie.

• Skala dewelopera: darmowy szablon projektu Gutenberga.

Jeśli szukasz przyzwoitego dodatku Gutenberg do tworzenia stron internetowych klientów, wtyczka Getwid ma jeszcze jedną zaletę, która przyspiesza przepływ pracy. Istnieje bezpłatny zestaw stylów Getwid, który można pobrać z serwisu GitHub, który zawiera sporo początkowych plików CSS i fragmentów obsługi motywów, aby ułatwić stylizowanie bloków Getwid i Gutenberg.

• Samouczki wideo.

Jeśli chcesz zajrzeć do backendu lub po prostu potrzebujesz pomocy z niektórymi blokami, do Twojej dyspozycji jest również kolekcja samouczków wideo Getwid.

Spróbujmy teraz rzucić okiem na bloki Getwida, a następnie przejdźmy do przykładów.

Lista bezpłatnych bloków Gutenberga dostępnych we wtyczce Getwid

Wtyczka oferuje do tej pory do 40 bloków WordPress:

• Blok sekcji : blok kontenera najwyższego poziomu dla dowolnego typu układów.
• Zaawansowany blok nagłówka : wszechstronny panel sterowania typografią.
• Blok Google Maps : dość oczywisty, osadź Mapy Google z niestandardowymi znacznikami.
• Blok ikon : w pełni konfigurowalne ikony.
• Icon Box Block : gotowe układy z kontenerami ikon.
• Blok pola obrazu : gotowe układy z kontenerami obrazów.
• Blok łączy społecznościowych : zestaw ikon społecznościowych.
• Banner Block : rozwiązanie dla oszałamiających banerów promocyjnych.
• Blok suwaka obrazu : proste suwaki obrazu.
• Blok suwaka mediów i tekstu : zaawansowane suwaki.
• Blok grupy przycisków: przyciski o różnych stylach.
• Blok osób : prezentacja zespołu i członków personelu.
• Blok akordeonu: zakładki akordeonu.
• Przełącz blok : przełącza, aby wizualizować dane.
• Blok zakładek : zakładki poziome.
• Blok galerii stosu obrazów : galerie obrazów z siedmioma różnymi wzorcami projektowymi.
• Blok referencji : tradycyjny blok referencji.
• Blok ostatnich postów : układ listy i siatki dla ostatnich postów.
• Advanced Spacer Block: łatwe niestandardowe odstępy między blokami treści.
• Instagram Block : kanał na żywo z Twoimi zdjęciami na Instagramie w WordPress.

Gotowy na więcej?

• Blok licznika : animowane liczniki.
• Blok cenowy: ceny i tabele porównawcze.
• Blok paska postępu: poziome paski postępu.
• Contact Form Block : prosty formularz kontaktowy z reCAPTCHA.
• Post Carousel Block : suwak po karuzeli.
• Blok cennika : wykaz żywności i cen; opcjonalnie spis treści.
• Post Slider Block : automatycznie generowane suwaki z Twoich postów.
• Niestandardowy blok typu postów: siatka, lista lub niestandardowy układ dowolnych niestandardowych typów postów dostępnych w Twojej witrynie.
• Okrągły blok paska postępu: wyświetla postęp z animowanymi paskami.
• Blok osi czasu treści : posty są prezentowane chronologicznie.
• Blok odliczania : animowane liczniki czasu.
• Image Hotspot Block : szczegółowe i animowane wskaźniki umieszczone nad obrazami.
• MailChimp Block : bezbłędna integracja z MailChimp.
• Blokowanie wyskakujących okienek wideo: filmy wideo hostowane samodzielnie i zewnętrzne w wyskakujących okienkach.
• Blok biblioteki szablonów : do 40 gotowych szablonów (powinieneś spróbować!)

Co więcej, ponieważ zespół MotoPress stojący za Getwid zawsze tworzy nowe funkcje, ta lista najprawdopodobniej zostanie rozszerzona w przyszłości.

To był tylko widok z lotu ptaka, więc zagłębmy się w ustawienia konfiguracyjne i zajrzyjmy za kulisy, aby zilustrować możliwości Getwida. Będziemy używać różnych darmowych i premium gotowych do Gutenberga motywów WordPress.

Dostosuj układy o dowolnej skali za pomocą bloku przekroju

Sekcja to wieloblokowy kontener, który można wypełnić dowolnymi blokami, łatwo wstawiać kolumny Gutenberga i tworzyć różne rodzaje tła. Przyjrzyjmy się niektórym jego funkcjom:

• Pozwala zacząć od wymaganej szerokości układu (możesz tworzyć chwytliwe i wciągające układy o pełnej szerokości).
• Możesz użyć przeciąganych obramowań bloków do niestandardowych wyrównań i rozmiaru (marginesy i dopełnienia) – edycja wizualna pomoże ci zobaczyć natychmiastowe zmiany.
• Możesz stworzyć obraz, gradient, suwak, wideo i inne rodzaje tła z różnymi efektami animacji i kształtami. Panel konfiguracyjny tego bloku umożliwia ręczne dostosowanie odstępów, wybór domyślnej szerokości treści itp.
  
• Marginesy, dopełnienia, wyrównania i domyślną szerokość sekcji można dostosować do różnych okien roboczych (komputer stacjonarny, tablet, telefon).

Personalizacja bloków Getwid Gutenberg

• Możesz również użyć tła o stałej pozycji, aby ożywić całą stronę (aby obraz pozostał nienaruszony podczas przewijania strony). Prawdopodobnie zastosujesz to podejście do układów o pełnej szerokości, aby stworzyć naprawdę wciągające wrażenia z przeglądania.

• Tworzenie atrakcyjnych sekcji bohaterów o pełnej szerokości, a nawet całych stron docelowych jest naprawdę łatwe, ponieważ możesz umieścić sekcje w sekcjach, aby nadać niestandardowy wygląd każdemu elementowi treści.
• Zastosuj gotowe palety kolorów dla tła gradientowego.

• Grupuj zawartość, aby budować wizualną hierarchię za pomocą unikalnych separatorów: skonfiguruj ich rozmiar i kolory.

• Twórz fantazyjne układy offsetowe.

• Animuj bloki lub całe sekcje.

Dodatkowe efekty bloków Getwid Gutenberg

Istnieje mnóstwo efektów animacji do wyboru:

• Zastosuj głęboko dopasowane pierwsze plany, aby zachować jeszcze bardziej osobliwy projekt (skonfiguruj kolor pierwszego planu, gradient, obraz, zmień krycie i tryby mieszania).

• Aby wyjść poza prostą typografię, możesz wstawić blok Advanced Heading autorstwa Getwid, który oferuje głębokie ustawienia typografii (umożliwia pracę z wieloma ustawieniami czcionki: style, grubość, rozmiar, rodzina, odstępy, kolory itp.). Możesz użyć tego bloku z dowolnym innym blokiem Gutenberga lub Getwida.

• Dodaj przyciski z blokiem Button Group, który również automatycznie odziedziczy style z motywu WordPress gotowego do Gutenberga. Rozmiar, szerokość, kierunek i wyrównanie przycisku można zmienić, dzięki czemu możesz tworzyć profesjonalne wezwania do działania za pomocą kliknięć!

Z technicznego punktu widzenia blok sekcji może służyć jako podstawa dla dowolnego innego bloku lub zestawu bloków WordPress Gutenberga, zwłaszcza jeśli chcesz mieć więcej opcji dostosowywania.

Zaprezentuj usługi, pomysły i funkcje za pomocą minimalnych formularzy

Wtyczka bloków Getwid Gutenberg jest dostarczana z kilkoma świetnymi blokami, które pozwalają wyrażać istotne rzeczy dotyczące twojego projektu/firmy w prosty, czytelny i nowoczesny sposób.

Na przykład możesz znacznie łatwiej przekazywać wiele informacji za pomocą ikon, obrazów + ikon, wykresów, liczników i innych. Getwid ma je wszystkie.

Przyjrzyjmy się niektórym z tych bloków i dowiedzmy się więcej o ich funkcjach.

• Umieść wiele ładnych, lekkich ikon w dowolnym pożądanym fragmencie treści za pomocą zwykłego bloku ikon. Aby udoskonalić spójny projekt, możesz wybierać spośród prostych stylów ikon tła i konturów.

Wtyczka Getwid korzysta z ikon Font Awesome, które automatycznie dziedziczą projekt (rozmiar stylu) z dowolnego gotowego motywu Gutenberga, którego możesz użyć, a ponadto pozwalają wybrać preferowany kolor z palety kolorów marki motywu. Dzięki temu ikony znacznie łatwiej wtapiają się w ogólny projekt motywu.

W razie potrzeby możesz jednak zaimplementować własny zestaw ikon.

Dodatkowe ustawienia bloków Getwid Gutenberg

Aby uzyskać bardziej niestandardowy wygląd i zachowanie, dostępne są ustawienia umożliwiające zmianę rozmiaru ikon, promienia obramowania, marginesów, stosowanie efektów animacji i łączy ikony z zewnętrznymi adresami URL. Dzięki tym ustawieniom możesz używać ikon o różnych kształtach: koła, kwadratu, prostokąta i przekątnych.

• Osiągnij układy oparte na ikonach dzięki gotowym wzorom bloku Icon Box autorstwa Getwid. Jest dostarczany z prawie tym samym zestawem narzędzi, co blok ikon, ale zawiera również zorganizowane dodatkowe pola tekstowe i umożliwia szybsze tworzenie treści.

Animowane bloki Getwida Gutenberga

• Wizualizuj dane za pomocą animowanych bloków paska postępu i okrągłego paska postępu.

Podstawowe ustawienia obu pasków są w pełni konfigurowalne.

Tabele cenowe

• Zaprezentuj porównanie i tabele cenowe za pomocą bloku Price Box. Blok jest dostarczany ze wstępnie zaprojektowanym, specjalnie zaprojektowanym układem, który musisz po prostu wypełnić swoimi danymi.

Ponieważ cała zawartość jest edytowana bezpośrednio (w edytorze Gutenberg), szybko zaktualizujesz funkcje/opis, przyciski itp. Obsługiwane są również niestandardowe CSS, więc możesz nadać tabelom bardziej wyszukany wygląd.

Często zadawane pytania

• Bloki Tabs, Toggle i Accordion, które we współczesnym projektowaniu stron internetowych znacznie przyczyniają się do poprawy ogólnej organizacji treści, są bardzo pomocne w porządkowaniu informacji, takich jak FAQ, polityka firmy, udogodnienia w hotelu, archiwa muzyczne i wszelkie inne informacje.

Możesz mieć wstępnie wybraną jedną kartę lub przełącznik, aby uzyskać lepszą użyteczność. Za pomocą panelu konfiguracji bloku możesz zmieniać ikony, układy i typy nagłówków.

• Zaimplementuj ikony mediów społecznościowych za pomocą bloku Linki społecznościowe. Getwid pozwala bezproblemowo zaimplementować niezbędne ikony, ponieważ automatycznie odziedziczą one wygląd Twojego motywu. Musisz tylko zdecydować o stylu, rozmiarze, wyrównaniu i odstępach.

• Zaprezentuj animowane liczniki. Na przykład tutaj jest górny blok bez stylów i ten sam licznik umieszczony wewnątrz bloku Section przez bloki Getwid Gutenberg:

Możesz przejść z minimalnymi lub zaawansowanymi ustawieniami:

Blok obsługuje cyfry wschodnioarabskie i farsi.

• Prezentuje zróżnicowaną gamę starannie wykonanych i solidnych układów z obrazami za pomocą bloku Image Box.

• Twórz menu restauracji z dedykowanym blokiem Cennika. Możesz iść z obrazami lub bez.

Jak można zauważyć, ponieważ wszystkie bloki Getwida są bardzo natywne dla Gutenberga, masz wiele opcji tworzenia pięknej treści i zachowania lepszej spójności wizualnej przy mniejszym wysiłku.

Twórz niesamowite galerie multimedialne i slidery Gutenberg

Getwid oferuje kilka łatwych sposobów prezentowania treści multimedialnych:

• Dodaj suwak z blokiem Media i Text Slider, w którym możesz kontrolować i edytować wszystkie elementy bezpośrednio w wizualnym edytorze Gutenberg.

Będziesz pod wrażeniem tego, jak głęboko możesz zagłębić się w konfigurację: ustaw wszystkie preferowane rozmiary, dostosuj teksty i kolory nakładek, opcjonalnie dodaj niestandardowe wypełnienia, wybierz efekty animacji dla slajdów i tekstu indywidualnie i wiele więcej. Oczywiście możesz wybrać układ o pełnej lub szerokiej szerokości dla swojego slidera. Jeśli potrzebujesz jeszcze prostszego rozwiązania, możesz skorzystać z bloku Image Slider firmy Getwid.

Czy myślisz, że będziesz potrzebować kolejnej wtyczki do WordPressa z Getwidem pod ręką?

• Z łatwością zintegruj galerię na żywo na Instagramie bez uciekania się do wtyczek innych firm.

• • • Twórz czarujące galerie obrazów za pomocą bloku Image Stack Gallery.

• W przypadku kreatywnych projektów możesz użyć naprawdę rzadkiego bloku, Image Hotspot, aby Twoje obrazy/zdjęcia/obrazy/plany pięter były bardziej informacyjne. Blok umożliwia umieszczanie animowanych podpowiedzi na dowolnym niestandardowym obszarze obrazów, aby dostarczyć więcej informacji o określonych częściach obrazu.

• Zaprezentuj wprowadzenie lub filmy produktowe w oszałamiających wyskakujących okienkach (możesz użyć obrazów okładki, animować przyciski, dodawać podpisy itp.)

Zaprezentuj swój zespół

Opowiedz o ludziach, którzy pomogą Ci zbudować firmę, korzystając z łatwego w utrzymaniu bloku Person, który zawiera tak podstawowe informacje, jak stanowiska, nazwiska, awatary i ikony społecznościowe.

Ponadto możesz wyświetlić historię swojej firmy/projektu lub wyświetlić dowolne inne zdarzenia w kolejności chronologicznej za pomocą bloku Oś czasu zdarzenia

Zbuduj suwaki typu postów i niestandardowe posty w Gutenberg

Jeśli chcesz prezentować posty na blogu lub inne określone niestandardowe typy postów (np. Usługi, produkty WooCommerce lub inne typy treści generowane przez używane wtyczki), wtyczka bloków Getwid Gutenberg zawiera kilka dedykowanych bloków, które pomogą ci położyć dodatkowy nacisk na tę treść .

W tym celu można wykorzystać bloki Post Carousel, Post Slider i Custom Post Type firmy Getwid. Chociaż są dostarczane ze standardowym zestawem ustawień, Getwid poszedł o krok dalej, dostarczając niestandardowego kreatora szablonów, w którym możesz wizualnie skonstruować układ, który zostanie zastosowany do suwaka dynamicznych danych postów.

Bawiąc się tymi klockami, możesz stworzyć:

• Oszałamiające suwaki typu post o pełnej szerokości / niestandardowe posty.

• Kolumnowa karuzela postów z różnymi elementami projektu.

• Suwaki siatki i listy.

Istnieje mnóstwo opcji i funkcji tych bloków, które wymagałyby osobnego artykułu!

Używaj animowanych banerów do promowania ofert lub wydarzeń

Możesz dotrzeć do większej liczby potencjalnych klientów dzięki żywym banerom z wezwaniem do działania, które można zbudować za pomocą bloku Getwid Banner. Alternatywnie możesz wykorzystać ten blok do innych celów, gdy wymagane jest położenie nacisku na określone wydarzenia lub produkty.

Blok pozwala kontrolować układ, kolory, efekty ruchu i wiele innych ustawień.

Uwagi końcowe: wtyczka Getwid WordPress Blocks jest idealna dla blogów i witryn małych firm

Getwid jest jak dotąd największą kolekcją darmowych bloków Gutenberga, oczywiście mającą na celu stać się jak najbardziej wszechstronnym rozwiązaniem, aby pomóc Ci zmniejszyć liczbę dodatkowych wtyczek, których możesz potrzebować.

Ale w żadnym wypadku nie oznacza to, że ilość nad jakością, ponieważ Getwid wykonuje świetną robotę projektową i programistyczną w wielu aspektach. Oto tylko niektóre z nich:

• Rozbudowane panele konfiguracyjne zapewniają większą skalowalność i elastyczność w każdym bloku.
• Gotowe do użycia projekty Gutenberga.
• Niezależnie od motywu WordPress, Getwid pozwala na łatwiejsze wprowadzanie zmian i prawie automatycznie zachowanie lepszej spójności wizualnej.
• Darmowy szablon projektu z fragmentami stylizacji bloku.
• Wtyczka zapewnia dodatkową wartość dzięki kilku preinstalowanym popularnym usługom, które zwykle wymagają dodatkowych wtyczek.
• Getwid oferuje kilka naprawdę unikalnych bloków, takich jak Image Hotspot, Video Popup i Custom Post Type.
• Wtyczka Getwid jest zgodna z najlepszymi praktykami projektowania i rozwoju dla Gutenberga i WordPress 5.0, co w dużej mierze przyczyni się do przyszłościowego podejścia do tworzenia stron internetowych.

Podsumowując, klocki Getwida Gutenberga pomogą Ci ruszyć do przodu na każdym rodzaju strony, którą budujesz. Skorzystasz z tego bez względu na to, czy szukasz gotowej biblioteki bloków, czy tylko jednego konkretnego bloku. Więc nie zapomnij spróbować swoich sił, wtyczka jest darmowa jak w piwie.