3 kolekcje bloków Gutenberga, które pokazują, co jest możliwe dzięki nowemu edytorowi WordPressa

Opublikowany: 2018-10-07

O ile nie mieszkałeś pod kamieniem, prawdopodobnie słyszałeś o rychłej premierze edytora Gutenberga. Nowy edytor to największa rzecz, jaka przydarzyła się WordPressowi, odkąd w 2008 roku narodziło się menu po lewej stronie pulpitu nawigacyjnego. Jedną z najważniejszych zmian w tym nowym paradygmacie jest wprowadzenie „bloków”, które umożliwiają rozszerzenie funkcjonalności edytora w różne drogi.

Jeszcze przed oficjalnym uruchomieniem Gutenberga istnieje już wiele niestandardowych bloków, które można dodać do edytora beta, co zwiększa jego funkcjonalność o milę. W tym artykule porozmawiamy nieco więcej o tym, dokąd zmierza Gutenberg, w jaki sposób kolekcje bloków mogą ci pomóc oraz o niektórych opcjach, które możesz już wziąć na przejażdżkę.

Wskoczmy!

Gdzie teraz stoi Gutenberg

Jak być może wiesz, Gutenberg jest gotowy do uruchomienia z WordPress 5.0. Chociaż nowy edytor był dostępny jako wtyczka od miesięcy, teraz zostanie włączony do rdzenia już w listopadzie. Innymi słowy, teraz jest dobry czas, aby przygotować się na to, co przyniesie przyszłość WordPressa.

Od czasu, gdy ostatnio rozmawialiśmy o Gutenbergu, pojawiły się w nim całkiem fajne zmiany. Na przykład możesz teraz przeciągać i upuszczać bloki, co przybliża Gutenberga o krok do poczucia się jak twórca stron:

Funkcja przeciągnij i upuść Gutenberga.

Co więcej, możesz teraz tworzyć szablony bloków wielokrotnego użytku, co jest świetnym sposobem na przyspieszenie przepływu pracy przy tworzeniu treści. Możesz nawet importować i eksportować szablony bloków, co otwiera kilka fajnych możliwości współpracy:

Tworzenie bloków wielokrotnego użytku.

Jeśli potrzebujesz przypomnienia, bloki są do Gutenberga, tak jak moduły do ​​Divi Builder. Innymi słowy, są to podstawowe elementy, których Gutenberg używa do strukturyzowania stron i postów:

Kilka przykładów bloków Gutenberga.

Domyślnie edytor zawiera dziesiątki bloków, ale możliwe jest dodanie jeszcze więcej za pomocą wtyczek. Możesz nawet pobrać i zainstalować wiele powiązanych bloków jednocześnie, pobierając „kolekcję bloków”. W praktyce działa to tak samo, jak instalacja standardowej wtyczki, jedyną różnicą jest to, że kolekcje bloków Gutenberga działają tylko wtedy, gdy masz już włączony nowy edytor. Do czasu premiery 5.0 musisz najpierw zainstalować i aktywować wtyczkę Gutenberg.

Kluczem jest tutaj to, że Gutenberg będzie trzymał się tradycji WordPressa, zapewniając podstawowy wybór opcji, jednocześnie umożliwiając ich rozszerzenie, aby dopasować je do własnych wymagań. Łączenie bloków w kolekcje również ułatwia ten proces, ponieważ wystarczy pobrać jedną wtyczkę, aby dodać wiele powiązanych bloków.

3 kolekcje bloków Gutenberga do sprawdzenia

W tym momencie istnieje wiele pojedynczych bloków Gutenberga, które możesz dodać do edytora. Jednak teraz skupimy się na kolekcjach, ponieważ skraca to czas poświęcony na dodawanie i instalowanie wielu bloków pojedynczo. Chociaż lista dostępnych kolekcji prawdopodobnie będzie się powiększać, oto trzy, które już warto sprawdzić.

1. Bloki atomowe

Wtyczka Atomic Blocks.

Ze wszystkich dostępnych obecnie kolekcji bloków Gutenberga Atomic Blocks jest zdecydowanie najbardziej dopracowaną opcją. Staje się to oczywiste, gdy tylko zainstalujesz go, ponieważ zostaniesz powitany dokładną stroną powitalną:

Strona powitalna Atomic Blocks.

W tej chwili Atomic Blocks zawiera jedenaście bloków, które obejmują siatki postów, pojemniki, referencje, powiadomienia w tekście, akordeony i wiele innych. Aby uniknąć nieporozumień, Atomic Blocks rozdziela wszystkie swoje nowe bloki na nową kartę, którą zobaczysz po uruchomieniu edytora po zainstalowaniu wtyczki:

Część kolekcji Atomic Blocks.

Ogólnie rzecz biorąc, kolekcja Atomic Blocks wydaje się świetnym rozszerzeniem tego, co obecnie ma do zaoferowania Gutenberg. Wybór bloków rozszerza funkcjonalność nowego edytora o opcje, które będą przydatne w różnych witrynach.

Kluczowe cechy:

  • Zawiera jedenaście nowych bloków Gutenberga.
  • Dodaje siatki postów, kontenery, referencje, ikony udostępniania i wiele więcej.
  • Oddziela nowe bloki, aby uniknąć zamieszania.

Cena: za darmo | Więcej informacji

2. Możliwość układania w stos

Wtyczka Stackable.

Stackable to kolejna z naszych ulubionych kolekcji bloków Gutenberg. W tej chwili zawiera 17 nowych bloków, które możesz dodać do edytora, w tym niektóre podobne do tych dostarczanych przez Atomic Blocks:

Niektóre klocki Stackable dodaje do Gutenberga.

Bazując wyłącznie na liczbie klocków, ta kolekcja jest jedną z największych na rynku. Co ważniejsze, wszystkie bloki Stackable są bardzo dopracowane. Wtyczka zawiera nawet zaawansowane opcje dostosowywania, takie jak dodawanie i zmienianie obrazów tła, animacji i nie tylko.

Ostatecznie Atomic Blocks i Stackable przyjmują dwa różne podejścia do tworzenia bloków Gutenberga. Pierwsza ma na celu dodanie podstawowej prostoty, do której dąży Gutenberg. Z drugiej strony możliwość układania w stos jest lepszą opcją, jeśli szukasz kolekcji bloków Gutenberga, która przypomina to, co można zobaczyć w bardziej tradycyjnym narzędziu do tworzenia stron.

Kluczowe cechy:

  • Zawiera 17 nowych klocków Gutenberga.
  • Dostosuj swoje nowe bloki, zmieniając ich tło, dodając animacje, modyfikując rozmiary tekstu i nie tylko.

Cena: za darmo | Więcej informacji

3. Bloki edytora

Wtyczka Bloki edytora.

Editor Blocks to nowe dziecko w bloku, jeśli chodzi o kolekcje Gutenberg Block. Nie ma tylu instalacji ani recenzji, co wtyczki, które zwykle udostępniamy. Jednak po przetestowaniu tej kolekcji bloków jasne jest, że zasługuje ona na miejsce na liście ze względu na fajne funkcje, które zawiera.

Od razu Editor Blocks dodaje dziesięć nowych opcji bloków do edytora Gutenberga. Obejmuje to tabele cenowe, sekcje członków zespołu i bohaterów, a także referencje:

Część kolekcji bloków edytora.

To dość standardowy wybór w porównaniu z innymi kolekcjami, którym się przyjrzeliśmy. Jednak bloki edytora wyróżniają się szczególnie ze względu na tabelę cen i sekcje członków zespołu, które są bardzo łatwe w konfiguracji i konfiguracji:

Tabele cenowe i bloki członków zespołu.

Jeśli szukasz najlepszych opcji bloków, aby skonfigurować tego typu sekcje, bloki edytora będą w twoim zaułku. W rzeczywistości nie ma powodu, dla którego nie można zainstalować wielu kolekcji bloków, aby uzyskać to, co najlepsze ze wszystkich światów.

Kluczowe cechy:

  • Zawiera dziesięć nowych bloków Gutenberga.
  • Umożliwia tworzenie stylowych tabel cenowych i sekcji członków zespołu na dowolnej stronie.

Cena: za darmo | Więcej informacji

Gdzie można znaleźć pojedyncze bloki Gutenberga

Jeśli szukasz konkretnego bloku i nie chcesz lub nie potrzebujesz kolekcji tych, których prawdopodobnie nigdy nie będziesz używać, możesz odwiedzić Bibliotekę Bloku Gutenberga. Ta biblioteka jest pomysłem Danny'ego Coopera, twórcy wtyczki Editor Blocks, którą sprawdziliśmy przed minutą, i jest to najlepsze miejsce, aby znaleźć teraz poszczególne bloki.

Sama biblioteka nie może być prostsza w nawigacji. Serwis umożliwia nieskończone przewijanie całej kolekcji, która w tej chwili oferuje kilkadziesiąt opcji:

Biblioteka Bloku Gutenberga.

Jeśli chcesz zobaczyć więcej informacji o bloku, możesz go kliknąć, a otworzy się nowa strona. Tutaj zobaczysz kilka zrzutów ekranu i przycisk pobierania:

Pojedynczy blok z biblioteki.

Kliknięcie przycisku pobierania przeniesie Cię do strony bloku na WordPress.org. Tutaj będziesz mógł sprawdzić recenzje, oceny i pobrać samą wtyczkę. Dzieje się tak, ponieważ celem biblioteki bloku Gutenberga nie jest hostowanie samych bloków. Zamiast tego ma pomóc Ci znaleźć opcje, które w przeciwnym razie mogłyby być ukryte wśród tysięcy wtyczek WordPress.org.

Wniosek

Jednym z podstawowych filarów WordPressa zawsze była jego rozszerzalność. Ta filozofia znajduje odzwierciedlenie w nowym edytorze Gutenberg, ponieważ pozwala rozszerzyć wybór domyślnych bloków, dodając więcej za pomocą wtyczek. Aby to zrobić, możesz zainstalować kolekcję bloków, która łączy serię powiązanych bloków, lub możesz pobrać pojedyncze bloki, jeśli chcesz wybrać dokładnie to, czego potrzebujesz.

Dostępny jest już niewielki wybór kolekcji bloków Gutenberga, a także wiele pojedynczych wtyczek blokowych. Aby znaleźć to drugie, możesz skorzystać z biblioteki bloków Gutenberga, aby przeglądać bloki, które możesz łatwo pobrać i zainstalować w swojej witrynie. Pamiętaj tylko, aby najpierw pobrać wtyczkę Gutenberg!

Jaki rodzaj bloku chciałbyś, aby Gutenberg zawierał w przyszłych wydaniach? Podziel się z nami swoimi pomysłami w sekcji komentarzy poniżej!

Obraz miniatury artykułu autorstwa A Aleksii / shutterstock.com