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

Cómo mostrar campos personalizados fuera del bucle en WordPress

¿Desea mostrar los campos personalizados fuera del bucle en WordPress? Normalmente, los campos personalizados se muestran dentro del bucle de WordPress junto con otros contenidos de entradas y metadatos. En este artículo, le mostraremos cómo mostrar campos personalizados fuera del bucle en WordPress.

How to display custom fields outside the WordPress loop

Qué son los campos personalizados en WordPress

Los campos personalizados permiten añadir metadatos adicionales a las entradas de WordPress y mostrarlos junto con el contenido de la entrada.

Puede añadir campos personalizados simplemente activando la caja meta de campos personalizados bajo las opciones de pantalla. También puede crear cajas meta personalizadas en WordPress para dar a sus campos personalizados una mejor interfaz de usuario.

Adding custom field to a WordPress post or page

Para más detalles, consulte nuestra guía para principiantes sobre el uso de los campos personalizados de WordPress.

Dado que los campos personalizados añaden metadatos a las entradas, pueden mostrarse fácilmente dentro del bucle de WordPress junto con otro contenido de la entrada. Sin embargo, a veces puede que desee mostrarlos fuera del bucle. Por ejemplo, en un widget de la barra lateral. Aquí es cuando se vuelve un poco complicado.

Dicho esto, vamos a ver cómo mostrar fácilmente los campos personalizados fuera del bucle en WordPress.

Mostrar datos de campos personalizados fuera del bucle en WordPress

En lugar de mostrar los metadatos de los campos personalizados fuera del bucle, en realidad le mostraremos cómo utilizar varios bucles en sus temas de WordPress sin afectar al bucle principal.

Este artículo requiere que añada código a los archivos de su tema de WordPress. Si no has hecho esto antes, entonces puede que quieras ver nuestra guía sobre cómo copiar y pegar código en WordPress.

Necesitará añadir el siguiente código a los archivos de su tema donde desee mostrar los datos de los campos personalizados en WordPress.

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

Este código simplemente carga la variable global $wp_query para obtener el ID de la entrada. Después, utiliza la función get_post_meta() para obtener y mostrar los datos de sus campos personalizados.

No olvide cambiar Your-Custom-Field con su campo personalizado actual.

Puede personalizar el código para adaptarlo a sus necesidades. También puede utilizar otros argumentos de consulta para obtener y mostrar los datos de campos personalizados para diferentes entradas y páginas.

Veamos otro ejemplo. Este utiliza la clase WP_Query que es una forma mucho mejor y más flexible de utilizar múltiples bucles en los archivos de su tema de WordPress.

Simplemente añade este código a tu tema o tema hijo donde quieras mostrar el 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';
	
}

No olvide reemplazar Mood con su propio nombre de campo personalizado y el ID de entrada con su propio id de entrada o página.

Custom field in WordPress sidebar widget

Eso es todo por ahora.

Esperamos que este artículo te haya ayudado a aprender cómo mostrar campos personalizados fuera del bucle en WordPress. Es posible que también desee ver nuestra hoja de trucos tema de WordPress para principiantes.

Si te ha gustado este artículo, suscríbete a nuestro canal de YouTube para ver tutoriales en vídeo sobre WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso 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.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

5 comentariosDeja una respuesta

  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!

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.