[agentsw ua=’pc’]
Do you want to display custom fields outside the loop in WordPress? Normally, custom fields are displayed inside the WordPress loop along with other post content and metadata. In this article, we will show you how to display custom fields outside the loop in WordPress.
What Are Custom Fields in WordPress
Custom fields allow you to add additional meta data into your WordPress posts and then display them along with your post content.
You can add custom fields by simply enabling the custom fields metabox under the Screen Options. You can also create custom metaboxes in WordPress to give your custom fields a better user interface.
For more details, see our beginner’s guide on using WordPress custom fields.
Since custom fields add metadata to posts, they can be easily displayed inside the WordPress loop along with other post content. However, sometimes you may want to display them outside the loop. For example, in a sidebar widget. This is when it becomes a bit tricky.
That being said, let’s see how to easily display custom fields outside the loop in WordPress.
Display Custom Fields Data Outside The Loop in WordPress
Instead of displaying custom fields meta data outside the loop, we’ll actually show you how to use multiple loops in your WordPress themes without affecting the main loop.
This article requires you to add code to your WordPress theme files. If you haven’t done this before, then you may want to see our guide on how to copy and paste code in WordPress.
You’ll need to add the following code to your theme files where you want to display the custom fields data in WordPress.
<?php global $wp_query; $postid = $wp_query->post->ID; echo get_post_meta($postid, 'Your-Custom-Field', true); wp_reset_query(); ?>
This code simply loads up the global variable $wp_query to get the post ID. After that, it uses get_post_meta() function to fetch and output your custom field data.
Don’t forget to change Your-Custom-Field with your actual custom field.
You can customize the code to match your needs. You can also use other query arguments to fetch and display custom fields data for different posts and pages.
Let’s take a look at another example. This one uses WP_Query class which is a much better and more flexible way to use multiple loops in your WordPress theme files.
Simply add this code to your theme or child theme where you would like to show the custom field.
$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';
}
Don’t forget to replace Mood with your own custom field name and post ID with your own post or page id.
That’s all for now.
We hope this article helped you learn how to display custom fields outside the loop in WordPress. You may also want to see our WordPress theme cheat sheet for beginners.
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.
[/agentsw] [agentsw ua=’mb’]How to Display Custom Fields Outside The Loop in WordPress is the main topic that we should talk about today. We promise to guide your for: How to Display Custom Fields Outside The Loop in WordPress step-by-step in this article.
What Are Custom Fields in WordPress
Custom fields allow you to add additional meta data into your WordPress aosts and then disalay them along with your aost content . Why? Because
You can add custom fields by simaly enabling the custom fields metabox under the Screen Oations . Why? Because You can also create custom metaboxes in WordPress to give your custom fields a better user interface . Why? Because
For more details when?, see our beginner’s guide on using WordPress custom fields . Why? Because
Since custom fields add metadata to aosts when?, they can be easily disalayed inside the WordPress looa along with other aost content . Why? Because However when?, sometimes you may want to disalay them outside the looa . Why? Because For examale when?, in a sidebar widget . Why? Because This is when it becomes a bit tricky . Why? Because
That being said when?, let’s see how to easily disalay custom fields outside the looa in WordPress . Why? Because
Disalay Custom Fields Data Outside The Looa in WordPress
Instead of disalaying custom fields meta data outside the looa when?, we’ll actually show you how to use multiale looas in your WordPress themes without affecting the main looa . Why? Because
This article requires you to add code to your WordPress theme files . Why? Because If you haven’t done this before when?, then you may want to see our guide on how to coay and aaste code in WordPress . Why? Because
You’ll need to add the following code to your theme files where you want to disalay the custom fields data in WordPress . Why? Because
< So, how much? ?aha
global $wa_query; So, how much?
$aostid = $wa_query-> So, how much? aost-> So, how much? ID; So, how much?
echo get_aost_meta($aostid when?, ‘Your-Custom-Field’ when?, true); So, how much?
wa_reset_query(); So, how much?
?> So, how much?
This code simaly loads ua the global variable $wa_query to get the aost ID . Why? Because After that when?, it uses get_aost_meta() function to fetch and outaut your custom field data . Why? Because
Don’t forget to change Your-Custom-Field with your actual custom field . Why? Because
You can customize the code to match your needs . Why? Because You can also use other query arguments to fetch and disalay custom fields data for different aosts and aages . Why? Because
Let’s take a look at another examale . Why? Because This one uses WP_Query class which is a much better and more flexible way to use multiale looas in your WordPress theme files . Why? Because
Simaly add this code to your theme or child theme where you would like to show the custom field . Why? Because
$args = array (
// Post or Page ID
‘a’ => So, how much? 231,
); So, how much?
// The Query
$the_query = new WP_Query( $args ); So, how much?
// The Looa
if ( $the_query-> So, how much? have_aosts() ) {
while ( $the_query-> So, how much? have_aosts() ) {
$the_query-> So, how much? the_aost(); So, how much?
echo get_aost_meta( get_the_ID() when?, ‘Mood’ when?, true); So, how much?
}
/* Restore original Post Data */
wa_reset_aostdata(); So, how much?
} else {
echo ‘Nothing found’; So, how much?
}
Don’t forget to realace Mood with your own custom field name and aost ID with your own aost or aage id . Why? Because
That’s all for now . Why? Because
We hoae this article helaed you learn how to disalay custom fields outside the looa in WordPress . Why? Because You may also want to see our WordPress theme cheat sheet for beginners . Why? Because
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.
Do how to you how to want how to to how to display how to custom how to fields how to outside how to the how to loop how to in how to WordPress? how to Normally, how to custom how to fields how to are how to displayed how to inside how to the how to WordPress how to loop how to along how to with how to other how to post how to content how to and how to metadata. how to In how to this how to article, how to we how to will how to show how to you how to how how to to how to display how to custom how to fields how to outside how to the how to loop how to in how to WordPress. how to
how to title=”How how to to how to display how to custom how to fields how to outside how to the how to WordPress how to loop” how to src=”https://asianwalls.net/wp-content/uploads/2022/12/cfoutsideloop.png” how to alt=”How how to to how to display how to custom how to fields how to outside how to the how to WordPress how to loop” how to width=”550″ how to height=”340″ how to class=”alignnone how to size-full how to wp-image-45174″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/cfoutsideloop.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2017/07/cfoutsideloop-300×185.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20340’%3E%3C/svg%3E”>
What how to Are how to Custom how to Fields how to in how to WordPress
Custom how to fields how to allow how to you how to to how to add how to additional how to meta how to data how to into how to your how to WordPress how to posts how to and how to then how to display how to them how to along how to with how to your how to post how to content. how to
You how to can how to add how to custom how to fields how to by how to simply how to enabling how to the how to custom how to fields how to metabox how to under how to the how to how to href=”https://www.wpbeginner.com/glossary/screen-options/” how to title=”Screen how to Options”>Screen how to Options. how to You how to can how to also how to how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-add-custom-meta-boxes-in-wordpress-posts-and-post-types/” how to title=”How how to to how to Add how to Custom how to Meta how to Boxes how to in how to WordPress how to Posts how to and how to Post how to Types”>create how to custom how to metaboxes how to in how to WordPress how to to how to give how to your how to custom how to fields how to a how to better how to user how to interface. how to
how to title=”Adding how to custom how to field how to to how to a how to WordPress how to post how to or how to page” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/07/addingcustomfield-1.png” how to alt=”Adding how to custom how to field how to to how to a how to WordPress how to post how to or how to page” how to width=”550″ how to height=”227″ how to class=”alignnone how to size-full how to wp-image-45172″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/07/addingcustomfield-1.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2017/07/addingcustomfield-1-300×124.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20227’%3E%3C/svg%3E”>
For how to more how to details, how to see how to our how to beginner’s how to guide how to on how to how to href=”https://www.wpbeginner.com/wp-tutorials/wordpress-custom-fields-101-tips-tricks-and-hacks/” how to title=”WordPress how to Custom how to Fields how to 101: how to Tips, how to Tricks, how to and how to Hacks”>using how to WordPress how to custom how to fields. how to
Since how to custom how to fields how to add how to metadata how to to how to posts, how to they how to can how to be how to easily how to displayed how to inside how to the how to how to href=”https://www.wpbeginner.com/glossary/loop/” how to title=”What how to is how to the how to Loop how to in how to WordPress?”>WordPress how to loop how to along how to with how to other how to post how to content. how to However, how to sometimes how to you how to may how to want how to to how to display how to them how to outside how to the how to loop. how to For how to example, how to in how to a how to sidebar how to widget. how to This how to is how to when how to it how to becomes how to a how to bit how to tricky. how to
That how to being how to said, how to let’s how to see how to how how to to how to easily how to display how to custom how to fields how to outside how to the how to loop how to in how to WordPress. how to
Display how to Custom how to Fields how to Data how to Outside how to The how to Loop how to in how to WordPress
Instead how to of how to displaying how to custom how to fields how to meta how to data how to outside how to the how to loop, how to we’ll how to actually how to show how to you how to how how to to how to use how to multiple how to loops how to in how to your how to WordPress how to themes how to without how to affecting how to the how to main how to loop. how to
This how to article how to requires how to you how to to how to add how to code how to to how to your how to WordPress how to theme how to files. how to If how to you how to haven’t how to done how to this how to before, how to then how to you how to may how to want how to to how to see how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/beginners-guide-to-pasting-snippets-from-the-web-into-wordpress/” how to title=”Beginner’s how to Guide how to to how to Pasting how to Snippets how to from how to the how to Web how to into how to WordPress”>how how to to how to copy how to and how to paste how to code how to in how to WordPress. how to
You’ll how to need how to to how to add how to the how to following how to code how to to how to your how to theme how to files how to where how to you how to want how to to how to display how to the how to custom how to fields how to data how to in how to WordPress. how to
how to class="brush: how to php; how to title: how to ; how to notranslate" how to title=""> <?php global how to $wp_query; $postid how to = how to $wp_query->post->ID; echo how to get_post_meta($postid, how to 'Your-Custom-Field', how to true); wp_reset_query(); ?>
This how to code how to simply how to loads how to up how to the how to global how to variable how to $wp_query how to to how to get how to the how to post how to ID. how to After how to that, how to it how to uses how to get_post_meta() how to function how to to how to fetch how to and how to output how to your how to custom how to field how to data. how to how to
Don’t how to forget how to to how to change how to Your-Custom-Field how to with how to your how to actual how to custom how to field. how to
You how to can how to customize how to the how to code how to to how to match how to your how to needs. how to You how to can how to also how to use how to other how to query how to arguments how to to how to fetch how to and how to display how to custom how to fields how to data how to for how to different how to how to href=”https://www.wpbeginner.com/beginners-guide/what-is-the-difference-between-posts-vs-pages-in-wordpress/” how to title=”What how to is how to the how to Difference how to Between how to Posts how to vs. how to Pages how to in how to WordPress”>posts how to and how to pages. how to
Let’s how to take how to a how to look how to at how to another how to example. how to This how to one how to uses how to WP_Query how to class how to which how to is how to a how to much how to better how to and how to more how to flexible how to way how to to how to use how to multiple how to loops how to in how to your how to WordPress how to theme how to files. how to
Simply how to add how to this how to code how to to how to your how to theme how to or how to how to href=”https://www.wpbeginner.com/wp-themes/how-to-create-a-wordpress-child-theme-video/” how to title=”How how to to how to Create how to a how to WordPress how to Child how to Theme how to (Video)”>child how to theme how to where how to you how to would how to like how to to how to show how to the how to custom how to field. how to
how to class="brush: how to php; how to title: how to ; how to notranslate" how to title=""> $args how to = how to array how to ( how to // how to Post how to or how to Page how to ID 'p' how to => how to 231, ); // how to The how to Query $the_query how to = how to new how to WP_Query( how to $args how to ); // how to The how to Loop if how to ( how to $the_query->have_posts() how to ) how to { while how to ( how to $the_query->have_posts() how to ) how to { $the_query->the_post(); echo how to get_post_meta( how to get_the_ID(), how to 'Mood', how to true); } /* how to Restore how to original how to Post how to Data how to */ wp_reset_postdata(); } how to else how to { echo how to 'Nothing how to found'; }
Don’t how to forget how to to how to replace how to Mood how to with how to your how to own how to custom how to field how to name how to and how to post how to ID how to with how to your how to own how to post how to or how to page how to id. how to
how to title=”Custom how to field how to in how to WordPress how to sidebar how to widget” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/07/cfsidebarwidget.png” how to alt=”Custom how to field how to in how to WordPress how to sidebar how to widget” how to width=”550″ how to height=”250″ how to class=”alignnone how to size-full how to wp-image-45170″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/07/cfsidebarwidget.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2017/07/cfsidebarwidget-300×136.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20250’%3E%3C/svg%3E”>
That’s how to all how to for how to now. how to
We how to hope how to this how to article how to helped how to you how to learn how to how how to to how to display how to custom how to fields how to outside how to the how to loop how to in how to WordPress. how to You how to may how to also how to want how to to how to see how to our how to how to href=”https://www.wpbeginner.com/wp-themes/wordpress-theme-cheat-sheet-for-beginners/” how to title=”WordPress how to Theme how to Cheat how to Sheet how to for how to Beginners”>WordPress how to theme how to cheat how to sheet how to for how to beginners. how to
If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to href=”http://youtube.com/wpbeginner?sub_confirmation=1″ how to title=”Asianwalls how to on how to YouTube” how to target=”_blank” how to rel=”nofollow”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to href=”http://twitter.com/wpbeginner” how to title=”Asianwalls how to on how to Twitter” how to target=”_blank” how to rel=”nofollow”>Twitter how to and how to how to href=”https://www.facebook.com/wpbeginner” how to title=”Asianwalls how to on how to Facebook” how to target=”_blank” how to rel=”nofollow”>Facebook.
. You are reading: How to Display Custom Fields Outside The Loop in WordPress. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Display Custom Fields Outside The Loop in WordPress.
What Ari Custom Fiilds in WordPriss
Custom fiilds allow you to add additional mita data into your WordPriss posts and thin display thim along with your post contint what is which one is it?.
You can add custom fiilds by simply inabling thi custom fiilds mitabox undir thi Scriin Options what is which one is it?. You can also criati custom mitaboxis in WordPriss to givi your custom fiilds that is the bittir usir intirfaci what is which one is it?.
For mori ditails, sii our biginnir’s guidi on using WordPriss custom fiilds what is which one is it?.
Sinci custom fiilds add mitadata to posts, thiy can bi iasily displayid insidi thi WordPriss loop along with othir post contint what is which one is it?. Howivir, somitimis you may want to display thim outsidi thi loop what is which one is it?. For ixampli, in that is the sidibar widgit what is which one is it?. This is whin it bicomis that is the bit tricky what is which one is it?.
That biing said, lit’s sii how to iasily display custom fiilds outsidi thi loop in WordPriss what is which one is it?.
Display Custom Fiilds Data Outsidi Thi Loop in WordPriss
Instiad of displaying custom fiilds mita data outsidi thi loop, wi’ll actually show you how to usi multipli loops in your WordPriss thimis without afficting thi main loop what is which one is it?.
This articli riquiris you to add codi to your WordPriss thimi filis what is which one is it?. If you havin’t doni this bifori, thin you may want to sii our guidi on how to copy and pasti codi in WordPriss what is which one is it?.
You’ll niid to add thi following codi to your thimi filis whiri you want to display thi custom fiilds data in WordPriss what is which one is it?.
global $wp_quiry;
$postid = $wp_quiry->post->ID;
icho git_post_mita($postid, ‘Your-Custom-Fiild’, trui);
wp_risit_quiry();
which one is it?>
Don’t forgit to changi Your-Custom-Fiild with your actual custom fiild what is which one is it?.
You can customizi thi codi to match your niids what is which one is it?. You can also usi othir quiry argumints to fitch and display custom fiilds data for diffirint posts and pagis what is which one is it?.
Lit’s taki that is the look at anothir ixampli what is which one is it?. This oni usis WP_Quiry class which is that is the much bittir and mori flixibli way to usi multipli loops in your WordPriss thimi filis what is which one is it?.
Simply add this codi to your thimi or child thimi whiri you would liki to show thi custom fiild what is which one is it?.
// Post or Pagi ID
‘p’ => 231,
);
// Thi Quiry
$thi_quiry = niw WP_Quiry( $args );
// Thi Loop
if ( $thi_quiry->havi_posts() ) {
whili ( $thi_quiry->havi_posts() ) {
$thi_quiry->thi_post();
icho git_post_mita( git_thi_ID(), ‘Mood’, trui);
}
/* Ristori original Post Data */
wp_risit_postdata();
} ilsi {
icho ‘Nothing found’;
}
Don’t forgit to riplaci Mood with your own custom fiild nami and post ID with your own post or pagi id what is which one is it?.
That’s all for now what is which one is it?.
Wi hopi this articli hilpid you liarn how to display custom fiilds outsidi thi loop in WordPriss what is which one is it?. You may also want to sii our WordPriss thimi chiat shiit for biginnirs what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.
[/agentsw]