Zaawansowany samouczek dotyczący pól niestandardowych dla początkujących Tworzenie i wyświetlanie pól
Opublikowany: 2022-11-17Advanced Custom Fields to edytor treści dla programistów WordPress.
Dla początkujących ta wtyczka może wydawać się bardzo irytująca na początku, ponieważ nie znają zalet korzystania z jej funkcji.
Ponadto nie można pominąć faktu, że ta wtyczka była używana przez ponad milion użytkowników WordPress. Wtyczkę ACF można uznać za główną oszczędność czasu przy zadaniach związanych z tworzeniem stron internetowych.
To jest powód, dla którego wymyśliliśmy artykuł, który powie Ci, jak ważne jest korzystanie z wtyczki ACF i jak to działa.
Niektóre funkcje wtyczki ACF mogą wydawać się mylące, ale kiedy zaczniesz z niej korzystać, przekonasz się, że funkcje są bardzo przydatne i pomocne.
Ten szablon może być używany przez średniozaawansowanych użytkowników WordPress lub początkujących użytkowników, aby przejąć pełną kontrolę nad niestandardowymi danymi pól i ekranami edycji WordPress.
Ta wtyczka jest kompatybilna z najnowszą wersją WordPressa i nowszą wersją PHP. Ponadto ta wtyczka jest dostępna w 21 różnych językach.
Dzięki tej wtyczce możesz
Dodaj pola zgodnie z wymaganiami:
Jest to narzędzie do tworzenia pól, które pozwoli ci łatwo i szybko dodawać pola do ekranu edycji WP za pomocą kilku kliknięć.
Dodaj motyw w dowolnym miejscu:
Do całego WordPressa, w tym warunków taksonomii, postów, użytkowników, komentarzy, mediów, a nawet stron z opcjami niestandardowymi, możesz łatwo dodawać pola.
Zaprezentuj je wszędzie:
Będziesz mógł ładować i prezentować niestandardowe wartości pól w dowolnym pliku szablonu motywów. Ponieważ jest łatwy w użyciu, żaden programista nie będzie musiał dodawać tych funkcji.
Podstawowe cechy to
- Potężne funkcje
- ponad 1 milion aktywnych instalacji
- Ponad 30 typów pól
- prosty i łatwy w użyciu.
- posiada obszerną dokumentację.
Jak działa wtyczka Advanced Custom Fields?
W edytorze WordPress ta wtyczka umożliwia zbieranie dodatkowych informacji związanych z Twoimi treściami.
WordPress to platforma typu open source i zgodna, więc powinieneś być w stanie zbudować dowolny typ strony internetowej, jaki chcesz. Powinieneś być w stanie dodać różne funkcjonalności do organizacji wydarzeń, eCommerce, blogowania itp.
Najlepsze narzędzia zapewnia edytor wizualny WordPress, od edycji treści po formatowanie multimediów. Kiedy przejdziesz do przodu, aby dostosować edytor treści WordPress, wpadniesz w kłopoty, ponieważ musisz być bardziej ostrożny przy formatowaniu i edycji kodu.
Ale wtyczka ACF ułatwiła ten proces, ponieważ pozwala modyfikować lub dostosowywać edytor treści i normalizować go zgodnie z informacjami, które gromadzisz i prezentujesz.
Proces aktualizacji stylizowanych treści jest łatwiejszy. Gdy już opracujesz swoją witrynę i wszystko będzie gotowe do życia, będziesz zajęty zmienianiem małych rzeczy.
W przypadku każdej firmy drobną lub najczęstszą korektą będzie zmiana tła lub nagłówka strony głównej dla ogłoszeń i nowych wyprzedaży. Wraz z modyfikacją tekstu w obszarze nagłówka będzie również wspólne.
Są to proste modyfikacje, które większość właścicieli firm wykonuje regularnie.
Ale pracując z WordPressem przekonasz się, że edytor wizualny WordPressa jest bardzo wrażliwy. Twoje pełne formatowanie tekstu zostanie usunięte, jeśli wykonasz niewłaściwą spację. Twoja cała strona główna zostanie zakłócona, jeśli niestety prześlesz niewłaściwy obraz.
Dodaj nowe funkcje do swoich motywów i wtyczek
Przykład
Aby przechowywać dodatkowe szczegóły związane z Twoimi wydarzeniami, wtyczka kalendarza wydarzeń wykorzystuje niestandardowe pola, takie jak czas rozpoczęcia, czas zakończenia, cena i lokalizacja.
Inny przykład
Aby przechowywać dodatkowe informacje związane z Twoimi produktami, WooCommerce wykorzystuje niestandardowe pola, takie jak kolor, cena, waga itp.
Możesz skorzystać z niestandardowych pól zgodnie ze swoimi wymaganiami.
Samouczki dotyczące dodawania pól niestandardowych za pomocą zaawansowanych pól niestandardowych
A teraz pomyśl, że stworzyłeś blog o bieganiu. Jeśli chcesz dodać codzienne treningi, aby Twoi goście byli zaangażowani, musisz dodać niestandardowe pole, aby pokazać całkowity dystans, lokalizację, czas zakończenia i czas rozpoczęcia.
Wtyczkę ACF znajdziesz w darmowym repozytorium wtyczek WordPress na https://www.wordpress.org/plugins
Kliknij przycisk Pobierz i aktywuj go.
Krok 1: Utwórz nową grupę pól
Grupa pól niestandardowych jest nazywana grupą pól
Aby rozpocząć, przejdź do pulpitu nawigacyjnego WordPress. Kliknij niestandardowe pola.
Krok 2: Dodaj pola do swojej grupy
Kliknij dodaj pole.
W terenie grupa dodaje szczegóły dotyczące biegania.
Kliknij pole dodawania
To otworzy tak wiele opcji. Zamiast wybierać wszystkie, przejdź tylko do wymaganych pól.
Typ pola
Etykieta pola
W przypadku pierwszego pola, tj. celu, będziesz potrzebować przycisku radiowego, aby umożliwić klientowi podanie celu biegu poprzez wybranie dowolnej opcji spośród kondycjonowania lub pracy nad szybkością. W polu wyboru możesz wprowadzić opcje wyboru przycisku radiowego.
Powiązany post: Jak dodać niestandardowy obszar widżetów do motywów WordPress
Krok 3: Dodaj inne wymagane pola do wyboru
W ten sposób możesz wybrać niestandardowy typ pola zgodnie z własnymi wymaganiami, na przykład możesz wybrać typ pola liczbowego do dodawania szczegółów, np. całkowitej przebytej odległości. I tak dalej.
Teraz nadszedł czas, aby skonfigurować ustawienie i upublicznić je. Aby zakończyć wszystkie procesy dostosowywania, nadszedł czas na uruchomienie bloga. W tym celu będziesz musiał przewinąć stronę, aż pojawi się okno ustawień. W edytorze WordPress sposób wyświetlania pól będzie zarządzany za pomocą tego pola.
W większości przypadków możesz zostawić to pudełko bez zmian. Ale możesz zastosować do niego zmiany, jeśli chcesz czegoś innego. Na przykład powyżej zwykłego edytora WordPress możesz wybrać wyświetlanie niestandardowych pól.
Aby to opublikować, możesz teraz opublikować swoją grupę terenową po dokonaniu wyborów.
Po opublikowaniu grupy pól podczas próby utworzenia nowego postu okaże się, że pojawiają się pola.
Poniżej obu edytorów, tj. nowego edytora bloków i klasycznego edytora TinyMCE, domyślnie znajdziesz je razem.
Na froncie, jak zaprezentować zaawansowane pola niestandardowe?
Aby wyświetlić zaawansowane niestandardowe pola na interfejsie użytkownika, można natknąć się na różne sposoby. Aby wyświetlić niestandardowe pola na interfejsie, możesz również zatrudnić programistę.
Pozostałe trzy główne metody są wymienione poniżej. Możesz wybrać dowolny z nich zgodnie ze swoimi priorytetami i wymaganiami.
1. Korzystanie z plików szablonów motywu:
Aby skorzystać z tej metody, musisz mieć doświadczenie w wiedzy technicznej, a nie poziom doświadczenia, ale pewna wiedza będzie w porządku. Ta metoda jest uważana za najlepsze podejście, jeśli czujesz się komfortowo, zajmując się plikami szablonów motywu.
Pierwszym i mało technicznym sposobem dodania zaawansowanych pól niestandardowych będzie bezpośrednie dodanie funkcji PHP do plików szablonów motywu potomnego. Jest to trochę wyrafinowane, ponieważ będziesz musiał zadzierać z plikiem szablonu motywu.
2. Wraz ze skrótami:
Najprostszą i najlepszą opcją byłoby użycie skrótów, jeśli chcesz dodać niestandardowe dane pola na podstawie zdarzenia. Chociaż wymagałoby to bardziej ręcznej pracy, ponieważ będziesz musiał dodawać skróty do każdego postu.
Możesz dodać ten krótki kod do każdego posta, w którym chcesz zaprezentować niestandardowe pole
[acf field=”FIELD_NAME”]
To jest praca ręczna. Dlatego nigdy nie znajdziesz rozwiązania do automatyzacji tego typu zadań samodzielnie.
3. Wraz z wtyczką Elementor Pro
Dodanie niestandardowych pól za pomocą wtyczki pro jest najlepszą opcją, ale będziesz musiał za to zapłacić, ponieważ ta funkcja jest objęta szablonem premium.
Dobrze znanym narzędziem do tworzenia stron WordPress jest elementor. Jest wyposażony w tak wiele funkcji i funkcji. Na przykład umożliwia tworzenie projektów za pomocą edycji metodą „przeciągnij i upuść”.
Będziesz mógł tworzyć pliki motywu z wersją premium elementuora. Ponadto będziesz mieć możliwość dodania dynamicznych danych pól niestandardowych do swojego projektu z Zaawansowanych pól niestandardowych.
Jeśli szukasz opcji z większymi możliwościami, ta metoda będzie bardziej pomocna. Ponieważ automatycznie doda niestandardowe dane pól do szablonów.
Istnieje również inna wtyczka do tworzenia stron, która umożliwia prezentowanie niestandardowych czcionek w interfejsie użytkownika. Niektóre najlepsze narzędzia do tworzenia stron, które mogą ci pomóc, to narzędzie do tworzenia bobrów, motywy bobrów, DIVI i inne opcje.
Możesz użyć wtyczki pól niestandardowych Advance, aby wprowadzić pewne ulepszenia na swojej stronie internetowej i uczynić ją bardziej interesującą.
Wniosek:
Dzięki najprostszemu rozwiązaniu, tj. wykorzystaniu funkcji Zaawansowanych pól niestandardowych, możesz wzbogacić swoje posty i strony na blogu o więcej informacji i danych.
Możesz łatwo zebrać więcej informacji na swojej stronie internetowej dla dowolnej zawartości, a następnie zaprezentować ją odwiedzającym, dodając ją do interfejsu użytkownika. Aby było to możliwe, udostępniliśmy trzy główne opcje, tj. pliki szablonów motywu elementor bal wraz z krótkim kodem.
Rozważając powyższą metodę, z pewnością będziesz w stanie stworzyć w 100% niestandardową stronę internetową. To zabierze Cię do dłuższego wyścigu.