Comment afficher les champs personnalisés en dehors de la boucle dans WordPress

Vous souhaitez afficher des champs personnalisés en dehors de la boucle dans WordPress ? Normalement, les champs personnalisés sont affichés à l'intérieur de la boucle WordPress avec d'autres contenus de publication et métadonnées. Dans cet article, nous vous montrerons comment afficher des champs personnalisés en dehors de la boucle dans WordPress.

Que sont les champs personnalisés dans WordPress

Les champs personnalisés vous permettent d'ajouter des métadonnées supplémentaires à vos publications WordPress, puis de les afficher avec le contenu de vos publications.

Vous pouvez ajouter des champs personnalisés en activant simplement la boîte méta des champs personnalisés sous les Options de l'écran. Vous pouvez également créer des boîtes méta personnalisées dans WordPress pour donner à vos champs personnalisés une meilleure interface utilisateur.

Pour plus de détails, consultez notre guide pour débutants sur l'utilisation des champs personnalisés WordPress.

Étant donné que les champs personnalisés ajoutent des métadonnées aux publications, ils peuvent être facilement affichés à l'intérieur de la boucle WordPress avec d'autres contenus de publication. Cependant, vous pourriez parfois vouloir les afficher en dehors de la boucle. Par exemple, dans un widget de barre latérale. C'est là que cela devient un peu délicat.

Cela dit, voyons comment afficher facilement des champs personnalisés en dehors de la boucle dans WordPress.

Afficher les données des champs personnalisés en dehors de la boucle dans WordPress

Au lieu d'afficher les métadonnées des champs personnalisés en dehors de la boucle, nous allons en fait vous montrer comment utiliser plusieurs boucles dans vos thèmes WordPress sans affecter la boucle principale.

Cet article vous demande d'ajouter du code à vos fichiers de thème WordPress. Si vous ne l'avez jamais fait auparavant, vous voudrez peut-être consulter notre guide sur comment copier et coller du code dans WordPress.

Vous devrez ajouter le code suivant à vos fichiers de thème là où vous souhaitez afficher les données des champs personnalisés dans WordPress.

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

Ce code charge simplement la variable globale $wp_query pour obtenir l'ID de l'article. Ensuite, il utilise la fonction get_post_meta() pour récupérer et afficher vos données de champ personnalisé.

N'oubliez pas de remplacer Your-Custom-Field par votre champ personnalisé réel.

Vous pouvez personnaliser le code pour qu'il corresponde à vos besoins. Vous pouvez également utiliser d'autres arguments de requête pour récupérer et afficher les données des champs personnalisés pour différents articles et pages.

Jetons un coup d'œil à un autre exemple. Celui-ci utilise la classe WP_Query, qui est une méthode bien meilleure et plus flexible pour utiliser plusieurs boucles dans vos fichiers de thème WordPress.

Ajoutez simplement ce code à votre thème ou à votre thème enfant là où vous souhaitez afficher le champ personnalisé.

$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'oubliez pas de remplacer Mood par le nom de votre propre champ personnalisé et post ID par l'ID de votre propre article ou page.

C'est tout pour le moment.

Nous espérons que cet article vous a aidé à apprendre comment afficher des champs personnalisés en dehors de la boucle dans WordPress. Vous pourriez également vouloir consulter notre aide-mémoire sur les thèmes WordPress pour débutants.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.