ACF Blocks zapewnia asortyment bloków zbudowanych z zaawansowanych niestandardowych pól Pro

W weekend Munir Kamal wydał wersję 2.0 swojej wtyczki ACF Blocks, projektu, który tworzy zestaw bloków dla edytora. Wtyczka oferuje 18 niestandardowych bloków w darmowej wersji i 15 więcej w wersji pro. Jest zbudowany na bazie Advanced Custom Fields Pro (ACF Pro).

Najnowsza aktualizacja wtyczki dodała obsługę typografii, w tym opcje używania różnych czcionek Google dla tekstu blokowego. Kamal uwzględnił również podstawowe opcje stylizacji dla funkcji projektowych, takich jak margines i dopełnienie dla każdego bloku we wtyczce.

Z ACF Pro jako twardą zależnością, ogranicza publiczność bloków ACF. W dużej mierze ta wtyczka będzie przydatna dla agencji i freelancerów, którzy muszą szybko tworzyć funkcje dla klientów w ramach swojego budżetu. W tym celu wtyczka wykonuje solidną robotę.

Ścisłe połączenie z ACF Pro szkodzi wrażeniu użytkownika dla wtyczki. Jednak idee stojące za blokami ACF i ich niestandardowymi opcjami rekompensują wady polegania na zależnej wtyczce nadrzędnej. Rozdzielenie tych dwóch jest mało prawdopodobne, ale zapewniłoby płynniejsze wrażenia i otworzyłoby wtyczkę dla szerszej publiczności.

Kamal czerpał inspirację do wtyczki z ACF i jej wersji pro. Opisał proces budowania bloków za pomocą frameworka „super łatwy”, nawet dla średniozaawansowanych programistów. „Od lat jest to niesamowity framework WordPress do tworzenia niestandardowych pól” – powiedział. „A kiedy [Elliot Condon] ogłosił funkcję tworzenia bloków w ACF, szybko skłoniło mnie to do zbudowania tej kolekcji gotowych do użycia bloków ACF”.

Największym ograniczeniem technicznym jest to, że Kamal nie może budować zagnieżdżonych bloków, co jest obecnym ograniczeniem ACF. „Rozmawiałem już o tym z [Condonem] i już pracuje nad wprowadzeniem tej funkcji, miejmy nadzieję, że wkrótce” – powiedział. „Kiedy to dojdzie do ACF, możemy stworzyć bardziej niesamowite i potężne bloki Gutenberga”.

Obejrzyj krótki opis działania wtyczki:

Przydatny asortyment bloków

Podczas testowania przede wszystkim bezpłatnej wersji bloków ACF, odkryłem, że ma ona kilka przydatnych bloków, które mogą natychmiast zaspokoić typowe potrzeby użytkowników końcowych. Dzięki dostępnym 18 darmowym blokom użytkownicy mają mnóstwo pracy, zanim zdecydują, czy chcą przejść ścieżką aktualizacji do wersji pro.

Jednym z najlepszych bloków w kolekcji jest blok Photo Collage. Jest to odpowiedź ACF Blocks na podstawowy blok Galerii. Same opcje siatki dla tego bloku sprawiają, że warto sprawdzić tę wtyczkę. Blok oferuje od 2 do 15 układów siatki, w zależności od opcji siatki wybranej przez użytkownika.

Moim drugim ulubionym asortymentem jest blok Testimonial. W połączeniu z opcjami typografii, które są dostępne dla wszystkich bloków, możesz świetnie się bawić, projektując sekcję z referencjami.

To jest mała próbka możliwości wtyczki. Blok Cennik może pomóc witrynom restauracyjnym w skonfigurowaniu ich menu. Blok cennika, szczególnie gdy jest zagnieżdżony w głównym bloku Kolumny, ułatwia skonfigurowanie sekcji cen z wieloma opcjami produktu. A blok Zespół ułatwia tworzenie sekcji profilu na stronie zespołu/informacji firmy.

Następujące bloki są dostępne w wersji darmowej (a kilka innych w wersji pro):

1. Przewijalny blok obrazu
2. Blok kart
3. Przełącz blok
4. Blok akordeonowy
5. Blok suwaka obrazu
6. Blok udostępniania społecznościowego
7. Blok kolażu zdjęć
8. Blokowanie postów
9. Blok referencji
10. Blok zespołu
11. Blok wielu przycisków
12. Blok cenowy
13. Blok cennika
14. Rozpocznij blok ocen
15. Blok paska postępu
16. Blok numeru licznika
17. Kliknij, aby tweetować Zablokuj
18. Blok godzin pracy

Ulubione bloki Kamala z całego pakietu to Image Hotspot, który pozwala użytkownikom ustawić tło obrazu ze „wskaźnikami” do wyskakujących treści; Przed obrazem, który pozwala użytkownikom porównać dwa obrazy za pomocą przesuwanego paska; i Photo Collage, blok galerii oparty na siatce wtyczki. Pierwsze dwa są dostępne tylko w wersji pro wtyczki. Twórca wtyczki powiedział, że uważa, że ​​wszystkie bloki są przydatne, ale to były najfajniejsze do zbudowania.

Miejsce na udoskonalenie

Bloki ACF to fajna koncepcja. Wiele rzeczy jest w porządku. Istnieją jednak drobne problemy, które utrudniają pracę z jego blokami. Te problemy nie są nie do pokonania i spodziewam się, że Kamal rozwiąże je w nadchodzących wersjach, opierając się na znajomości swojej wcześniejszej pracy i dążąc do tworzenia świetnych produktów dla użytkowników.

Najpilniejszym problemem i prawdopodobnie najłatwiejszym do naprawienia są style wtyczki dla lewego i prawego marginesu na każdym bloku. Wtyczka domyślnie resetuje te marginesy do 0 . W zależności od aktywnego motywu w witrynie może to spowodować przesunięcie bloków do krawędzi ekranu zamiast do obszaru zawartości w interfejsie użytkownika. Niektóre motywy wykorzystują lewy/prawy margines do wyrównania zawartości. Nie dotyczy to tylko bloków ACF. Jest to powszechne wśród wtyczek z wyjściem front-end.

Jednym z szybkich rozwiązań problemu z marginesami jest owinięcie dowolnego bloku wtyczki w głównym bloku grupy. Spowoduje to, że marginesy staną się z powrotem pod kontrolą motywu.

Edycja treści bloku odbywa się w panelu opcji bloku, a nie bezpośrednio w bloku. Nie jestem pewien, czy jest to ograniczenie korzystania z frameworka ACF Pro, czy decyzja projektowa ze strony Kamala. Dziwne jest przeskakiwanie między edycją treści w obszarze treści a edycją treści na pasku bocznym.

Jednym z przykładów mojego zamieszania z treścią bloków był blok Photo Collage. Kliknąłem blok, mając nadzieję, że pojawi się biblioteka multimediów do przesłania. Nic się nie stało. Kliknąłem ponownie, ponieważ, cóż, może za pierwszym razem nie uzyskałem dobrego kliknięcia. Nic się nie stało. W końcu znalazłem przycisk przesyłania obrazu pod panelem opcji bloku po prawej stronie.

Ustawianie opcji bloku może czasami wydawać się powolne, ponieważ dane wyjściowe bloku w edytorze nie odzwierciedlają natychmiast zmian. Dzieje się tak głównie dlatego, że bloki ACF opierają się na możliwościach renderowania po stronie serwera ACF Pro. Jest mało prawdopodobne, że można to rozwiązać we wtyczce bloków. Niektórzy użytkownicy mogą uznać opóźnione renderowanie za nużące podczas edytowania wielu opcji.

Końcowe przemyślenia

Kamal zebrał przydatny zestaw bloków, które pomogą wielu użytkownikom końcowym tworzyć sekcje treści, których nie mogą stworzyć po wyjęciu z pudełka. Pomiędzy wersją darmową i pro jest łącznie 33 bloki. Twórca zobowiązuje się do dodawania kolejnych bloków w miarę upływu czasu w oparciu o opinie użytkowników. W najbliższej przyszłości planuje dalej hakować poprawki błędów i ulepszać kod.

Nadal uważam, że sposób działania ACF Pro jest przeszkodą w tym, jak dobra może być ta wtyczka, jeśli zostanie zbudowana od zera. Mając to na uwadze, framework pomógł urzeczywistnić wtyczkę Kamala. ACF Blocks jest wizytówką tego, co jest możliwe dzięki ACF Pro, co powinno zainspirować innych programistów, którzy szukają rozwiązań zbudowanych na jednym z najczęściej używanych frameworków w ekosystemie WordPress.

Kamal rozumie, że niektórzy użytkownicy ACF Pro mogą próbować swoich sił w tworzeniu podobnych bloków, ale uważa, że ​​wiedza jego zespołu i zaangażowanie w oferowanie wsparcia są najważniejszymi elementami równania. „Bloki ACF oszczędzają czas i wysiłek na samodzielne tworzenie bloków dla najpopularniejszych elementów projektowania stron internetowych” – powiedział.

Uwaga: ta recenzja wtyczki i informacje zwrotne zostały poproszone przez autora wtyczki. Przeczytaj nasz post o uczciwych opiniach opartych na autentycznych doświadczeniach, aby uzyskać więcej informacji na temat obsługi recenzji.