Czym są Advanced Custom Fields (ACF) w WordPress i do czego są mi potrzebne?

Michael Hörnlimann Ostatnia aktualizacja 21.10.2020
6 Min.
advanced custom fields wordpress
Ostatnia aktualizacja 21.10.2020

"Nie znasz Advanced Custom Fields ? Bez ACF, zdecydowanie nie korzystałbym już z WordPress ." Oto, co napisał do mnie kolega przez Slack kilka tygodni temu. Jednak on jest programistą, ja projektantem. Najpóźniej w tym momencie zdałem sobie jednak sprawę, że powinienem (i chciałem) się z tym uporać.

Co to jest Advanced Custom Fields?

WordPress oferuje już szeroki zakres funkcji. Dzięki Advanced Custom Fields możesz jeszcze bardziej rozszerzyć te funkcje - w wersji standardowej za darmo. Pozwalają one na pełną kontrolę nad treścią Twojej strony.

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.

Tak więc z WordPress możliwe jest prawie wszystko - Advanced Custom Fields quasi jako tuning dla WordPress .

Po co mi w ogóle Advanced Custom Fields ?

W skrócie: Prawdopodobnie potrzebujesz Advanced Custom Fields , gdy utknąłeś z elementami pokładowymi w WordPress backend. 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, pozwolono mi zbudować wyszukiwanie z kryteriami filtrowania. Nie jest to zwykłe wyszukiwanie tekstowe, które przeszukuje całą stronę w poszukiwaniu odpowiednich treści, ale wyszukiwanie, w którym można wcześniej wprowadzić konkretne 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ł na wykorzystanie Advanced Custom Fields (ACF). Takie indywidualne wyszukiwanie jest po prostu niemożliwe w przypadku elementów tablicy 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 .

Tytułowy Plugin w oficjalnym katalogu WordPress -Plugin- pochodzi od Elliota Condona. Australijczyk pracuje nad nim bardzo aktywnie i stale go rozwija, dzięki czemu wciąż pojawiają się nowe funkcje. Jeśli chcesz być blisko akcji, możesz śledzić ACF na Twitterze.

Jeśli byłeś już odważny i w pełni polegasz na edytorze bloków wprowadzonym od wersji WordPress 5.0 (Gutenberg), na stronie Advanced Custom Fields znajdują się również bloki dla nowego edytora.

Serwis ACF Plugin jest obecnie aktywny na ponad 1 milionie stron internetowych. Jest on bardzo intensywnie testowany i działa bez zarzutu z najnowszą wersją WordPress . Imponujący jest również fakt, że strona Plugin otrzymała już ponad 1000 ocen z 5 gwiazdkami. Dla kontrastu, jest marne 16 recenzji z 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, która obejmuje typy pól, funkcje, filtry i FAQ.

Czym są Custom Post Types?

Wcześniej wspomniałem, że konieczne jest aktywne projektowanie. Oznacza to również na stronie Advanced Custom Fields , że w niektórych przypadkach nie są one dla Państwa zbyt użyteczne. Tylko w połączeniu z Custom Post Types otrzymujesz więcej możliwości.

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

Dwa najpopularniejsze w WordPress to strony i wpisy na blogu. Tak więc, dla każdej nowej treści, która ma być utworzona na stronie, decydujesz, który typ postu jest najbardziej odpowiedni. Zależy to od kilku czynników, w tym od tego, jak chcesz, aby informacje były widoczne i jakie pola potrzebujesz dla nich 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, drugi

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.

Pozwala to na wyświetlanie zawartości bazy danych bezpośrednio we frontendzie, zgodnie z wymaganiami. W moim przypadku stanąłem przed wyzwaniem zbudowania filtra wyszukiwania z różnymi polami. Więc najpierw musiałem przesłać wszystkie dane do backendu 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żyłem ACF do zbudowania niestandardowego wyszukiwania z kryteriami filtrowania. Jak jednak elegancko zaprezentować treść z backendu we frontendzie tak, aby możliwa była interakcja 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

Linki uzupełniające

Nie mogę się doczekać, aby zobaczyć, co jeszcze będę mógł wdrożyć z Advanced Custom Fields w przyszłości. Czy masz jakieś pytania lub komentarze do tego artykułu? Jeśli tak, chętnie przyjmę wiele uwag.

Obraz: Shane Aldendorff | Unsplash

Michael Hörnlimannurodzony w 1991 roku w Zurychu, kocha przyrodę i dobre jedzenie. Od kwietnia 2018 roku pracuje wyłącznie samodzielnie i tworzy WordPress strony internetowe w imieniu klientów. Od tego czasu połączył pracę z wielką pasją, podróżując do obcych krajów i kultur. Żyje i pracuje gdziekolwiek jest, czasem w górach, czasem nad morzem.

Powiązane artykuły

Komentarze do tego artykułu

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Pola obowiązkowe oznaczone są *.