Dlaczego warto używać własnych bloków Gutenberg z ACF Blocks?

Gutenberg jest domyślnym edytorem treści, który w WordPressie pojawił się na stałe 6 grudnia 2018 roku wraz z wersją 5.0.

Tamtego dnia świat wordpressowsowych użytkowników podzielił się na dwa obozy – zwolenników nowego edytora oraz osoby, które miały co do niego duże wątpliwości. Nie ukrywam, że w pierwszej chwili należałam do tej drugiej grupy. Potrzebowałam chwili aby przekonać się do niego. Ale wystarczył moment – kilka opublikowanych postów przy użyciu domyślnych bloków i już wiedziałam, że nie wrócę do wcześniejszego edytora czyli TinyMCE.

Korzystanie z domyślnych bloków to świetny sposób na przestawienie się na nowy sposób wprowadzania treści. Możliwość wstawiania bloków o różnych formach, układzie i funkcjonalności sprawiło, że posty i strony stały się bardziej atrakcyjne pod względem wyglądu. Dzięki dowolności ustawiania bloków – wygląd postów stał się bardziej spersonalizowany względem treści i materiałów.

Po jakimś czasie zainteresowałam się wprowadzaniem własnych bloków. Jest to najważniejsza zaleta Gutenberga – można go rozwijać i dostosowywać do potrzeb indywidualnych projektów.

Dlaczego warto tworzyć własne bloki?

Podsumuję to w kilku punktach:

  1. Klient otrzymuje projekt dostosowany do aktualnych trendów i technologii.

    Chyba nie ma nic co bardziej cieszy wykonawcę jak zadowolony klient. A Ty masz świadomość, że produkty, które wychodzą spod Twojej klawiatury wykorzystują maksymalnie możliwości jakie daje WP.
  2. Klient w podglądzie edytora widzi jak będzie wyglądał dany blok po publikacji wpisu / strony.

    Czasami ciężko jest klientom wyobrazić sobie jak będzie wyglądać ten czy tamten element wypełniony za pomocą pól ACF znajdujących się pod edytorem. Jeżeli tylko doszlifujesz swoje bloki i dasz możliwość ich podglądu w panelu administracyjnym – osoba wprowadzająca content od razu zobaczy czy dobrze wpasowuje się on w zaplanowany np. box czy slider.
  3. Projektujesz i programujesz jeden blok, a klient używa go w wielu miejscach.

    Jest to realna oszczędność czasu i przy okazji uzyskanie bardziej elastycznej struktury strony. Wystarczy, że dany blok zostanie zdeklarowany w kodzie raz, raz zostaną “wyklikane” dla niego pola w ACF a blok będzie mógł istnieć na wielu stronach lub wpisach. Praktyczne? IMO bardzo!
  4. Klient może zmienić kolejność bloków.

    Kolejność bloków lub mieszanie Twoich autorskich bloków z tymi domyślnymi w WP to świetny sposób na personalizowanie kształtu contentu. Sprawia, że klient czuje większą swobodę i większe możliwości.
  5. Jeden blok w wielu wariantach.

    Jeżeli tylko dobrze zaplanujesz warunki w kodzie swojego bloku będzie on mógł mieć wiele wariantów i form. Przykład? Slider, który posiada na każdym slajdzie ikonę, nagłówek, krótki opis, button CTA i zdjęcie w tle. Jeżeli tylko dobrze zaplanujesz używanie pól to slider będzie mógł działać poprawnie z treścią lub jej brakiem, będzie mógł posiadać zdjęcie w tle lub nie. Wariantów jest tyle, ile znajdzie się w nim elementów. PS. Bardzo polecam używanie pola “Instrukcja” i wypełnianie go podczas tworzenia pola – dzięki temu klient dostanie jasną informację co wydarzy się, jeżeli dane pole zostanie wypełnione lub nie. No i unikniesz późniejszych dodatkowych pytań na temat obsługi panelu 🙂
  6. Twój własny plugin z Twoimi blokami.

    Jeżeli zaprojektowałeś wiele superowych bloków o świetnej funkcjonalności to możesz stworzyć swój własny plugin do WP i serwować go w wielu projektach 🙂 Fajne? Świetne! Zobacz jak zrobił to np. CoBlocks.

Jak wygląda blok pod względem edycji i podglądu?

Jak tworzyć własne bloki przy użyciu ACF Blocks i Timber?

Po pierwsze, jeżeli jeszcze nie tworzycie motywów przy użycia Timber to gorąco polecam – spróbujcie. ACF w połączeniu z tym frameworkiem tworzy świetne środowisko deweloperskie.
Do tworzenia bloków przy użyciu tych dwóch narzędzi polecam Wam plugin stworzony przez Maćka Palmowskiego – Timber ACF WP Blocks.

Wystarczy, że zgodnie z instrukcją zainstalujesz ten plugin, stworzysz w katalogu ‘blocks’ plik dla bloku z odpowiednim komentarzem uwzględniającym dane bloku takie nazwa, kategoria, ikona, opis i tagi bloku i od razu pojawi się on na liście bloków do użycia w Twoim motywie. Jeżeli masz jakiekolwiek pytania dotyczące tego pluginu – koniecznie zgłoś Maćkowi issue.

Tagi: acf, block, blok, bloki, edytor

Cześć, używam plików Cookies

Używam informacji zapisanych za pomocą cookies i podobnych technologii m.in. w celach statystycznych oraz w celu dostosowania strony do użytkowników. W programie służącym do obsługi internetu można zmienić ustawienia dotyczące cookies. Korzystanie z mojej strony bez zmiany ustawień dotyczących cookies oznacza, że będą one zapisane w pamięci urządzenia.

Ok, rozumiem Zobacz więcej