Co w nich jest (ACFAdvanced Custom Fields) WordPress i do czego są mi potrzebne?

Michael Hörnlimann Aktualizacja w dniu 21.10.2020 r.
6 Min.
Advanced Custom Fields Wordpress
Ostatnia aktualizacja w dniu 21.10.2020 r.

"Advanced Custom Fields Nie wiesz"? Bez ACF na pewno bym WordPress już nie używał." Mój kolega przysłał mi to przez Slack kilka tygodni temu. On jest deweloperem, ja jestem projektantem. Ale najpóźniej w tym momencie zdałem sobie sprawę, że powinienem (i chciałem) się tym zająć.

Co to jestAdvanced Custom Fields?

WordPress sama w sobie oferuje już szeroki zakres funkcji. Dzięki temu Advanced Custom Fieldsmożna jeszcze bardziej rozszerzyć te funkcje - w wersji standardowej za darmo. Umożliwiają one pełną kontrolę nad zawartością strony internetowej.

Domyślnie w backendzie artykułów i stron znajdują się typowe pola, takie jak tytuł, treść, data i autor. Advanced Custom FieldsBackend, odpowiednio ten wymieniony Pluginponiżej, daje możliwość indywidualnego i praktycznego WordPress poszerzania stron i artykułów.

To jest z WordPress tak dobrze, jak to tylko możliwe - Advanced Custom Fieldsquasi jak strojenie dla WordPress .

Po co mi to w Advanced Custom Fieldsogóle?

W skrócie: Advanced Custom FieldsPrawdopodobnie będziesz musiał użyć elementów tablicy w WordPress backendzie, jeśli utkniesz. Stoisz przed wyzwaniem, które nie może lub może być zrealizowane tylko częściowo za pomocą stron lub wkładów.

Można to zrobić stosunkowo szybko, w zależności od wymagań klienta. Jeśli sam jesteś projektantem stron internetowych, może to również wyglądać znajomo.

W moim przypadku, na przykład, pozwolono mi na zbudowanie wyszukiwarki z kryteriami filtrowania. Nie jest to więc proste wyszukiwanie tekstowe, które przeszukuje całą stronę w poszukiwaniu odpowiedniej treści, ale wyszukiwanie, w którym konkretne dane można wprowadzić za pomocą formularza. Użytkownik ma do dyspozycji różne kryteria filtrowania. Między innymi te:

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

Więcej na ten temat później. Ten przypadek użycia dał mi pomysł na użycie (ACFAdvanced Custom Fields). Takie indywidualne wyszukiwanie nie jest po prostu możliwe w przypadku WordPress elementów pokładowych bez ACF.

Advanced Custom FieldsWolny Plugin

Szukałem więc rozwiązania, które pozwoliłoby na Advanced Custom Fieldswdrożenie tego wyszukiwania filtrów przy pomocy .

Tytułowy Plugin w urzędniku WordPress -Plugin-Katalog został napisany przez Elliota Condona. Australijczyk pracuje nad nim bardzo aktywnie i stale go rozwija, dzięki czemu wciąż pojawiają się nowe funkcje. Jeśli chcesz być bardzo blisko akcji, możesz Śledź ACF na Twitterze.

Jeśli byłeś już odważny i w pełni polegałeś na edytorze bloków (Gutenberg) wprowadzonym w 5WordPress .0, istnieją również Advanced Custom Fieldsbloki dla nowego edytora.

ACF Plugin jest obecnie aktywny na ponad 1 milionie stron internetowych. Jest on bardzo intensywnie testowany i doskonale współpracuje z najnowszą WordPress wersją. Imponujące jest również to, że Plugin otrzymał już ponad 1,000 5-gwiazdkowych ocen. Porównuje się to do nędznych 16 recenzji z tylko jedną gwiazdką - najprawdopodobniej użytkownicy, którzy poddali się po (bardzo) krótkim czasie.

W przypadku jednego z nich Pluginjasne jest, że zrozumienie aplikacji wymaga trochę czasu i cierpliwości. Oczywiście, ja też tylko Advanced Custom Fieldsporysowałem powierzchnię. Chcę tylko wyrazić, że są inne, Pluginsktóre instalujecie, a potem pracują wygodnie w tle - z ACF jest inaczej. Musisz aktywnie zaprojektować i rozpoznać ogólne połączenie pomiędzy bazą danych, backendem i frontendem.

Niezbędne jest również wsparciePlugin, które jest dość techniczne.

Sam jeszcze nie musiałem tego twierdzić. Powód jest bardzo prosty: Dokumentacja pierwszej klasyktóra zajmuje się typami pól, funkcjami, filtrami i FAQ.

Co to są niestandardowe rodzaje poczty?

Wspomniałem już wcześniej, że konieczny jest aktywny projekt. Oznacza to Advanced Custom Fieldsrównież, że w niektórych przypadkach same te środki nie będą dla Państwa zbyt przydatne. Tylko w połączeniu z niestandardowymi typami postów istnieje więcej opcji.

Pierwsze pytanie brzmi: Co to jest (normalny) typ poczty?

Dwie najbardziej znane z nich WordPress to Pages i Blog Posty. Więc dla każdej nowej treści, która ma być stworzona dla strony internetowej, decydujesz, który typ postu jest właściwy. Zależy to od kilku czynników, w tym od tego, w jaki sposób informacje powinny być widoczne i jakich pól potrzebujesz w backendzie.

Co jednak zrobić, jeśli chcesz dostarczyć treści, które nie mogą być objęte normalną stroną lub postem?

Być może już się domyślałeś: potrzebujesz nowego sposobu dodawania treści do backendu. Rodzaj maski wejściowej z dokładnie tymi polami, których potrzebujesz. To jest to, co mogą Advanced Custom Fieldsci zaoferować. Wspomniany powyżej Pluginpozwala na wygodne definiowanie i tworzenie tych pól w backendzie. Kiedy ta struktura już istnieje, następuje następny krok.

Advanced Custom Fields własne pola
W backendzie ACF Pluginsmożna łatwo definiować pola.

Wtedy właśnie używane są niestandardowe typy poczty. Bardzo ważne jest to, że sensowne jest stworzenie własnegoAdvanced Custom Fields, niestandardowego typu postu do użytku własnego. W moim przypadku po prostu dzwonię do terapeutów typu CPT (Custom Post Type).

Oczywiście można również samemu zaprogramować niestandardowy typ poczty. Ale użyłem do tego "Custom PluginPost Type UI", co wyjaśnię w następnej sekcji.

niestandardowe tworzenie postów
Tak właśnie wygląda backend "Custom PluginsPost Type UI".

Poczta niestandardowa Rodzaj UI: BezpłatnaPlugin, druga

Jeśli do tej pory nie było dla ciebie wystarczająco dużo magii tylko z (ACFAdvanced Custom Fields), to tutaj jest najlepsze: ACF w połączeniu z Custom Post Type UI, krótki CPT UI.

Pozwala to na wyświetlanie zawartości bazy danych bezpośrednio w froncie w zależności od potrzeb. W moim przypadku stanąłem przed wyzwaniem zbudowania filtru wyszukującego z różnych pól. Więc najpierw musiałem przesłać wszystkie dane do backendu za pomocą importu CSV.

Następnie użyłem niestandardowego typu postu, jak również wyszukiwania Advanced Custom Fieldsfiltrów w froncie. Więcej na ten temat w następnym rozdziale.

niestandardowa kombinacja post type acf
Na przykład, tak może wyglądać Twój nowy niestandardowy typ poczty.

Przykład praktyczny: Zbuduj wyszukiwanie za pomocą kryteriów filtrowania

Tyle na razie z tyłu. Teraz jest na froncie. Więc możesz użyć całości i użyć poszczególnych Advanced Custom Fieldsdo swojej sprawy.

Użyłem ACF do zbudowania indywidualnego wyszukiwania z kryteriami filtrowania. Ale jak można elegancko prezentować treści z backendu w froncie, aby możliwa była interakcja z użytkownikiem?

Znowu masz wybór pomiędzy rozwijaniem go samemu a Plugin. Ponownie długo szukałem dobrego pomocnika i wreszcie znalazłem "Search & Filter Pro" (link na końcu tekstu).

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

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

W tylnej części może to wyglądać następująco:

wyszukiwanie i filtrowanie na backend
Za pomocą programu "Search Plugin& Filter Pro" można utworzyć indywidualne wyszukiwanie z kryteriami filtrowania.

Następnie można użyć skrótu do wstawienia właśnie utworzonego filtra wyszukiwania w dowolnym miejscu backendu (np. na stronie).

Zobaczysz jednak, że ten będzie wyglądał trochę nieatrakcyjnie. Udało mi się to poprawić dzięki kilku uchwytom CSS i myślę, że wynik w froncie jest całkiem dobry:

praktyczny przykład acf

Dodatkowe linki

Jestem ciekaw, co jeszcze będę w stanie Advanced Custom Fieldswdrożyć w przyszłości. Czy masz jakieś pytania lub uwagi dotyczące tego artykułu? Wtedy chętnie otrzymam wiele informacji zwrotnych.

Zdjęcie: 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.

Artykuły pokrewne

Komentarze do tego artykułu

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola oznaczone są * Zaznaczone.