Kompletny przewodnik po polach niestandardowych WordPress

Jeśli chcesz tworzyć niestandardowe, dynamiczne witryny WordPress, ważne jest, aby zrozumieć, jak działają niestandardowe pola WordPress.

Krótko mówiąc, pola niestandardowe umożliwiają przechowywanie dodatkowych informacji o postach na blogu, stronach, niestandardowych typach postów, a nawet taksonomii (takich jak kategorie i tagi).

Dzięki Elementor Pro możesz nawet pobierać informacje z niestandardowych pól i dynamicznie dołączać je do projektów Elementora i szablonów Theme Builder (co oznacza, że ​​możesz używać niestandardowych pól do edycji motywów WordPress i motywów podrzędnych).

Mówiąc prościej, pola niestandardowe są jednym z głównych kluczy do odblokowania mocy WordPressa jako pełnego systemu zarządzania treścią. Ponieważ są one tak ważne i tak przydatne do tworzenia niestandardowych witryn internetowych za pomocą Elementora, poświęcimy cały wpis niestandardowym polom WordPress i sposobom ich używania.

Oto, co omówimy:

• Więcej o tym, czym są pola niestandardowe i jak Ci pomagają
• Jak dodać niestandardowe pola w WordPress
• Jak wyświetlić dane z pól niestandardowych w interfejsie witryny?
• Różnica między polami niestandardowymi a typami/taksonomiami postów (i kiedy ich użyć)
• Najlepsze wtyczki pól niestandardowych dla WordPress

Zagłębmy się.

Jak dowiedziałeś się we wstępie, niestandardowe pola pomagają zebrać dodatkowe informacje o treści w WordPressie.

Z technicznego punktu widzenia pola niestandardowe pomagają zbierać i zarządzać metadanymi lub „danymi, które dostarczają informacji o innych danych”.

Kiedy dodajesz nowy wpis na blogu w WordPress, możesz wprowadzić tytuł i treść wpisu na blogu w edytorze. Ale co, jeśli chcesz zebrać dodatkowe uporządkowane informacje?

Załóżmy na przykład, że masz blog z recenzjami i chcesz przypisać ocenę liczbową do każdego publikowanego posta na blogu z recenzją.

Możesz dodać nowe pole niestandardowe „Ocena” do swoich postów na blogu, w którym wpisujesz numer wraz z innymi przydatnymi informacjami. Te pola otrzymałyby osobne pole i byłyby przechowywane osobno w bazie danych WordPressa (w postmeta). W rzeczywistości jest to w zasadzie to, co robi większość wtyczek do recenzji.

Twoje następne pytanie może brzmieć – „dlaczego nie możesz po prostu dodać oceny w edytorze WordPress z tekstem recenzji”.

Cóż, z pewnością mógłbyś. Jednak rozdzielenie tych danych na własne pola niestandardowe zapewnia znacznie większą elastyczność. Na przykład możesz:

• Automatycznie sformatuj ocenę w interfejsie witryny, aby utworzyć stylizowane pole recenzji.
• Upewnij się, że wszystkie Twoje wpisy z opiniami mają dokładnie to samo formatowanie.
• Użyj oceny recenzji, aby wyszukiwać i sortować zawartość. Możesz na przykład utworzyć stronę z listą wszystkich recenzji, w których wystawiłeś doskonałą ocenę, lub umożliwić odwiedzającym sortowanie recenzji według oceny.

Korzyści te są jeszcze bardziej widoczne w przypadku bardziej złożonych witryn. Na przykład wyobraź sobie, że utworzyłeś witrynę z ofertami nieruchomości z tysiącami domów. Nie chciałbyś ręcznie tworzyć projektu dla każdego domu, prawda?

Wyobraź sobie, że musisz ręcznie sformatować liczbę sypialni, łazienek itp. dla każdego wpisu. Zajęłoby to wieczność!

Zamiast tego możesz po prostu wypełnić podstawowe dane dotyczące sypialni, łazienek itp., korzystając z niestandardowych pól i pozwolić, aby Twój szablon automatycznie sformatował wszystkie te informacje dla każdego domu.

Aby zilustrować, jak potężne mogą być pola niestandardowe, spójrzmy na kilka prawdziwych przykładów wykorzystania pól niestandardowych.

To wcale nie jest pełna lista — to tylko kilka pomysłów, które pozwolą Ci płynąć z Twojej kreatywności.

WooCommerce to najpopularniejszy sposób na stworzenie sklepu eCommerce na WordPress, ale jest to również świetny przykład działania niestandardowych pól WordPress.

Jeśli chcesz stworzyć działający sklep, musisz zebrać wiele dodatkowych informacji o produktach, które chcesz sprzedawać. Na przykład będziesz mieć:

• Ceny
• Stan magazynowy
• Atrybuty
• Itp.

Pola niestandardowe umożliwiają przechowywanie wszystkich dodatkowych metadanych. Następnie WooCommerce wykorzystuje te dane do prawidłowego wyświetlania produktów na interfejsie Twojego sklepu.

Wróćmy do powyższego przykładu nieruchomości.

Jeśli chcesz użyć WordPressa do stworzenia witryny z ofertami nieruchomości, najpierw utwórz niestandardowy typ wpisu „Dom”. Niestandardowe typy postów omówimy później, ale niestandardowy typ postu to po prostu kolejny „typ” treści, taki jak domyślne „Wpisy” i „Strony” WordPressa.

Dodając nowy dom, chciałbyś mieć możliwość łatwego zbierania informacji, takich jak:

• Sypialnie
• Łazienki
• Materiał kwadratowy
• Cena
• Itp.

Możesz dodać niestandardowe pole dla każdej informacji, aby móc łatwo wprowadzić je w edytorze zaplecza, a następnie automatycznie wyświetlić je na interfejsie witryny zgodnie z szablonem.

Jeśli tworzysz witrynę restauracji, możesz użyć niestandardowych pól, aby ułatwić sobie tworzenie i zarządzanie menu.

Możesz utworzyć nowy niestandardowy typ postu dla „Pozycji menu”. Następnie możesz dodać pola niestandardowe, aby zbierać informacje, takie jak:

• Cena dania
• Wszelkie istotne kwestie żywieniowe (na przykład możesz dodać pola wyboru, aby wskazać, czy danie jest bezglutenowe, czy jest wegetariańskie itp.)
• Kalorie
• Itp.

Jak tylko opublikujesz nowe danie, automatycznie pojawi się ono w menu z odpowiednim formatowaniem.

Nietechnicznym użytkownikom łatwiej będzie również dodawać nowe elementy menu, zmieniać informacje lub usuwać elementy menu.

Mamy nadzieję, że te przykłady pobudzą Twoją kreatywność.

Najważniejsze pytanie brzmi – w jaki sposób niestandardowe pola mogą pomóc ulepszyć Twoją następną witrynę WordPress?

Czy są jakieś powtarzające się zadania formatowania treści, które obecnie wykonujesz, które można zautomatyzować za pomocą pól niestandardowych?

Czy dodanie większej ilości informacji do witryny pomogłoby użytkownikom?

Czy kiedykolwiek chciałeś tworzyć bardziej złożone witryny WordPress? Lubisz tablicę ogłoszeń o pracę? Lub katalog firm? Coś, co wykracza poza „Wpisy” i „Strony”?

Czy Twoi klienci psują rzeczy, ponieważ dałeś im pełny dostęp do edytora? To świetne rozwiązanie – twórz niestandardowe pola dla wszystkich rzeczy, które klient może chcieć zmienić, a następnie daj im dostęp tylko do tych niestandardowych pól. W ten sposób nigdy nie mogą przypadkowo czegoś złamać.

Prawie każda witryna WordPress może w jakiś sposób skorzystać z pól niestandardowych – zastanów się więc, w jaki sposób pola niestandardowe mogą pomóc w Twoim.

Przejdźmy teraz do bardziej praktycznych kroków, jak dodawać i wyświetlać niestandardowe pola w WordPress.

Jak to często bywa w przypadku WordPressa, istnieją dwie drogi, którymi możesz podążać, aby dodać niestandardowe pola:

1. Użyj metody ręcznej
2. Użyj wtyczki

W prawie wszystkich sytuacjach zalecamy korzystanie z niestandardowej wtyczki pola. Jednak WordPress zawiera natywną funkcję pola niestandardowego, więc tam rozpoczniemy nasz samouczek.

Ponownie, na prawdziwej witrynie WordPress prawdopodobnie nie chcesz korzystać z tej funkcji. Jest to jednak natywna funkcja WordPressa, dlatego uważamy, że warto wyjaśnić, jak to działa.

Być może nigdy tego nie widziałeś, ale WordPress zawiera funkcję, która pomaga dodawać niestandardowe pola ze zwykłego edytora WordPress.

Aby interfejs pól niestandardowych był widoczny, musisz otworzyć menu w prawym górnym rogu i wybrać Opcje na dole. Następnie zaznacz pole Niestandardowe pola w sekcji Panele zaawansowane .

Zostaniesz poproszony o ponowne załadowanie strony, aby zobaczyć pola niestandardowe:

Jeśli używasz klasycznego edytora TinyMCE, możesz wyświetlić niestandardowe pola, klikając przełącznik Opcje ekranu u góry interfejsu i zaznaczając pole Niestandardowe pola.

Po ponownym załadowaniu strony zobaczysz nowe pole pól niestandardowych gdzieś pod edytorem.

Możesz użyć listy rozwijanej kolumny Nazwa , aby wybrać spośród istniejących pól niestandardowych w Twojej witrynie (prawdopodobnie zobaczysz niektóre z Twojego motywu lub wtyczek). Możesz też utworzyć własną niestandardową nazwę pola.

Następnie możesz użyć pola Wartość , aby wprowadzić informacje, które chcesz uwzględnić w polu niestandardowym:

Następnie możesz wyświetlić te informacje w swojej witrynie za pomocą PHP.

Trochę rozczarowujące, prawda? Powiedzieliśmy, że metoda ręczna nie jest zbyt przyjazna dla użytkownika. Nie jest również zbyt elastyczny w przypadku typów informacji, które można dodawać do pól niestandardowych.

Aby naprawdę odblokować moc pól niestandardowych, powinieneś użyć wtyczki, więc omówimy to dalej.

Teraz pokażemy, jak dodawać niestandardowe pola i pracować z nimi za pomocą wtyczki. Poza ułatwieniem pracy z polami niestandardowymi, dobra wtyczka pól niestandardowych pozwoli również zbierać różne typy informacji w polach niestandardowych. Na przykład otrzymasz typy pól dla:

• Tekst
• Liczby
• adresy URL
• Przesyłanie obrazu/pliku
• Lokalizacje Map Google
• Itp.

W tym samouczku użyjemy bezpłatnej wtyczki Advanced Custom Fields (ACF), która jest jedną z najpopularniejszych opcji. Istnieje jednak kilka innych doskonałych wtyczek pól niestandardowych, które udostępnimy później. Bez względu na to, którą wtyczkę wybierzesz, podstawowy proces będzie taki sam.

Aby rozpocząć, zainstaluj i aktywuj darmową wtyczkę Advanced Custom Fields z WordPress.org.

Następnie przejdź do Pola niestandardowe → Dodaj nowy .

ACF używa tego, co nazywa „grupami terenowymi”. Grupa pól to po prostu zbiór co najmniej jednego pola niestandardowego, które jest wyświetlane razem w edytorze.

Najpierw nadaj nazwę grupie pól i użyj pola Lokalizacja , aby wybrać, gdzie chcesz dołączyć grupę pól. Na przykład, jeśli chcesz używać tych niestandardowych pól do zwykłych postów na blogu, ustaw je tak, aby:

Typ wpisu…jest równy…Post

Następnie użyj przycisku + Dodaj pole , aby rozpocząć dodawanie pól niestandardowych.

Po dodaniu nowego pola niestandardowego zobaczysz, że masz o wiele więcej opcji niż metoda ręczna.

Dwa najważniejsze wybory to:

• Etykieta pola – jest to nazwa pola. Spowoduje to również automatyczne wypełnienie pola Nazwa pola, dzięki czemu będziesz programowo odwoływać się do tego pola (w razie potrzeby).

• Typ pola – jest to typ informacji, które chcesz zbierać. Możesz wybierać spośród różnych opcji, takich jak tekst, numer, e-mail, adres URL, obraz, wybór daty itp.

Otrzymasz również wiele innych opcjonalnych ustawień do kontrolowania pól niestandardowych, takich jak ustawienie domyślnego tekstu zastępczego lub dodanie limitu znaków. Możesz je wypełnić, jeśli chcesz, ale możesz też po prostu pozostawić inne ustawienia puste.

Następnie możesz powtórzyć ten proces, aby dodać dodatkowe pola. Na przykład, oto prosty zbiór trzech pól, które tworzą podstawowe pole recenzji z poprzedniego okresu:

• Ocena recenzji – pole liczbowe, które zbiera ocenę recenzji, od 1 do 5, w odstępach co 0,5.

• Nazwa produktu – krótkie pole tekstowe, które zbiera nazwę produktu.

• Podsumowanie recenzji – większe pole tekstowe zawierające krótkie podsumowanie recenzji.

Zwróć uwagę na różnice w kolumnie Typ — możesz zobaczyć, jak każde pole zbiera inny typ informacji.

Po opublikowaniu grupy pól zobaczysz te pola po dodaniu nowego elementu zawartości: