advanced custom fields wordpress

Czym są strony Advanced Custom Fields (ACF) w WordPressie?

"Nie znasz strony Advanced Custom Fields (ACF)? Bez ACF z pewnością nie korzystałbym już z WordPressa." Kilka tygodni temu napisał do mnie kolega za pośrednictwem Slacka. Jednak on jest programistą, a ja projektantem. Najpóźniej w tym momencie zdałem sobie jednak sprawę, że powinienem (i chciałem) się tym zająć.

Co to jest Advanced Custom Fields (ACF)?

Sam WordPress oferuje już szeroki zakres funkcji. Dzięki stronie Advanced Custom Fields (ACF) można jeszcze bardziej rozszerzyć te funkcje - bezpłatnie w wersji standardowej. Umożliwiają one pełną kontrolę nad zawartością witryny.

Domyślnie, w backend dla postów i stron znajdziemy typowe pola takie jak tytuł, treść, data i autor. Advanced Custom Fields , lub niżej wspomniany Plugin, dają możliwość rozszerzenia WordPress , a tym samym stron i postów praktycznie dowolnie i indywidualnie.

Oznacza to, że z WordPressem można zrobić niemal wszystko - Advanced Custom Fields to, że tak powiem, tuning dla WordPressa.

Do czego potrzebna jest strona Advanced Custom Fields?

W skrócie: Prawdopodobnie potrzebujesz strony Advanced Custom Fields , gdy nie możesz już korzystać z elementów wbudowanych w zaplecze WordPressa. Stoisz przed wyzwaniem, które nie może być zrealizowane lub może być zrealizowane tylko częściowo za pomocą stron lub postów.

W zależności od życzenia klienta może to nastąpić stosunkowo szybko. Jeśli sam jesteś projektantem stron internetowych, to z pewnością jest Ci to również znane.

W moim przypadku, na przykład, mogłem utworzyć wyszukiwanie z kryteriami filtrowania. Nie jest to zwykłe wyszukiwanie tekstowe, które przeszukuje całą witrynę w poszukiwaniu odpowiednich treści, ale wyszukiwanie, w którym można wcześniej wprowadzić określone dane za pomocą formularza. Użytkownik ma do dyspozycji różne kryteria filtrowania. Są to między innymi:

  • Nazwa (pole tekstowe)
  • Kod pocztowy (pole tekstowe)
  • Kraj (rozwijany)
  • Certyfikaty (pole wyboru)

Ale o tym więcej później. Ten przypadek użycia podsunął mi pomysł wykorzystania strony Advanced Custom Fields (ACF). Takie indywidualne wyszukiwanie jest po prostu niemożliwe w przypadku elementów pokładowych WordPress bez ACF.

Advanced Custom Fields: The free Plugin

Szukałem więc rozwiązania, aby zaimplementować to wyszukiwanie filtrów za pomocą Advanced Custom Fields .

Wtyczka o tej samej nazwie w oficjalnym katalogu wtyczek WordPressa pochodzi od Elliota Condona. Australijczyk pracuje nad nim bardzo aktywnie i ciągle go rozwija, dzięki czemu wciąż pojawiają się nowe funkcje. Jeśli chcesz być blisko akcji, możesz śledzić ACF na Twitterze.

Jeśli masz już dość odwagi, aby korzystać z edytora bloków (Gutenberg) wprowadzonego w WordPressie 5.0, pod adresem Advanced Custom Fields znajdują się również bloki dla nowego edytora.

Wtyczka ACF jest obecnie aktywna na ponad 1 milionie stron internetowych. Jest on bardzo intensywnie testowany i działa bezbłędnie z najnowszą wersją WordPressa. Imponujące jest również to, że wtyczka otrzymała już ponad 1000 ocen z 5 gwiazdkami. Z kolei 16 recenzji ma tylko jedną gwiazdkę - najprawdopodobniej użytkownicy, którzy zrezygnowali po (bardzo) krótkim czasie.

Z takim Plugin jest jasne: wymaga to trochę czasu i cierpliwości, aż zrozumiesz aplikację. Oczywiście, tylko zarysowałem powierzchnię Advanced Custom Fields . Chcę tylko wyrazić, że są inne Plugins , które się instaluje i potem działają wygodnie w tle - z ACF jest inaczej. Musisz aktywnie projektować i widzieć całościowe połączenie pomiędzy bazą danych, backendem i frontendem.

Co jest również niezbędne dla tego Plugin, który jest dość techniczny: wsparcie.

Sam jeszcze nie musiałem z tego korzystać. Powód jest prosty: pierwszorzędna dokumentacja, obejmująca typy pól, funkcje, filtry i odpowiedzi na najczęściej zadawane pytania.

Zgoda*
To pole służy do weryfikacji i nie powinno być zmieniane.

Czym są Custom Post Types?

Wcześniej wspomniałem, że konieczne jest aktywne projektowanie. Na stronie Advanced Custom Fields oznacza to również, że w niektórych przypadkach nie będą one zbyt przydatne. Dalsze możliwości pojawiają się dopiero w połączeniu z niestandardowymi typami postów.

Najpierw pojawia się pytanie: Co to jest (normalny) Post Type?

Dwa najbardziej znane w WordPressie to strony i posty blogowe. W przypadku każdej nowej treści tworzonej w witrynie użytkownik decyduje, który typ postu jest najbardziej odpowiedni. Zależy to od kilku czynników, m.in. od tego, jak mają być widoczne informacje i jakie pola są potrzebne w backendzie.

Ale co w przypadku, gdy chcesz dostarczyć treści, które nie mogą być zawarte w zwykłej stronie lub poście?

Być może już się domyśliłeś: potrzebujesz nowego sposobu wprowadzania treści w backendzie. Quasi maska wejściowa z dokładnie tymi polami, których potrzebujesz. To jest to, co Advanced Custom Fields może Ci zaoferować. Wspomniana wyżej strona Plugin pozwala na wygodne definiowanie i tworzenie tych pól w backendzie. Kiedy ta struktura jest już na miejscu, nadchodzi kolejny krok.

advanced custom fields pola własne
W backendzie ACF Plugins możesz łatwo zdefiniować pola.

W tym momencie do gry wchodzą niestandardowe typy postów. Bardzo ważne jest, aby wiedzieć, że ma sens tworzenie niestandardowego typu postu do korzystania z Advanced Custom Fields . W moim przypadku nazywam niestandardowy typ postu (CPT) po prostu terapeutą.

Oczywiście możesz również samodzielnie zaprogramować Custom Post Type. Ja jednak użyłem do tego celu Plugin "Custom Post Type UI", co wyjaśnię bardziej szczegółowo w następnej sekcji.

tworzenie niestandardowych typów postów
Tak wygląda backend strony Plugins "Custom Post Type UI".

Custom Post Type UI: darmowy plugin

Jeśli do tej pory było to dla Ciebie zbyt mało magii z samym Advanced Custom Fields (ACF), oto nadchodzi najlepsze: ACF w połączeniu z Custom Post Type UI, w skrócie CPT UI.

Dzięki temu można wyświetlać zawartość bazy danych bezpośrednio w interfejsie użytkownika. W moim przypadku stanąłem przed wyzwaniem zbudowania filtru wyszukiwania z różnymi polami. Najpierw musiałem załadować wszystkie dane do systemu backend za pomocą importu CSV.

Następnie zbudowałem podstawę dla wyszukiwania filtrów we frontendzie za pomocą Custom Post Type i Advanced Custom Fields . Więcej na ten temat w następnym rozdziale.

niestandardowy typ postu kombinacja acf
Na przykład, Twój nowy Custom Post Type może wyglądać tak.

Przykład praktyczny: Tworzenie wyszukiwania z kryteriami filtrowania

To tyle jeśli chodzi o moment przejścia na backend. Teraz nadszedł czas na frontend. Tak, abyś mógł zastosować całość i wykorzystać poszczególne Advanced Custom Fields do swojego przypadku.

Używam ACF do tworzenia niestandardowego wyszukiwania z kryteriami filtrowania. Jak jednak elegancko zaprezentować zawartość backendu we frontendzie, aby umożliwić interakcję z użytkownikiem?

Ponownie, masz wybór między samodzielnym tworzeniem go a korzystaniem z Plugin. Długo szukałem dobrego małego pomocnika i w końcu znalazłem "Search & Filter Pro" (link na końcu tekstu).

To daje mi pomysłowy sposób na wykorzystanie danych dostępnych w backendzie do wyświetlania we frontendzie. W moim przykładzie są to:

  • Wyszukiwanie (normalne pole wyszukiwania)
  • Post Meta (dostęp i wyszukiwanie odpowiedniego zaawansowanego pola niestandardowego w bazie danych)
  • Przycisk Wyślij (przycisk do wysłania zapytania lub formularza)

W backendzie może to wyglądać w ten sposób:

wyszukiwanie i filtrowanie pro backend
Za pomocą Plugin "Search & Filter Pro" możesz stworzyć indywidualne wyszukiwanie z kryteriami filtrowania.

Następnie możesz użyć shortcode, aby wstawić filtr wyszukiwania, który właśnie utworzyłeś, w dowolnym miejscu w backendzie (na przykład na stronie).

Zobaczysz jednak, że wtedy nadal będzie to wyglądać nieco nieatrakcyjnie. Ulepszyłem to przez kilka uchwytów CSS i stwierdzam, że wynik we frontendzie jest całkiem niezły:

przykład praktyczny akf

Nie mogę się doczekać, aby zobaczyć, co jeszcze mogę wdrożyć w przyszłości dzięki Advanced Custom Fields . Czy masz jakieś pytania lub uwagi dotyczące tego artykułu? W takim razie czekam na Twoją opinię.

Pytania dotyczące ACF

Jakie masz pytania dotyczące ACF i WordPressa? Zachęcamy do korzystania z funkcji komentarzy. Chcesz być informowany o nowych artykułach dotyczących WordPressa i projektowania stron internetowych? Następnie śledź nas na Twitterze i Facebooku, LinkedIn lub za pośrednictwem naszego biuletynu.

Spodobał Ci się ten artykuł?

Zostawiając opinię pomożesz nam udoskonalać publikowane przez nas treści.

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany.