Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Custom Meta Boxes not echoing data WordPress

  • SOLVED

I have added a custom meta box with only 2 text fields using this tutorial:

http://wp.tutsplus.com/tutorials/reusable-custom-meta-boxes-part-1-intro-and-basic-fields/

I have successfully used it on another site with a custom post type.

I have literally copied the code from the tutorial to my new site and am able to enter in data and save it. But when I try to echo the data in the loop of the custom post type, nothing shows up. Here is the code from my functions.php and events.php page.

functions.php


// Add the Meta Box
function add_custom_meta_box() {
add_meta_box(
'custom_meta_box', // $id
'Custom Meta Box', // $title
'show_custom_meta_box', // $callback
'event', // $page
'normal', // $context
'high'); // $priority
}
add_action('add_meta_boxes', 'add_custom_meta_box');

// Field Array
$prefix = 'custom_';
$custom_meta_fields = array(
array(
'label'=> 'Artist Name',
'desc' => 'The Artist Name',
'id' => $prefix.'artistname',
'type' => 'text'
),
array(
'label'=> 'Date and Location',
'desc' => 'Month XXXX City',
'id' => $prefix.'datelocation',
'type' => 'text'

)
);

// The Callback
function show_custom_meta_box() {
global $custom_meta_fields, $post;
// Use nonce for verification
echo '<input type="hidden" name="custom_meta_box_nonce" value="'.wp_create_nonce(basename(__FILE__)).'" />';

// Begin the field table and loop
echo '<table class="form-table">';
foreach ($custom_meta_fields as $field) {
// get value of this field if it exists for this post
$meta = get_post_meta($post->ID, $field['id'], true);
// begin a table row with
echo '<tr>
<th><label for="'.$field['id'].'">'.$field['label'].'</label></th>
<td>';
switch($field['type']) {
// text
case 'text':
echo '<input type="text" name="'.$field['id'].'" id="'.$field['id'].'" value="'.$meta.'" size="30" />
<br /><span class="description">'.$field['desc'].'</span>';
break;
} //end switch
echo '</td></tr>';
} // end foreach
echo '</table>'; // end table
}

// Save the Data
function save_custom_meta($post_id) {
global $custom_meta_fields;

// verify nonce
if (!wp_verify_nonce($_POST['custom_meta_box_nonce'], basename(__FILE__)))
return $post_id;
// check autosave
if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE)
return $post_id;
// check permissions
if ('page' == $_POST['post_type']) {
if (!current_user_can('edit_page', $post_id))
return $post_id;
} elseif (!current_user_can('edit_post', $post_id)) {
return $post_id;
}

// loop through fields and save the data
foreach ($custom_meta_fields as $field) {
$old = get_post_meta($post_id, $field['id'], true);
$new = $_POST[$field['id']];
if ($new && $new != $old) {
update_post_meta($post_id, $field['id'], $new);
} elseif ('' == $new && $old) {
delete_post_meta($post_id, $field['id'], $old);
}
} // end foreach
}
add_action('save_post', 'save_custom_meta');




and here is the relevant code in events.php


<?php
$post_meta_data = get_post_custom($post->ID);
$temp = $wp_query;
$wp_query= null;
$wp_query = new WP_Query();
$wp_query->query('showposts=1'.'&paged='.$paged . '&post_type=event&orderby=descending'); if(have_posts()) : ?><?php while ( $wp_query->have_posts() ) : $wp_query->the_post(); ?>
<article class="fimage">
<div id="coupleimages">

<?php the_post_thumbnail('home'); ?>

</div>
<div class="bottombar">
<span class="previousp ser"><?php previous_posts_link('&laquo; PREVIOUS EVENT'); ?></span><p class="info"><span>Photos by <?php echo $post_meta_data['custom_artistname'][0]; ?></span></p><p class="ser"><?php the_title(); ?></p> <p class="info"><?php echo $post_meta_data['custom_datelocation'][0]; ?></p><p class="info"><a href="#" class="prev2"></a><a href="#" class="next2"></a></p><span class="nextp ser"><?php next_posts_link('NEXT EVENT &raquo;'); ?></span>
</div>

</article>
<?php endwhile; endif; ?>




Basically grabbing the custom field data with
$post_meta_data = get_post_custom($post->ID);

and echoing it with
echo $post_meta_data['custom_artistname'][0];


This exact setup works on a similar site. Not sure what I am missing.

Answers (4)

2012-07-04

Arnav Joy answers:

try three things in events.php before

$post_meta_data = get_post_custom($post->ID);
:-

first :-

try put

<?php wp_reset_query();?>

at the top of the page



so what ever you were doing was correct but there was just a little problem that

you have to call post meta inside the loop not before it , so your final code will something like this


<?php get_header();

?>
<?php /*Template Name: Events*/ ?>

<div id="wrap" role="main">
<div id="container" class="gallery events">

<div class="fcontainer">
<span class="boxShadow"></span>
<span class="boxShadow boxShadowBottom"></span>

<section id="featuredimage" class="featuredimage3">
<?php

$temp = $wp_query;
$wp_query= null;
$wp_query = new WP_Query();
$wp_query->query('showposts=1'.'&paged='.$paged . '&post_type=event&orderby=descending'); if(have_posts()) : ?><?php while ( $wp_query->have_posts() ) : $wp_query->the_post(); $post_meta_data = get_post_custom($post->ID); ?>
<article class="fimage">
<div id="coupleimages">

<?php the_post_thumbnail('home'); ?>
<?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail('event', 'secondary-image'); endif; ?>
<?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail('event', 'third-image'); endif; ?>
<?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail('event', 'fourth-image'); endif; ?>
<?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail('event', 'fifth-image'); endif; ?>
<?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail('event', 'sixth-image'); endif; ?>
<?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail('event', 'seventh-image'); endif; ?>
<?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail('event', 'eighth-image'); endif; ?>
<?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail('event', 'ninth-image'); endif; ?>
<?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail('event', 'tenth-image'); endif; ?>
<?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail('event', 'eleventh-image'); endif; ?>
<?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail('event', 'twelfth-image'); endif; ?>

</div>
<div class="bottombar">
<span class="previousp ser"><?php previous_posts_link('&laquo; PREVIOUS EVENT'); ?></span><p class="info"><span>Photos by <?php echo $post_meta_data['custom_artistname'][0]; ?></span></p><p class="ser"><?php the_title(); ?></p> <p class="info"><?php echo $post_meta_data['custom_datelocation'][0]; ?></p><p class="info"><a href="#" class="prev2"></a><a href="#" class="next2"></a></p><span class="nextp ser"><?php next_posts_link('NEXT EVENT &raquo;'); ?></span>
</div>
<?php echo var_dump($post_meta_data); ?>
</article>
<?php endwhile; endif; ?>
</section>

<?php get_footer(); ?>


Dan | gteh comments:

thanks for fixing it.

2012-07-04

Daniel Yoen answers:

I think

$meta = get_post_meta($post->ID, 'field');


Dan | gteh comments:

That's for single custom fields. Mine are in an array.

I've used this code before from that tutorial, so I must have missed something

2012-07-04

Sébastien | French WordpressDesigner answers:

use :
echo $post_meta_data['custom_artistname'];

2012-07-04

Luis Abarca answers:

Its more like


echo $post_meta_data['custom_artistname']['id'];


Can you show us the result of var_dump( $post_meta_data ) ??


Dan | gteh comments:

array(3) {
["_edit_last"]=>
array(1) {
[0]=>
string(1) "1"
}
["_edit_lock"]=>
array(1) {
[0]=>
string(12) "1341370305:1"
}
["_wp_page_template"]=>
array(1) {
[0]=>
string(10) "events.php"
}
}


Dan | gteh comments:

strange thing is I literally copied the tutorial and changed the post type. but it seems the data is not in the array? I used this on another site successfully just yesterday.