![\"Przyk\u0142ad](\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/rozne-bloki-w-dwukolumnowym-ukladzie-1024x419.png\")
Por\u00f3wnanie<\/h2>\n\n\n\nEdycja<\/h3>\n\n\n\n
Edycja kontentu natywnego bloku Gutenberg i bloku ACF znacz\u0105co si\u0119 r\u00f3\u017cni.<\/p>\n\n\n\n
W przypadku natywnego bloku Gutenberg, element jest tak zaprogramowany, aby jak najdok\u0142adniej odwzorowywa\u0107 docelowy efekt. Przyk\u0142adowo, je\u015bli blok ma za zadanie przedstawia\u0107 cz\u0142onka zespo\u0142u to ju\u017c na etapie wprowadzania tre\u015bci widzimy jak prezentuje si\u0119 komponent:<\/p>\n\n\n\n Inaczej wygl\u0105da to w przypadku bloku ACF. Przyk\u0142adowo, je\u015bli edytujemy blok odpowiedzialny za wy\u015bwietlanie rozwijanej listy, np. FAQ, to edycja jego to formularz z odpowiedni\u0105 struktur\u0105 p\u00f3l do uzupe\u0142nienia, jak poni\u017cej:<\/p>\n\n\n\n Jak wida\u0107 powy\u017cej, edycja natywnego bloku oraz bloku ACF znacz\u0105co si\u0119 r\u00f3\u017cni\u0105. Nale\u017cy mie\u0107 na wzgl\u0119dzie to, \u017ce decyduj\u0105c si\u0119 na kt\u00f3re\u015b z rozwi\u0105za\u0144, nie tylko preferencje s\u0105 wa\u017cne, ale r\u00f3wnie\u017c istotny jest bud\u017cet. Warto o tym wspomnie\u0107, poniewa\u017c programowanie dodatkowych blok\u00f3w Gutenberg b\u0119dzie bardziej czasoch\u0142onne ni\u017c w przypadku wykorzystania ACF. Wynika to z tego, \u017ce w przypadku bloku Gutenberg nale\u017cy r\u00f3wnie\u017c ostylowa\u0107 i zaprogramowa\u0107 wszystkie jego elementy.<\/p>\n\n\n\n W zwi\u0105zku z tym, \u017ce bloki Gutenberg maj\u0105 za zadanie odwzorowywa\u0107, jak najdok\u0142adniej docelowy element ju\u017c w czasie jego edycji to podgl\u0105d mamy na bie\u017c\u0105co.<\/p>\n\n\n\n Inaczej ma si\u0119 sprawa w przypadku blok\u00f3w ACF. Domy\u015blnie ka\u017cdy blok ACF ma przycisk do prze\u0142\u0105czania si\u0119 pomi\u0119dzy formularzem edycji jego p\u00f3l, a podgl\u0105dem na \u017cywo.<\/p>\n\n\n\n Przyk\u0142adowo, nasz blok odpowiada za przedstawienie zestawu przycisk\u00f3w do pobierania lub ods\u0142uchania podcastu:<\/p>\n\n\n\n Bloki ACF maj\u0105 mo\u017cliwo\u015b\u0107 prze\u0142\u0105czania na podgl\u0105d oraz opcj\u0119 definitywnego wy\u0142\u0105czenia podgl\u0105du.<\/p>\n\n\n\n Podstawow\u0105 r\u00f3\u017cnic\u0105 jest \u015brodowisko programistyczne oraz spos\u00f3b renderowania templatu bloku. W przypadku Gutenberg wykorzystuje si\u0119 JavaScript, natomiast bloki ACF s\u0105 renderowane za pomoc\u0105 templat\u00f3w PHP.<\/p>\n\n\n\n Pozosta\u0142e aspekty techniczne s\u0105 wsp\u00f3lne <\/strong>dla obu rozwi\u0105za\u0144, jak na przyk\u0142ad:<\/p>\n\n\n\n Gutenberg jest z za\u0142o\u017cenia narz\u0119dziem przeznaczonym do komponowania uk\u0142adu strony z dowolnej ilo\u015bci blok\u00f3w r\u00f3\u017cnego typu. Dla samego WordPress to du\u017cy krok do przodu – wcze\u015bniej platforma nie oferowa\u0142a takich mo\u017cliwo\u015bci, musia\u0142y one by\u0107 dostarczane pluginem typu \u201cpage builder\u201d np. Elementor, czy WPBakery.<\/p>\n\n\n\n Ale tak\u017ce sam ACF mo\u017ce by\u0107 wykorzystany jako uproszczony page builder do kompozycji ca\u0142ego uk\u0142adu strony. Pozwala na to pole \u201cFlexible content\u201d, kt\u00f3re umo\u017cliwia skonfigurowanie grupy \u201clayout\u00f3w\u201d – ka\u017cdy layout, jako grupa p\u00f3l, jest koncepcyjnie odpowiednikiem bloku w Gutenberg.<\/p>\n\n\n\n Gutenberg w du\u017cym stopniu zast\u0119puje konieczno\u015b\u0107 korzystania z ACF w takiej formie, ale nie wszystkich przypadkach.<\/p>\n\n\n\n Je\u015bli mamy prosty projekt, kt\u00f3ry mo\u017ce wykorzysta\u0107 domy\u015blny zestaw blok\u00f3w Gutenberga (rozbudowany ewentualnie o kilka customowych blok\u00f3w utworzonych z pomoc\u0105 ACF), to przypuszczalnie u\u017cywanie ACF Flexible content nie b\u0119dzie mia\u0142o uzasadnienia.<\/p>\n\n\n\n Je\u015bli jednak potrzebujemy mie\u0107 wi\u0119ksz\u0105 kontrol\u0119 nad dost\u0119pnym UI, czyli np. bardziej zaawansowane regu\u0142y widoczno\u015bci p\u00f3l (codnitional logic), lub potrzebujemy uk\u0142adu strony zbudowanego z kilku grup layout\u00f3w (blok\u00f3w), to u\u017cycie ACF nadal mo\u017ce okaza\u0107 si\u0119 rozwi\u0105zaniem lepszym. Wci\u0105\u017c wiele projekt\u00f3w nie u\u017cywa i nie b\u0119dzie w przysz\u0142o\u015bci u\u017cywa\u0107 Gutenberg – dla nich ACF Flexible content nadal pozostaje wygodnym rozwi\u0105zaniem do kompozycji tre\u015bci przy zachowaniu pe\u0142nej kontroli nad uk\u0142adem a jednocze\u015bnie bez narzutu zwi\u0105zanego z u\u017cyciem pe\u0142nego page buildera.<\/p>\n\n\n\n O ile od strony ko\u0144cowego u\u017cytkownika Gutenberg mo\u017ce okaza\u0107 si\u0119 narz\u0119dziem wygodniejszym, estetyczniejszym i przyjemniejszym w obs\u0142udze, to zupe\u0142nie inaczej wygl\u0105da to od strony deweloperskiej.<\/p>\n\n\n\n ACF zawdzi\u0119cza swoj\u0105 popularno\u015b\u0107 kilku kwestiom. Pierwsza to wygodny i \u0142atwy w obs\u0142udze edytor do tworzenia konfiguracji p\u00f3l (fields), kt\u00f3ry integruje si\u0119 z CMS i nie wymaga pisania kodu. Druga to proste i eleganckie API do obs\u0142ugi tre\u015bci zarz\u0105dzanych przez custom fields. Mo\u017cna powiedzie\u0107, \u017ce pr\u00f3g wej\u015bcia dla nowego dewelopera jest tu niewielki. Szybko mo\u017cna te\u017c przygotowa\u0107 potrzebny zestaw custom fields lub nowy blok dla Gutenberg korzystaj\u0105cy z ACF.<\/p>\n\n\n\n Inaczej to wygl\u0105da w przypadku natywnego Gutenberg, gdzie do utworzenia nowego bloku wymagana jest znajomo\u015b\u0107 React i ca\u0142ego zbudowanego na nim systemu do programowania blok\u00f3w.<\/p>\n\n\n\n Ka\u017cde z rozwi\u0105za\u0144 ma swoje wady i zalety, i s\u0105 one zale\u017cne od projektu, w kt\u00f3rym dane podej\u015bcie ma by\u0107 zastosowane.<\/p>\n\n\n\n Dwie najwi\u0119ksze zalety blok\u00f3w Gutenberg to, po pierwsze – nie wymagaj\u0105 dodatkowego pluginu (jak w przypadku blok\u00f3w ACF), po drugie – bezpo\u015brednio podczas edycji bloku mamy, jego podgl\u0105d na \u017cywo.<\/p>\n\n\n\n Wad\u0105 zastosowania blok\u00f3w Gutenberg b\u0119dzie bud\u017cet i czas potrzebny na ich zaprogramowanie. Rozwi\u0105zanie jest dro\u017csze od podej\u015bcia z blokami ACF.<\/p>\n\n\n\n U\u017cycie blok\u00f3w Gutenberg na pewno sprawdzi si\u0119 w serwisach \u201ckreatywnych\u201d, w kt\u00f3rych ju\u017c na etapie edycji stron i podstron chcemy widzie\u0107 jak tre\u015bci b\u0119d\u0105 ostatecznie zaprezentowane.<\/p>\n\n\n\n Decyduj\u0105c si\u0119 na bloki ACF bud\u017cet mo\u017ce by\u0107 bardziej elastyczny. Je\u015bli podgl\u0105d na \u017cywo nie jest wymagany, mo\u017cemy z niego zrezygnowa\u0107, co pozwoli ograniczy\u0107 bud\u017cet oraz czas pracy programisty. Przy czym bloki ACF ca\u0142y czas zachowuj\u0105 pe\u0142n\u0105 kompatybilno\u015b\u0107 z natywnymi opcjami Gutenberg.<\/p>\n\n\n\n Wad\u0105 podej\u015bcia ACF jest widok edycji blok\u00f3w, poniewa\u017c bez wzgl\u0119du czy zdecydujemy si\u0119 na zaprogramowanie podgl\u0105du bloku w edytorze, to zawsze tre\u015bci wprowadzamy w postaci p\u00f3l formularza.<\/p>\n\n\n\n Jednak w zale\u017cno\u015bci od projektu, wcale nie musi to by\u0107\u00a0wad\u0105. Je\u015bli edycja stron odbywa si\u0119\u00a0rzadko, a dodatkowo layout naszego serwisu jest schematyczny, to takie podej\u015bcie mo\u017ce nawet przyspieszy\u0107 wprowadzanie tre\u015bci.<\/p>\n\n\n\n <\/p> ![\"\"](\"https:\/\/smultron.software\/content\/uploads\/2024\/04\/gutenberg-editor-team-members2.png\")
![\"Edycja](\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/widok-edycji-bloku-acf.png\")
Podgl\u0105d edycji<\/h3>\n\n\n\n
![\"Widok](\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/widok-edycji-bloku-acf-2.png\")
![\"\"](\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/podglad-edytowanego-bloku-acf.png\")
<\/figure>\n\n\n\nAspekty techniczne<\/h3>\n\n\n\n
\n
Kompozycja tre\u015bci<\/h2>\n\n\n\n
![\"Kompozycja](\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/gutenberg-kompozycja-1024x546.png\")
![\"Kompozycja](\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/acf-kompozycja-1024x546.png\")
![](\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/marcin-stawowiak-56x56.jpeg\"\n\t\t\t\tclass=\"size-[56px])
\n\t\t\t<\/div>\n\tPoziom wej\u015bcia (learning curve)<\/h2>\n\n\n\n
Podsumowanie<\/h2>\n\n\n\n
![\"\"](\"https:\/\/smultron.software\/content\/uploads\/2024\/04\/tabela-porownawcza-wordpress-craft.png\")
<\/figure>\n![](\"https:\/\/smultron.software\/content\/uploads\/2024\/01\/681c046dafbd67a84a6a2820a207caa9-e1706629988730-768x515.jpeg\"\n\t\t\t\twidth=\"327\"\n\t\t\t\theight=\"204\"\n\t\t\t\tclass=\"w-full)
\n\t\t\t
Porozmawiajmy o konkretach.\t\t<\/div>\n\t\t<\/ul><\/div>\n