Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress Custom Fields 101: Wskazówki, sztuczki i hacki

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Przez lata otrzymywaliśmy wiele pytań dotyczących pól własnych i tego, jak użytkownicy mogą je w pełni wykorzystać na swojej witrynie internetowej WordPress.

Pola własne to przydatna funkcja WordPressa, która umożliwia dodawanie dodatkowych danych i informacji do twoich wpisów i stron. Wiele popularnych wtyczek i motywów WordPress wykorzystuje pola własne do przechowywania ważnych danych.

Mamy doświadczenie z własnymi polami WordPress. W tym artykule pokażemy ci, jak korzystać z pól własnych WordPress z kilkoma wskazówkami, sztuczkami i hackami.

WordPress custom fields 101 tips tricks and hacks

Ponieważ jest to długi artykuł, dodaliśmy spis treści dla łatwiejszej nawigacji. Skorzystaj z poniższych odnośników, aby przejść do sekcji, którą chcesz przeczytać:

Czym są pola własne WordPress?

Pola własne WordPress to metadane używane do dodawania dodatkowych informacji do edytowanego wpisu lub strony.

Domyślnie, gdy piszesz nowy wpis, stronę lub inny typ treści, WordPress zapisuje tę treść w dwóch różnych częściach.

Pierwsza część to treść, którą dodajesz za pomocą edytora treści WordPress.

Druga część to informacje o tej treści. Na przykład tytuł, autor, data, godzina i inne. Informacje te nazywane są metadanymi.

Witryna internetowa WordPress automatycznie dodaje wszystkie wymagane metadane do każdego utworzonego wpisu lub strony. Możesz także tworzyć i przechowywać własne metadane za pomocą konfiguratorów.

Domyślnie opcja pól własnych jest ukryta na ekranie edycji wpisu. Aby ją zobaczyć, należy kliknąć menu z trzema kropkami w prawym górnym rogu ekranu i wybrać z niego opcję „Preferencje”.

Open preferences in content editor

Spowoduje to wyświetlenie okna, w którym należy przejść do karty „Panele”, a następnie włączyć opcję „Pola własne”.

Następnie wystarczy kliknąć przycisk „Włącz i przeładuj”, aby przeładować edytor wpisów.

Enable custom fields option

Edytor wpisów zostanie przeładowany, a pod edytorem treści pojawi się panel Custom Fields.

Pola własne mogą być używane do dodawania dowolnych informacji związanych z wpisem, stroną lub innym typem treści. Te meta informacje mogą być następnie wyświetlane w twoim motywie.

View custom fields in WordPress

Jednak aby to zrobić, będziesz musiał edytować pliki twojego motywu WordPress.

Uwaga: Ten poradnik jest zalecany dla użytkowników, którzy są już zaznajomieni z edycją plików motywów. Jest on również pomocny dla początkujących programistów WordPress, którzy chcą dowiedzieć się, jak prawidłowo używać własnych pól w swoich motywach lub wtyczkach.

Powiedziawszy to, przyjrzyjmy się, jak dodawać i używać pól własnych w WordPress.

Dodawanie własnych pól w WordPressie

Najpierw należy otworzyć wpis lub stronę w edytorze bloków, aby móc dodać pola własne. Następnie należy przejść do pola meta Custom Fields.

Adding custom field name and value

Następnie należy podać nazwę twojego pola własnego, a następnie wpisz jego wartość. Kliknij przycisk „Dodaj własne pole”, aby je zapisać.

Pole zostanie zapisane i wyświetlone w meta boxie Custom Fields w następujący sposób:

View newly created custom fields

Możesz edytować to pole własne w dowolnym momencie, a następnie kliknąć przycisk „Aktualizuj”, aby zapisać twoje zmiany. Możesz je również usunąć, jeśli nie chcesz go już używać.

Teraz musisz zapisać swój wpis, aby zachować ustawienia pól własnych.

Wyświetlanie pól własnych w motywach WordPressa

Aby wyświetlić twoje własne pole na witrynie internetowej, będziesz musiał edytować pliki motywu WordPress i fragmenty kodu.

Nie zalecamy bezpośredniej edycji plików motywu, ponieważ najmniejszy błąd może zepsuć twoją witrynę internetową. Łatwiejszym sposobem jest użycie WPCode.

Jest to najlepsza wtyczka do fragmentów kodu dla WordPress, która pozwala dodawać własny kod i zarządzać fragmentami kodu z twojego kokpitu WordPress.

Jeśli nie robiłeś tego wcześniej, zalecamy również przeczytanie naszego przewodnika na temat kopiowania i wklejania kodu w WordPress.

Najpierw należy zainstalować i włączyć darmową wtyczkę WPCode. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.

Po włączaniu, będziesz musiał przejść do Code Snippets ” + Add Snippet z kokpitu WordPress i wybrać opcję „Add Your Custom Code (New Snippet)”.

Adding a code snippet to your WordPress website

Teraz musisz skopiować ten kod i dodać go do plików twojego motywu:

<?php echo get_post_meta($post->ID, 'key', true); ?>

Nie zapomnij zastąpić klucza nazwą twojego konfiguratora.

Następnie wpisz kod w obszarze „Podgląd kodu” i zmień rodzaj kodu na „Fragment kodu PHP”.

Enter custom fields code

Na przykład użyliśmy tego kodu w naszym motywie demonstracyjnym:

<p>Today's Mood: <?php echo get_post_meta($post->ID, 'Mood', true); ?></p>

Z tego miejsca można przewinąć w dół do sekcji Wybieranie wstawek.

Tutaj możesz wybrać, gdzie kod będzie uruchamiany. Domyślnie WPCode automatycznie wstawi kod i uruchomi go wszędzie na twojej witrynie internetowej.

Edit insertion method for code

Można to jednak zmienić i wybrać miejsce, w którym ma być wyświetlane pole własne.

Na przykład wybierzemy kartę „Specyficzne dla strony” i zaznaczymy opcję „Wstaw przed wpisem”. W ten sposób pole własne pojawi się na początku wpisu na blogu.

Insert before post

Możesz teraz zapisać swoje zmiany i przejść na wpis, w którym dodałeś pole niestandardowe, aby zobaczyć je w działaniu.

Możesz użyć tego pola własnego również we wszystkich innych wpisach na blogu WordPress.

Displaying custom field

Możesz także łatwo dostosować pole własne dla różnych wpisów na blogu. Wystarczy utworzyć nowy wpis lub edytować istniejący.

Następnie przejdź do pola meta Custom Fields, wybierz własne pole z rozwijanego menu i wpisz jego wartość.

Reuse custom field

Gdy skończysz, po prostu kliknij przycisk „Dodaj własne pole”, aby zapisać zmiany, a następnie opublikuj lub zaktualizuj swój wpis.

Rozwiązywanie problemów: Nie można znaleźć własnego pola w rozwijanym menu na ekranie edycji wpisu

Domyślnie WordPress wczytuje tylko 30 pól własnych w rozwijanym menu na ekranie edycji wpisu.

Jeśli korzystasz z motywów i wtyczek WordPress, które już używają pól własnych, mogą one pojawić się jako pierwsze w menu rozwijanym i nie będziesz w stanie zobaczyć swojego nowo utworzonego pola własnego.

Aby rozwiązać ten problem, należy dodać następujący kod do pliku functions. php twojego motywu lub za pomocą WPCode (zalecane):

add_filter( 'postmeta_form_limit', 'meta_limit_increase' );
function meta_limit_increase( $limit ) {
    return 50;
}

Powyższy kod zmieni ten limit na 50. Jeśli nadal nie widzisz własnego pola, możesz spróbować zwiększyć ten limit jeszcze bardziej.

Tworzenie interfejsu użytkownika dla pól własnych przy użyciu Advanced Custom Fields

Jak widać, po dodaniu pola własnego, będziesz musiał wybrać pole i wpisz jego wartość za każdym razem, gdy napiszesz wpis.

Jeśli masz wiele pól własnych WordPress lub wielu autorów piszących na twojej witrynie internetowej, to nie jest to idealne rozwiązanie.

Czy nie byłoby miło, gdyby można było stworzyć interfejs użytkownika, w którym klienci mogą wypełnić formularz, aby dodać wartości do pól własnych?

W rzeczywistości to właśnie robi tak wiele popularnych wtyczek WordPress.

Na przykład, pole tytułu SEO i meta opisu w popularnej wtyczce All in One SEO to własny konfigurator meta:

AIOSEO SEO title and description

Najprostszym sposobem na stworzenie interfejsu użytkownika do dodawania pól własnych jest użycie wtyczki Advanced Custom Fields.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć wtyczkę Advanced Custom Fields. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu należy przejść na stronę ACF ” Field Groups i kliknąć przycisk „Utwórz nową”.

Add new field group

Grupa pól jest jak kontener z zestawem pól własnych. Umożliwia dodawanie wielu paneli pól własnych.

Teraz musisz podać tytuł dla twojej grupy pól i kliknąć przycisk „+ Dodaj pole” w prawym górnym rogu.

Add new field

Możesz teraz wybrać rodzaj pola.

Zaawansowane konfiguratory pól własnych umożliwiają tworzenie wszelkiego rodzaju pól, w tym tekstowych, do przesyłania obrazków, liczbowych, rozwijanych, pól wyboru i innych.

Select field type and other details

Następnie możesz przewinąć w dół, aby zobaczyć inne opcje dla tego konkretnego pola, takie jak nazwa pola, etykieta pola i wartość domyślna. Możesz je zmienić zgodnie z twoimi wymaganiami.

Jeśli chcesz, możesz również dodać wiele pól do twojej grupy pól. Po zakończeniu kliknij przycisk „Zapisz zmiany”.

View new field group

Następnie edytuj wpis lub utwórz nowy, a pod edytorem treści zobaczysz nowy panel z Twoimi konfiguratorami WordPress.

Szczegółowe instrukcje krok po kroku można znaleźć w naszym przewodniku na temat dodawania własnych meta boxów w wpisach i typach treści WordPress.

Jak ukryć puste pola własne za pomocą instrukcji warunkowych?

Do tej pory omówiliśmy, jak utworzyć pole własne i wyświetlić je w twoim motywie.

Zobaczmy teraz, jak sprawdzić, czy pole własne nie jest puste przed jego wyświetleniem. 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>Today's Mood: <? echo $mood; ?></p>

<?php 

} else {
// do nothing;
}

?>

Nie zapomnij zastąpić Mood własną, dostosowaną nazwą pola.

Dodawanie wielu wartości do pola własnego

Pola własne mogą być ponownie użyte w tym samym wpisie w celu dodania wielu wartości. Wystarczy ponownie wybrać pole i dodać kolejną wartość do pola „Wartość”.

Adding multiple values to a custom field

Jednak kod, którego użyliśmy w powyższych przykładach, będzie w stanie wyświetlić tylko jedną wartość.

Aby wyświetlić wszystkie wartości pola własnego, musimy zmodyfikować kod i sprawić, by zwracał dane w tablicy. Będziesz musiał dodać następujący kod do twojego pliku motywu:

<?php 
$mood = get_post_meta($post->ID, 'Mood', false);
if( count( $mood ) != 0 ) { ?>
<p>Today's Mood:</p>
<ul>
<?php foreach($mood as $mood) {
            echo '<li>'.$mood.'</li>';
            }
            ?>
</ul>
<?php 
} else { 
// do nothing; 
}
?>

Ponownie, nie zapomnij zastąpić Mood własną, dostosowaną nazwą pola.

W tym przykładzie można zauważyć, że zmieniliśmy ostatni parametr funkcji get_post_meta na false. Parametr ten określa, czy funkcja powinna zwracać pojedynczą wartość, czy nie. Ustawienie go na false pozwala na zwrócenie danych jako tablicy, którą następnie wyświetlamy w pętli foreach.

Jak wyszukiwać wpisy według własnego pola w WordPressie?

Domyślne wyszukiwanie WordPressa nie działa z żadnymi własnymi polami na twojej witrynie internetowej. Korzysta tylko z treści, aby znaleźć wpis, którego szukasz Ty lub odwiedzający Twoją witrynę.

Jednak SearchWP zmienia to, usprawniając twoje wyszukiwanie w WordPressie. Jest to najlepsza wtyczka wyszukiwania WordPress, która wykracza poza korzystanie z treści wpisów i indeksuje wszystko, w tym niestandardowe pola WordPress, dokumenty PDF, niestandardowe tabele, tekst, pliki i wiele innych.

Możesz dostosować algorytm wyszukiwania bez edytowania kodu za pomocą SearchWP. Wystarczy zainstalować wtyczkę, a następnie przejść do SearchWP ” Algorithm z twojego obszaru administracyjnego WordPress.

Następnie należy przejść do karty „Silniki”, a następnie dostosować pokaz slajdów Attribute Relevance. Zmieni to znaczenie nadawane każdemu atrybutowi podczas wyszukiwania.

Adjust the search relevance

Można na przykład ustawić suwak Custom Fields na maksimum i odpowiednio dostosować suwaki dla innych atrybutów. W ten sposób SearchWP będzie preferować dane w polach własnych podczas wyszukiwania treści w WordPress.

Kolejną zaletą korzystania z SearchWP jest to, że współpracuje on z niektórymi z najpopularniejszych wtyczek pól własnych, w tym Advanced Custom Fields (ACF), Meta Box i Pods.

Więcej szczegółów można znaleźć w naszym przyjaznym dla początkujących przewodniku na temat tego, jak usprawnić wyszukiwanie w WordPressie za pomocą SearchWP.

Wyświetlanie wpisów z określonym kluczem własnym

WordPress umożliwia wyświetlanie wpisów z kluczami własnymi i ich wartościami. Na przykład, jeśli próbujesz utworzyć własną stronę archiwum, aby wyświetlić wszystkie wpisy z określonymi kluczami niestandardowymi, możesz użyć klasy WP_Query, aby zapytać o wpisy pasujące do tych pól.

Poniższy kod może posłużyć jako punkt wyjścia:

$args = array(
    'meta_key'   => 'Mood',
    'meta_value' => 'Happy'
);
$the_query = new WP_Query( $args );
 
<?php 
// the query
$the_query = new WP_Query( $args ); ?>
 
<?php if ( $the_query->have_posts() ) : ?>
 
    <!-- the loop -->
    <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
        <h2><?php the_title(); ?></h2>
        <?php the_content(); ?>
 
    <?php endwhile; ?>
    <!-- end of the loop -->
 
    <!-- pagination here -->
 
    <?php wp_reset_postdata(); ?>
 
<?php else : ?>
    <p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
<?php endif; ?>

Nie zapomnij zastąpić parametrów meta_key i meta_value twoimi własnymi wartościami.

Jak dodać nazwę autora gościnnego przy użyciu pól własnych?

Chcesz dodać wpis gościnny, ale nie chcesz utworzyć nowego profilu użytkownika tylko dla tego wpisu? Łatwiejszą metodą jest dodanie nazwy autora gościnnego jako pola własnego.

Aby to zrobić, musisz dodać następujący kod do pliku functions.php twojego motywu lub użyć WPCode (zalecane):

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 )
$name = $author;
return $name;
}

Więcej szczegółów można znaleźć w naszym przewodniku na temat wklejania fragmentów kodu z sieci do WordPressa.

Ten kod podłącza funkcję do filtrów the_author i get_the_author_display_name w WordPress.

Funkcja najpierw sprawdza nazwę autora-gościa. Jeśli istnieje, zastępuje nazwę autora nazwą autora-gościa.

Teraz musisz edytować wpis, w którym chcesz wyświetlić nazwę autora gościnnego. Przejdź do pola meta Custom Fields, dodaj nazwę autora gościnnego, a na koniec kliknij przycisk „Add Custom Field”.

Guest author custom field

Więcej szczegółów można znaleźć w naszym artykule na temat przepisywania nazw autorów gościnnych za pomocą pól własnych w WordPress.

Jak wyświetlić klientów artykułu przy użyciu pól własnych?

Na wielu popularnych blogach i witrynach informacyjnych wielu autorów przyczynia się do napisania jednego artykułu. WordPress pozwala jednak na powiązanie z wpisem tylko jednego autora.

Jednym ze sposobów rozwiązania tego problemu jest użycie wtyczki Co-Authors Plus. Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem na temat dodawania wielu autorów do wpisu WordPress.

Inną metodą jest dodanie klientów jako pola własnego.

Najpierw musisz edytować wpis, w którym chcesz wyświetlić współautorów lub współpracowników. Następnie przewiń w dół do pola meta Custom Fields i dodaj nazwiska autorów jako pola własne współautorów.

Add coauthor custom fields

Teraz musisz dodać ten kod do plików twojego motywu, gdzie chcesz pokazać współautorów:

<?php 
 
$coauthors = get_post_meta($post->ID, 'co-author', false);
if( count( $coauthors ) != 0 ) { ?>
<ul class="coauthors">
<li>Contributors</li>
<?php foreach($coauthors as $coauthors) { ?>
           <?php echo '<li>'.$coauthors.'</li>' ;
            }
            ?>
</ul>
<?php 
} else { 
// do nothing; 
}
?>

Aby wyświetlać nazwiska autorów oddzielone przecinkami, można dodać następujący własny CSS:

.coauthors ul { 
display:inline;
}
.coauthors li { 
display:inline;
list-style:none;
}
.coauthors li:after { 
content:","
}
.coauthors li:last-child:after {
    content: "";
}
.coauthors li:first-child:after {
    content: ":";
}

Tak to wyglądało na naszej witrynie demonstracyjnej.

Coauthors custom fields preview

Jak wyświetlać pola własne poza pętlą w WordPress?

Co zrobić, jeśli chcesz wyświetlić pola własne w panelu bocznym pojedynczego wpisu?

Aby wyświetlić pola własne poza pętlą WordPress, możesz dodać następujący kod do plików twojego motywu:

<?php
global $wp_query;
$postid = $wp_query->post->ID;
echo get_post_meta($postid, 'key', true);
wp_reset_query();
?>

Nie zapomnij zastąpić klucza własną nazwą pola.

Wyświetlanie własnego nagłówka, stopki i panelu bocznego przy użyciu pól własnych

Zazwyczaj większość motywów WordPress używa tego samego nagłówka, stopki i panelu bocznego na wszystkich stronach.

Istnieje również wiele sposobów wyświetlania różnych paneli bocznych, nagłówków lub stopek dla różnych stron w twojej witrynie internetowej. Możesz zobaczyć nasz przewodnik na temat wyświetlania innego panelu bocznego dla każdego wpisu lub strony WordPress.

Jednym ze sposobów jest użycie pól własnych. Wystarczy edytować wpis lub stronę, na której chcesz wyświetlić inny panel boczny, a następnie dodać panel boczny jako pole niestandardowe.

Add sidebar custom field

Teraz musisz edytować plik motywu WordPress, taki jak single.php, w którym chcesz wyświetlić niestandardowy panel boczny. Będziesz szukał następującego kodu:

<?php get_sidebar(); ?>

Zastąp ten wiersz 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 pole niestandardowe paska bocznego, a następnie wyświetla je w twoim motywie. Na przykład, jeśli dodasz stronę internetową jako własne pole paska bocznego, kod będzie szukał pliku sidebar-webpage.php do wyświetlenia.

Będziesz musiał utworzyć plik sidebar-webpage.php w katalogu twojego motywu. Jako punkt wyjścia możesz skopiować kod z pliku sidebar.php twojego motywu.

Manipulowanie treścią kanału RSS za pomocą pól własnych

Chcesz wyświetlać dodatkowe metadane lub treści użytkownikom Twojego kanału RSS? Korzystając z niestandardowych pól, możesz manipulować swoim kanałem RSS WordPress i dodawać do niego własne treści.

Najpierw musisz dodać następujący kod do pliku functions.php twojego motywu lub użyć WPCode (zalecane):

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 wystarczy utworzyć pole własne o nazwie „coolcustom” i dodać dowolną wartość. Możesz go użyć do wyświetlania reklam, obrazków, tekstu lub czegokolwiek chcesz.

Więcej szczegółów można znaleźć w naszym przewodniku na temat kopiowania i wklejania kodu z sieci do WordPressa.

Jak manipulować tytułem kanału RSS za pomocą własnych pól?

Czasami warto dodać dodatkowy tekst do tytułu wpisu dla użytkowników kanału RSS. Może to być przydatne na przykład w przypadku publikacji wpisu sponsorowanego lub gościnnego.

Po pierwsze, musisz dodać następujący kod do pliku functions.php twojego motywu lub użyć WPCode, aby dodać niestandardowy fragment kodu bez uszkadzania twojej witryny internetowej:

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 = 'Sponsored Post: '.$content;
}
else {
$content = $content;
}
return $content;
}
add_filter('the_title_rss', 'wpbeginner_titlerss');

Następnie musisz edytować wpis, w którym chcesz wyświetlić dodatkowy tekst w polu tytułu.

Następnie dodaj guest_post i sponsored_post jako pola własne.

Add guest post custom field

Jeśli którekolwiek z tych dwóch pól własnych zostanie znalezione z wartością „true”, wówczas kod doda odpowiedni tekst przed tytułem. Technikę tę można wykorzystać na wiele sposobów, aby dopasować ją do własnych potrzeb.

Chcesz poznać więcej fajnych hacków na kanały RSS? Zobacz nasz przewodnik na temat dodawania treści i manipulowania twoimi kanałami RSS WordPress.

Jak ustawić datę wygaśnięcia wpisów w WordPressie za pomocą pól własnych?

Chcesz ustawić datę wygaśnięcia niektórych wpisów na twojej witrynie WordPress? Przydaje się to, gdy chcesz publikować treści tylko przez określony czas, na przykład w przypadku ankiet lub ofert ograniczonych czasowo.

Jednym ze sposobów jest ręczne usuwanie treści wpisów lub użycie wtyczki, takiej jak Post Expirator.

Inną opcją jest użycie pól własnych do automatycznego wygaszania wpisów po określonym czasie. Będziesz musiał edytować pliki twojego motywu i zmodyfikować pętlę WordPress w ten sposób:

<?php
if (have_posts()) :
while (have_posts()) : the_post();
$expirationtime = get_post_meta($post->ID, "expiration", 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 "Sorry this post expired!"
}
} else {
the_content();
}
endwhile;
endif;
?>

Uwaga: Będziesz musiał edytować ten kod, aby pasował do twojego motywu.

Po dodaniu tego kodu możesz dodać pole własne wygaśnięcia do wpisu, który chcesz wygasić. Upewnij się, że dodałeś czas w formacie: mm/dd/rrrr 00:00:00.

Adding an expiration date using custom field

Jak stylizować własne wpisy przy użyciu pól dostosuj

Chcesz zmienić wygląd pojedynczego wpisu za pomocą CSS? WordPress automatycznie przypisuje każdemu wpisowi własną klasę, której można użyć do dodania niestandardowego CSS.

Jednak korzystając z pól niestandardowych, można dodawać własne klasy niestandardowe, a następnie używać ich do stylizowania wpisów w różny sposób.

Najpierw musisz edytować wpis, który chcesz nadać inny styl. Przejdź do pola Pola własne i dodaj pole własne klasy wpisu.

Post class custom field

Następnie musisz edytować pliki twojego motywu WordPress i dodać ten kod na początku pętli WordPress:

<?php $custom_values = get_post_meta($post->ID, 'post-class'); ?>

Teraz należy znaleźć linię z funkcją post_class( ).

Oto jak to wyglądało w naszym motywie demonstracyjnym:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

Musisz zmienić tę linię, aby zawierała twoją własną wartość pola w następujący sposób:

<article id="post-<?php the_ID(); ?>" <?php post_class($custom_values); ?>>

Teraz, jeśli sprawdzisz kod źródłowy wpisu za pomocą narzędzia Inspect, zobaczysz własną klasę CSS pola dodaną do klasy wpisu.

Post class preview

Możesz teraz użyć tej klasy CSS, aby dodać własny CSS i nadać wpisowi inny styl.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się więcej o polach własnych WordPress. Zachęcamy również do zapoznania się z naszym przewodnikiem na temat automatycznego dodawania pól własnych podczas publikowania wpisów oraz najlepszymi wtyczkami do tworzenia stron WordPress, które pomogą ci zaprojektować twoją witrynę internetową tak, jak chcesz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

46 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Moinuddin Waheed says

    This is hands down the most detailed illustration about the custom fields in WordPress.
    I have used many custom fields but never knew what exactly it was and how it was behind the scene.
    This guide is very relevant and helpful for me to increase my understanding about the custom fields.
    Thanks wpbeginner for this tutorial.

  3. Jiří Vaněk says

    Custom fields in WordPress are still something I know of, vaguely understand how it works, but I’ve never really delved into it. Whenever I read guides on discussion forums, many people refer to it. This guide will finally help me to get started, study this topic better, and fully engage with it.

  4. Himanshu Gautam says

    I have done the same
    but every theme has different files.
    so its works well after putting the code in meta.php to display all the custom meta fields on the posts page.
    but on another website with a different theme, I can not understand where to place the code.

    • WPBeginner Support says

      If it is not working with a specific theme then we would recommend reaching out to that theme’s support and they can normally assist with how it would work with their theme.

      Administrator

  5. Peter says

    Is it also possible to use custom field values in functions.php?

    For example a true/false value to avoid enqueuing a special script which i just want to use at special posts/pages?

  6. Tony says

    If i use custom fields to store data for CF7 such as the email address related to an individual branch page, do i need to alter or add anything into the theme folders? I dont want to display this content in the page, but have it available for use by CF7……if that makes sense.

    • WPBeginner Support says

      You would want to reach out to the plugin’s support for how to set that up. By default, your theme wouldn’t display that data.

      Administrator

  7. Tamer Ziady says

    Is there a way to force custom fields? I.E. if a post doesn’t have a specific field filled out; can the author be told they have to fill out this field?

    • WPBeginner Support says

      While we don’t have a recommended method at the moment, we will be sure to take a look.

      Administrator

  8. Mike Claggett says

    What are you using to build the Table of Contents” on this page?

    Are you doing it manually or are you using a plugin.

    It’s SUPER COOL – I LUV It.

    Thanks for all your hard work.
    MC

  9. SK says

    Hi,
    I had the Custom field installed on WordPress 4.3. Due to there is a need to upgrade of WordPress to latest version, after done the upgrade, the Custom Fields seems does work properly. I saw the menu, but in Post or Page I went to screen option i cant see the tick for custom field.

    • WPBeginner Support says

      If you’re using the block editor then you would want to click the verticle ellipsis, go to options, and there you can enable the custom fields the same as you would for screen options.

      Administrator

  10. Ian says

    Hi,
    For Manipulating RSS feed Content with Custom Fields, and for other changes, when you say add the following code in your theme’s functions.php file, where exactly are you adding this? I am in Edit Themes and have gone under functions.php and see the code but am clueless on where to add the above example for instance.

    • WPBeginner Support says

      You can add it wherever you like in the file but we normally recommend the end of your functions.php so you can easily remove it should you want in the future :)

      Administrator

  11. Dionisis says

    What if we would like to add a custom field to the post title?

    For example if we would like to add a date at the right of the title?

    ( i am using forms with custom fields for my visitors that’s why i need a custom field in the title)

  12. Jasmine says

    Hi, I want to create a form that will ask users different questions and then have the following page show up with a sidebar menu customized to the answers that the user put in the form. Is this possible with custom fields?

    • WPBeginner Support says

      That is possible but it will likely require custom coding or a custom plugin to set up user-specific displays

      Administrator

  13. Bill says

    Custom Fields DO NOT SHOW in my screen options drop-down. I am running WP 5.2.3 and the Twenty Nineteen theme. Thus, I cannot get to step one. How do I fix this? Thank you.

    • WPBeginner Support says

      For the block editor, screen options would be under the three dots in the top right, then go to options

      Administrator

  14. Hasse says

    What´s the best way to automatically assign a custom field value from the unique blog post ID? The users shouldn´t be able to see or change it. It´s just used for matching data in the text step.

  15. Trang says

    Thank you, I’ve spent half a day looking for a way to add a subtitle section without using a plugin. It turns out that I can do that with the custom field.

  16. Guilherme R. C. says

    I am new to WordPress, and this article has helped me to understand this tool a little more, very easy to follow.

    This is great. Thank you!

  17. Moxet Khan says

    One of the most comprehensive article over custom field, highly appreciate the step by step explanation.

  18. Yogesh Gautam says

    Thanks WP Beginner!

    I was looking for a way to embed a javascript as a custom field in header of specific posts. I didn’t found any accurate and satisfying method to do so.

    Thankfully your post helped me to do it in a sec.

    Thanks once again!

  19. Arqam Saleem says

    This article is really fantastic, please tell me one more thing. How to add custom field for an image ??

  20. Charles says

    i want display some custom-fields in all posts that they are in one category.
    can I do it? would you help me?

  21. Krish says

    I want to place a counter displaying number of posts in a category on Homepage section.

    Is that possible with custom fields.

  22. Bob says

    Hi there,

    Very interesting article indeed…

    Actually i need some help related to this subject if possible of course..

    1- I have a WordPress website
    2- I want user to have a section called my vehicles as part of their profile
    3- Users can add or remove vehicles
    4- Vehicle record is of 3 related fields : Year / Make / Model
    5- The above 3 fields data can be collected from the Carquery API WP by placing short codes in any page as per their instructions.

    I am stuck in how to make this process :

    1- A user will open a page called my vehicles
    2- He can add / remove / edit vehicles
    ———————————————————————————————————

    I don’t mind if there any other way available to achieve what i am looking for..

    Thank you in advance…

  23. Jeff Cohan says

    Great subject nicely covered!

    I’m confused, however, as to why, In the „Set Expiration Date for Posts…” example, the third parameter of get_post_meta() is set to false (NOT single value), and then the code uses implode() to concatenate expiration values if there are multipies. Shouldn’t there be (at most) ONLY ONE expiration value per post? And if there WERE multiples, wouldn’t the implode() function generate an unusable time value?

  24. James Shapiro says

    Great article! Any chance you can go into this much depth for adding user fields to the users data base and then using this data for conditional displays at the site? Thanks….

  25. Nazgyl says

    This article is awesome! thank you for this.
    What if I want to have a custom field, and the values are preset and displayed to the author as a dropdown, or a multiselect.
    Is that achievable? Would you kindly share a code snippet?

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.