W artykule:
- Czym są niestandardowe pola WordPress?
- Dodawanie niestandardowych pól w WordPress
- Wyświetlanie niestandardowych pól w motywach WordPress
- Nie można znaleźć niestandardowego pola w rozwijanym menu na ekranie edycji postu
- Tworzenie interfejsu użytkownika dla pól niestandardowych
- Dodawanie Pól Niestandardowych Za Pomocą Zaawansowanych Pól Niestandardowych
- Ukryj puste pola niestandardowe za pomocą instrukcji warunkowej
- Dodawanie wielu wartości do niestandardowego pola
- Wyświetlanie postów z określonym niestandardowym kluczem
- Dodaj Nazwę Autora Gościa Za Pomocą Niestandardowych Pól
- Wyświetlanie współpracowników do artykułu za pomocą niestandardowych pól
- Wyświetlanie niestandardowych pól poza pętlą w WordPress
- Wyświetlanie niestandardowego nagłówka, stopki, paska bocznego za pomocą niestandardowych pól
- Manipulowanie treścią kanału RSS za pomocą niestandardowych pól
- Manipuluj tytułem kanału RSS za pomocą niestandardowych pól
- Ustaw datę wygaśnięcia postów w WordPress za pomocą niestandardowych pól
- Styluj Poszczególne Posty Za Pomocą Niestandardowych Pól
Pola niestandardowe to przydatna funkcja WordPress, która pozwala dodawać różne dodatkowe dane / informacje do postów i stron WordPress.
Wiele popularnych wtyczek i motywów WordPress używa niestandardowych pól do przechowywania ważnych danych. Możesz także użyć niestandardowych pól do przechowywania własnych danych, a następnie użyć ich w swojej witrynie.
W tym artykule pokażemy, jak korzystać z niestandardowych pól WordPress z kilkoma wskazówkami, sztuczkami i hackami.
Ponieważ jest to długi artykuł, dodaliśmy spis treści dla łatwiejszej nawigacji.
- Czym są niestandardowe pola WordPress?
- Dodawanie niestandardowych pól w WordPress
- Wyświetlanie niestandardowych pól w WordPress themes
- Nie można znaleźć niestandardowego pola w rozwijanym menu na ekranie edycji postu
- Tworzenie interfejsu użytkownika dla pól niestandardowych
- Dodawanie Pól Niestandardowych Za Pomocą Zaawansowanych Pól Niestandardowych
- Ukryj puste pola niestandardowe za pomocą instrukcji warunkowej
- Dodawanie wielu wartości do niestandardowego pola
- Wyświetlanie postów z określonym niestandardowym kluczem
- Dodaj nazwę autora gościa za pomocą niestandardowego pola
- Wyświetlanie współpracowników do artykułu za pomocą niestandardowych pól
- Wyświetlanie niestandardowych pól poza pętlą w WordPress
- Wyświetlanie niestandardowego nagłówka, stopki, paska bocznego za pomocą niestandardowych pól
- Manipuluj zawartością kanału RSS za pomocą niestandardowych pól
- Manipuluj tytułem kanału RSS za pomocą niestandardowych pól
- Ustaw datę wygaśnięcia postów za pomocą pól niestandardowych
Czym są niestandardowe pola WordPress?
Pola niestandardowe WordPress to metadane, które służą do dodawania dodatkowych informacji związanych z edytowanym postem lub stroną.
Domyślnie, gdy piszesz nowy post, stronę lub dowolny typ treści, WordPress zapisuje go w dwóch różnych obszarach.
Pierwsza część to treść treści, które dodajesz za pomocą edytora postów.
Druga część to informacje o tej konkretnej treści. Na przykład tytuł, autor, data, godzina i inne. Ten bit informacyjny postu nazywa się metadanymi.
WordPress automatycznie dodaje wszystkie wymagane metadane do każdego utworzonego postu lub strony.
Można również tworzyć i przechowywać własne metadane za pomocą pól niestandardowych.
Domyślnie opcja pola niestandardowe jest ukryta na ekranie edycji postu. Aby go wyświetlić, musisz kliknąć menu z trzema kropkami w prawym górnym rogu ekranu i wybrać „opcje” z menu.
Spowoduje to wyświetlenie okienka, w którym musisz sprawdzić opcję „Pola niestandardowe” w zaawansowanych panelach. Następnie kliknij przycisk „Włącz i przeładuj”, aby przeładować edytor postów.
Edytor postów zostanie przeładowany, a będziesz mógł zobaczyć panel niestandardowe pola pod edytorem zawartości.
Pola niestandardowe mogą być używane do dodawania wszelkich informacji związanych z postem, stroną lub dowolnym typem zawartości. Te meta-informacje mogą być wyświetlane w Twoim szablonie.
Aby to zrobić, musisz edytować pliki motywów WordPress.
Dlatego ten samouczek jest zalecany dla użytkowników znających się na edytowaniu plików motywów. Jest to również pomocne dla początkujących programistów WordPress, którzy chcą dowiedzieć się, jak prawidłowo używać niestandardowych pól we własnych motywach lub wtyczkach.
Powiedziawszy to, przyjrzyjmy się, jak dodawać i używać niestandardowych pól w WordPress.
Dodawanie niestandardowych pól w WordPress
Najpierw musisz edytować post lub stronę, na której chcesz dodać niestandardowe pole i przejść do pola niestandardowe meta pole.
Następnie musisz podać nazwę niestandardowego pola, a następnie wprowadzić jego wartość. Kliknij przycisk Dodaj niestandardowe pole, aby go zapisać.
Pole zostanie zapisane i wyświetlone w polu meta pól niestandardowych w ten sposób:
Możesz edytować to niestandardowe pole w dowolnym momencie, a następnie kliknąć przycisk Aktualizuj, aby zapisać zmiany. Możesz również usunąć go w razie potrzeby.
Teraz możesz zapisać swój post, aby zapisać niestandardowe ustawienia pól.
Wyświetlanie niestandardowych pól w motywach WordPress
Aby wyświetlić niestandardowe pole na swojej stronie internetowej, musisz edytować pliki motywów WordPress. Jeśli nie robiłeś tego wcześniej, zapoznaj się z naszym przewodnikiem, jak skopiować i wkleić kod w WordPress.
Najpierw musisz znaleźć plik motywu, który chcesz edytować, aby wyświetlić niestandardowe pole. Najlepiej byłoby wyświetlić go na jednej stronie postu. Będziesz musiał edytować singiel.php lub content-single.plik php.
Musisz wprowadzić swój niestandardowy kod pól wewnątrz pętli WordPress. Szukaj linii, która wygląda tak:
<?php while ( have_posts ()): the_post ();?>
Chcesz upewnić się, że dodajesz swój kod przed następującym wierszem:
<?PHP endwhile; / / koniec pętli. ?>
Teraz musisz dodać ten kod do pliku motywu:
<?PHP echo get_post_meta($post->ID, 'key', true); ?>
Nie zapomnij zastąpić klucza nazwą niestandardowego pola. Na przykład użyliśmy tego kodu w naszym temacie demonstracyjnym:
<P > dzisiejszy nastrój:<?PHP echo get_post_meta($post->ID, 'Mood', true); ?>< / p>
Możesz teraz zapisać zmiany i odwiedzić post, w którym dodałeś pole niestandardowe, aby zobaczyć je w akcji.
Teraz możesz użyć tego niestandardowego pola we wszystkich innych postach WordPress.
Po prostu utwórz nowy post lub edytuj istniejący. Przejdź do pola niestandardowe meta pole i wybierz swoje niestandardowe pole z rozwijanego menu i wprowadź jego wartość.
Kliknij przycisk „Dodaj niestandardowe pole”, aby zapisać zmiany, a następnie opublikować lub zaktualizować swój post.
Domyślnie WordPress ładuje tylko 30 niestandardowych pól w tym formularzu.
Jeśli używasz motywów i wtyczek WordPress, które już używają pól niestandardowych, istnieje szansa, że pojawią się one jako pierwsze w rozwijanym menu i nie będziesz mógł zobaczyć nowo utworzonego pola niestandardowego.
Aby rozwiązać ten problem, musisz dodać następujący kod do funkcji szablonu.plik php lub wtyczka specyficzna dla witryny.
add_filter ('postmeta_form_limit', 'meta_limit_increase'); function meta_limit_increase ($limit ) { powrót 50; }
Powyższy kod zmieni ten limit na 50. Jeśli nadal nie widzisz pola niestandardowego, spróbuj jeszcze bardziej zwiększyć ten limit.
Tworzenie interfejsu użytkownika dla pól niestandardowych
Jak widać, po dodaniu niestandardowego pola będziesz musiał wybrać pole i wprowadzić jego wartość za każdym razem, gdy napiszesz post.
Jeśli masz wiele niestandardowych pól lub wielu użytkowników piszących na swojej stronie, nie jest to idealne rozwiązanie.
Czy nie byłoby miło, gdybyś mógł stworzyć interfejs użytkownika, w którym użytkownicy mogą wypełnić formularz, aby dodać wartości do niestandardowych pól?
To właśnie robi tak wiele popularnych wtyczek WordPress. Na przykład pole tytułu SEO i opisu meta wewnątrz popularnej wtyczki All in One SEO to niestandardowe pole meta:
Najprostszym sposobem na to jest użycie wtyczki Advanced Custom Fields.
Dodawanie Pól Niestandardowych Za Pomocą Zaawansowanych Pól Niestandardowych
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Advanced Custom Fields. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji musisz odwiedzić Pola Niestandardowe ” Grupy Pól stronę i kliknij przycisk Dodaj nowy.
Grupa pól jest jak kontener zbioru pól niestandardowych. Pozwala to na dodanie wielu paneli pól niestandardowych.
Teraz musisz podać tytuł dla swojej grupy pól, a następnie kliknąć przycisk „Dodaj pole”.
Możesz teraz podać nazwę niestandardowego pola i wybrać typ pola. Zaawansowane Pola niestandardowe umożliwiają tworzenie różnego rodzaju pól, w tym tekstu, przesyłania obrazów, liczby, rozwijanego menu, pól wyboru i innych.
Przewiń w dół, a zobaczysz inne opcje dla tego konkretnego pola. Możesz je zmienić do własnych wymagań.
Możesz dodać wiele pól do grupy pól, jeśli chcesz. Po zakończeniu kliknij przycisk Publikuj, aby zapisać zmiany.
Możesz teraz edytować post lub utworzyć nowy, a pod edytorem zawartości pojawi się nowy panel dla niestandardowych pól.
Aby uzyskać szczegółowe instrukcje krok po kroku, zobacz nasz przewodnik, jak dodawać niestandardowe pola meta w postach WordPress i typach postów.
Ukryj puste pola niestandardowe za pomocą instrukcji warunkowej
Do tej pory omówiliśmy, jak utworzyć niestandardowe pole i wyświetlić je w swoim motywie.
Teraz zobaczmy, jak sprawdzić, czy pole niestandardowe nie jest puste przed wyświetlaniem go. Aby to zrobić, zmodyfikujemy nasz kod, aby najpierw sprawdzić, czy pole zawiera dane.
<?php $mood = get_post_meta ($post->ID, 'Mood', true); if ($mood) { ?> <P > dzisiejszy nastrój:<? echo $mood; ?>< / p> <?php } else { // do nothing; } ?>
Nie zapomnij zastąpić nastroju własną niestandardową nazwą pola.
Dodawanie wielu wartości do niestandardowego pola
Niestandardowe pola mogą być ponownie użyte w tym samym poście, aby dodać wiele wartości. Wystarczy wybrać go ponownie i dodać kolejną wartość.
Jednak kod, którego użyliśmy w powyższych przykładach, będzie w stanie pokazać tylko jedną wartość.
Aby wyświetlić wszystkie wartości pola niestandardowego, musimy zmodyfikować kod i sprawić, że zwróci on dane w tablicy. Musisz dodać następujący kod do pliku motywu:
<?php $mood = get_post_meta ($post->ID, 'Mood', false); if (count ($mood ) != 0 ) { ?> <P > dzisiejszy nastrój: < / P> <ul> <?php foreach ($mood as $mood) { echo '<li>'.$ mood."</li>"; } ?> < / ul> <?php } else { // do nothing; } ?>
Nie zapomnij zastąpić nastroju własną niestandardową nazwą pola.
W tym przykładzie zauważysz, że zmieniliśmy ostatni parametr get_post_meta
funkcja Na false. Ten parametr określa, czy funkcja powinna zwracać pojedynczą wartość, czy nie. Ustawienie go na false pozwala mu zwrócić dane jako tablicę, którą następnie wyświetlamy w foreach
pętla.
Wyświetlanie postów z określonym niestandardowym kluczem
WordPress pozwala wyświetlać posty z niestandardowymi kluczami i ich wartościami. Na przykład, jeśli próbujesz utworzyć niestandardową stronę archiwum, aby wyświetlić wszystkie posty z określonymi niestandardowymi kluczami, możesz użyć klasy WP_Query do odpytywania postów pasujących do tych pól.
Możesz użyć poniższego kodu jako punktu wyjścia.
$args = array( 'meta_key' = > 'Mood', 'meta_value' = > 'Happy' ); $the_query = new WP_Query ($args ); <?php // zapytanie $the_query = new WP_Query ($args ); ?> <?php if ( $the_query->have_posts() ) : ?> <!-- pętla --> <?php while ( $the_query->have_posts() ) : $the_query - >the_post ();?> <H2><?php the_title(); ?>< / H2> <?php the_content ();?> <?PHP endwhile;?> <!-- koniec pętli --> <!-- paginacja tutaj --> <?php wp_reset_postdata ();?> <?PHP else:?> <p><?php _e ('Przepraszamy, brak postów spełniających Twoje kryteria.' ); ?>< / p> <?PHP endif;?>
Nie zapomnij wymienić meta_key
oraz meta_value
parametry z własnymi wartościami.
Dodaj Nazwę Autora Gościa Za Pomocą Niestandardowych Pól
Czy chcesz dodać post gościa, ale nie chcesz dodać nowego profilu użytkownika, aby dodać pojedynczy post? Łatwiejszym sposobem na to jest dodanie nazwy autora gościa jako pola niestandardowego.
Najpierw musisz dodać następujący kod do funkcji motywu.plik php lub wtyczka specyficzna dla witryny.
add_filter ('the_author', 'guest_author_name' ); add_filter ('get_the_author_display_name', 'guest_author_name'); function guest_author_name ($name ) { global $post; $author = get_post_meta ($post->ID, 'guest-author', true ); if ($author ) $nazwa = $autor; return $ name; }
Kod ten podpina funkcję do the_author
oraz get_the_author_display_name
filtry w WordPress.
Funkcja najpierw sprawdza nazwę autora gościa. Jeśli istnieje, zastępuje nazwisko autora nazwą gościa.
Teraz musisz edytować post, w którym chcesz wyświetlić nazwę autora gościa. Przejdź do pola niestandardowe meta i dodaj nazwę autora gościa.
Aby uzyskać szczegółowe informacje, zobacz nasz artykuł o tym, jak przepisać nazwę autora gościa za pomocą niestandardowych pól w WordPress.
Wyświetlanie współpracowników do artykułu za pomocą niestandardowych pól
Na wielu popularnych blogach i serwisach informacyjnych wielu autorów przyczynia się do napisania artykułu. Jednak WordPress pozwala tylko jednemu autorowi być powiązanym z postem.
Jednym ze sposobów rozwiązania tego problemu jest użycie wtyczki Co-Authors Plus. Aby dowiedzieć się więcej, Zobacz nasz przewodnik, Jak dodać wielu autorów do postu WordPress.
Innym sposobem na to jest dodanie współpracowników jako niestandardowego pola.
Najpierw musisz edytować post, w którym chcesz wyświetlić współautorów lub współpracowników. Przewiń w dół do pola meta pola niestandardowe i dodaj nazwy autorów jako pole niestandardowe współautora.
Teraz dodaj ten kod do plików motywów, w których chcesz pokazać współautorów.
<?php $coauthors = get_post_meta ($post- > ID, 'współautor', false); if( count( $coauthors ) != 0 ) { ?> < ul class = "coautors"> < li>współpracownicy</li> <?php foreach ($coauthors as $coauthors) { ?> <?PHP echo '<li>'.$ koautorzy."</li>" ; } ?> < / ul> <?php } else { // do nothing; } ?>
Aby wyświetlić nazwiska autorów oddzielone przecinkami, możesz dodać następujący niestandardowy kod CSS.
.coauthors ul { wyświetlacz: inline; } .coauthors li { wyświetlacz: inline; styl listy: brak; } .coautors li: after { content:"," } .koautors li: last-child: after { treść: ""; } .coauthors li: first-child: after { content:":"; }
Tak to wyglądało na naszej stronie demo.
Wyświetlanie niestandardowych pól poza pętlą w WordPress
Do tej pory pokazaliśmy ci wszystkie przykłady, w których pola niestandardowe są wyświetlane w pętli WordPress. A gdybyś musiał pokazać je poza pętlą? Na przykład na pasku bocznym pojedynczego posta.
Aby wyświetlić niestandardowe pola poza pętlą WordPress Dodaj następujący kod:
<?php global $wp_query; $postid = $wp_query - > post - > ID; echo get_post_meta ($postid, 'key', true); wp_reset_query(); ?>
Nie zapomnij zastąpić klucza niestandardową nazwą pola.
Wyświetlanie niestandardowego nagłówka, stopki, paska bocznego za pomocą niestandardowych pól
Zazwyczaj większość motywów WordPress używa tego samego nagłówka, stopki i paska bocznego na wszystkich stronach. Istnieje wiele sposobów wyświetlania różnych pasków bocznych, nagłówka lub stopki dla różnych stron w witrynie. Zobacz nasz przewodnik, Jak wyświetlić inny pasek boczny dla każdego posta lub strony WordPress.
Jednym ze sposobów jest użycie pól niestandardowych. Edytuj post lub stronę, na której chcesz wyświetlić inny pasek boczny, a następnie dodaj pasek boczny jako pole niestandardowe.
Teraz musisz edytować pliki motywów WordPress, takie jak single.php, w którym chcesz wyświetlić niestandardowy pasek boczny. Będziesz szukał następującego kodu:
<?php get_sidebar ();?>
Zastąp tę linię następującym kodem:
<?php global $wp_query; $postid = $wp_query - > post - > ID; $sidebar = get_post_meta ($postid, "sidebar", true); get_sidebar ($sidebar); wp_reset_query(); ?>
Ten kod po prostu wyszukuje niestandardowe pole paska bocznego, a następnie wyświetla je w Twoim motywie. Na przykład, jeśli dodasz wpbpage jako pole niestandardowe paska bocznego, kod będzie szukał paska bocznego-wpbpage.plik php do wyświetlenia.
Musisz utworzyć pasek boczny-wpbpage.plik php w folderze motywu. Możesz skopiować kod z paska bocznego motywu.plik php jako punkt wyjścia.
Manipulowanie treścią kanału RSS za pomocą niestandardowych pól
Chcesz wyświetlić dodatkowe metadane lub zawartość dla użytkowników kanału RSS? Korzystając z niestandardowych pól, możesz manipulować swoim kanałem RSS WordPress i dodawać niestandardowe treści do swoich kanałów.
Najpierw musisz dodać następujący kod do funkcji motywu.plik php lub wtyczka specyficzna dla witryny.
function wpbeginner_postrss ($content) { global $wp_query; $postid = $wp_query - > post - > ID; $coolcustom = get_post_meta($postid, 'coolcustom', true); if (is_feed()) { if ($coolcustom !== '') { $content = $content."<br / > <br / > < div>"$coolcustom."</div> "; } else { $content = $content; } } return $ content; } add_filter ('the_excerpt_rss', 'wpbeginner_postrss'); add_filter ('the_content', 'wpbeginner_postrss');
Teraz po prostu utwórz niestandardowe pole o nazwie „coolcustom”i dodaj dowolną wartość. Możesz go używać do wyświetlania reklam, obrazów, tekstu lub czegokolwiek innego.
Manipuluj tytułem kanału RSS za pomocą niestandardowych pól
Czasami możesz dodać dodatkowy tekst do tytułu postu dla użytkowników kanału RSS. Na przykład, jeśli publikujesz sponsorowany post lub post gościa.
Najpierw dodajesz następujący kod do funkcji motywu.plik php lub wtyczka specyficzna dla witryny.
function wpbeginner_titlerss ($content) { global $wp_query; $postid = $wp_query - > post - > ID; $gpost = get_post_meta ($postid, 'guest_post', true); $spost = get_post_meta ($postid, 'sponsored_post', true); if ($gpost !== '') { $content = 'Guest Post: '.$content; } elseif ($spost !== ''){ $content = 'Post sponsorowany: '.$content; } else { $content = $content; } return $ content; } add_filter ('the_title_rss', 'wpbeginner_titlerss');
Następnie musisz edytować post, w którym chcesz wyświetlić dodatkowy tekst w polu tytuł i dodać guest_post i sponsored_post w polach niestandardowych.
Jeśli którekolwiek z tych dwóch niestandardowych pól zostanie znalezione z wartością „true”, to doda odpowiedni tekst przed tytułem. Technika ta może być wykorzystywana na różne sposoby, aby dopasować to, co chcesz.
Chcesz dowiedzieć się więcej fajne RSS feed hacki? Zobacz nasz przewodnik, jak dodawać treści i manipulować kanałami RSS WordPress.
Ustaw datę wygaśnięcia postów w WordPress za pomocą niestandardowych pól
Chcesz ustawić datę wygaśnięcia niektórych postów w swojej witrynie WordPress? Przydaje się to w sytuacjach, gdy chcesz publikować treści tylko przez określony czas, np. podczas przeprowadzania ankiet lub ofert o ograniczonym czasie.
Jednym ze sposobów jest ręczne usunięcie treści postu lub użycie wtyczki takiej jak wtyczka Post Expirator.
Innym sposobem na to jest użycie niestandardowych pól do automatycznego wygasania postów po określonym czasie.
Będziesz musiał edytować pliki motywów i dodać modyfikację pętli WordPress w ten sposób:
<?php if (have_posts()) : while (have_posts()) : the_post(); $expirationtime = get_post_meta($post->ID, "expirationtime", false); if (count ($expirationtime ) != '' ) { if (is_array ($expirationtime)) { $expirestring = implode ($expirationtime); } $secondsbetween = strtotime($expirestring)-time(); if ($secondsbetween >= 0) { echo 'This post will expire on' .$expirestring.''; the_content(); } else { echo " Przepraszamy ten post wygasł!" } } else { the_content(); } endwhile; endif; ?>
Uwaga: musisz edytować ten kod, aby dopasować go do motywu.
Po dodaniu tego kodu możesz dodać niestandardowe pole wygaśnięcia do Postu, który chcesz wygasnąć. Upewnij się, że dodałeś czas w tym formacie mm/dd/yyyy 00:00:00.
Styluj Poszczególne Posty Za Pomocą Niestandardowych Pól
Chcesz zmienić wygląd poszczególnych postów za pomocą CSS? WordPress automatycznie przypisuje każdemu wpisowi własną klasę, której możesz użyć do dodania niestandardowego CSS.
Jednak za pomocą pól niestandardowych można dodawać własne klasy niestandardowe, a następnie używać ich do stylizacji postów w inny sposób.
Najpierw musisz edytować post, który chcesz inaczej stylizować. Przejdź do pola niestandardowe pole i pole niestandardowe po klasie.
Następnie musisz edytować pliki motywów WordPress i dodać ten kod na początku pętli WordPress.
<?php $custom_values = get_post_meta ($post- > ID, 'Post-class');?>
Teraz musisz znaleźć linię z funkcją post_class (). Oto jak to wyglądało w naszym temacie demo:
< article id = " post -<?php the_ID ();?>" <?php post_class ();?>>
Zmień tę linię, aby uwzględnić niestandardową wartość pola, w ten sposób:
< article id = " post -<?php the_ID ();?>" <?php post_class ($custom_values);?>>
Teraz, jeśli zbadasz kod źródłowy posta za pomocą narzędzia Inspect, zobaczysz swoją niestandardową klasę CSS dodaną do klasy post.
Teraz możesz użyć tej klasy CSS, aby dodać niestandardowy CSS i stylować swój post w inny sposób.
To wszystko, mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się więcej o niestandardowych polach WordPress. Możesz również zobaczyć nasz najlepszy przewodnik krok po kroku, aby zwiększyć szybkość i wydajność WordPress dla początkujących.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.