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

Como exibir campos personalizados fora do loop no WordPress

Você deseja exibir campos personalizados fora do loop no WordPress? Normalmente, os campos personalizados são exibidos dentro do loop do WordPress junto com outros conteúdos e metadados da postagem. Neste artigo, mostraremos a você como exibir campos personalizados fora do loop no WordPress.

How to display custom fields outside the WordPress loop

O que são campos personalizados no WordPress?

Os campos personalizados permitem que você adicione metadados adicionais às suas postagens do WordPress e os exiba junto com o conteúdo da postagem.

Você pode adicionar campos personalizados simplesmente ativando a metaboxa de campos personalizados nas Opções de tela. Também é possível criar metaboxes personalizadas no WordPress para dar aos seus campos personalizados uma interface de usuário melhor.

Adding custom field to a WordPress post or page

Para obter mais detalhes, consulte nosso guia para iniciantes sobre o uso de campos personalizados do WordPress.

Como os campos personalizados adicionam metadados às postagens, eles podem ser facilmente exibidos dentro do loop do WordPress junto com outros conteúdos da postagem. No entanto, às vezes você pode querer exibi-los fora do loop. Por exemplo, em um widget da barra lateral. É aí que as coisas ficam um pouco complicadas.

Dito isso, vamos ver como exibir facilmente campos personalizados fora do loop no WordPress.

Exibir dados de campos personalizados fora do loop no WordPress

Em vez de exibir metadados de campos personalizados fora do loop, mostraremos como usar vários loops em seus temas do WordPress sem afetar o loop principal.

Este artigo exige que você adicione código aos seus arquivos de tema do WordPress. Se você não tiver feito isso antes, consulte nosso guia sobre como copiar e colar código no WordPress.

Você precisará adicionar o seguinte código aos arquivos de tema onde deseja exibir os dados dos campos personalizados no WordPress.

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

Esse código simplesmente carrega a variável global $wp_query para obter o ID do post. Depois disso, ele usa a função get_post_meta() para buscar e gerar seus dados de campo personalizado.

Não se esqueça de alterar Your-Custom-Field com seu campo personalizado real.

Você pode personalizar o código para atender às suas necessidades. Você também pode usar outros argumentos de consulta para buscar e exibir dados de campos personalizados para diferentes posts e páginas.

Vamos dar uma olhada em outro exemplo. Este usa a classe WP_Query, que é uma maneira muito melhor e mais flexível de usar vários loops em seus arquivos de tema do WordPress.

Basta adicionar esse código ao seu tema ou tema filho onde você deseja exibir o campo personalizado.

$args = array ( 
// Post or Page ID
'p' => 231,
);

// The Query
$the_query = new WP_Query( $args );

// The Loop
if ( $the_query->have_posts() ) {

	while ( $the_query->have_posts() ) {
		$the_query->the_post();
		echo get_post_meta( get_the_ID(), 'Mood', true);
		}

	
	/* Restore original Post Data */
	wp_reset_postdata();

} else {

echo 'Nothing found';
	
}

Não se esqueça de substituir Mood por seu próprio nome de campo personalizado e post ID por seu próprio post ou id de página.

Custom field in WordPress sidebar widget

Isso é tudo por enquanto.

Esperamos que este artigo tenha ajudado você a aprender como exibir campos personalizados fora do loop no WordPress. Talvez você também queira ver nossa folha de dicas de temas do WordPress para iniciantes.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

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.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

5 ComentáriosDeixe uma resposta

  1. ajay singh

    how i get acf field value out of loop

  2. Shuvo

    What do I put to replace ‘Your-Custom-Field’? The name of the cpt or the slug?

    • WPBeginner Support

      You would replace that with the name of the custom field

      Administrador

  3. Daniel R

    Hi there,

    Great article, I’ve used WPB a few times to help me work some things out!

    I’m currently trying to get the custom field information from the most recent post in a specific category, and to display this as inline text within a paragraph.

    Do you know if there is any plugin for this or if we can achieve this with PHP/JavaScript?

    Basically what I want to ask WordPress is “Go and get the most recent post in the todays-tip category then find the value of the custom field ‘odds’ and display ‘odds’ inside this span.’

    Really I’d like to stay away from hard coding this into the page and would prefer a shortcode/JS solution as the paragraph is editable. Basically one of the webmasters might go in and change the text in the paragraph but still want to show the ‘odds’ in a certain place. The page is built on a drag-n-drop editor on xPro.

    • Daniel R

      I’m currently using a recent posts plugin shortcode to display the title in another paragraph. I then strip back all the styling to make the text inline with the paragraph. It’s a bit of a dodgy route!

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.