Search code examples
phpwordpressmeta-boxes

Issues displaying custom meta box value on post edit page


I am trying to add some custom meta boxes to my wordpress post edit page. I have the box added (Video URL) but when I attempt to call the info from the post into the field as the set value nothing ever shows. I believe I am saving it correctly, but I can't get it to show after being saved, please help. Here is the code for adding and saving the meta box info:

<!-- adding the video url meta box prototype data -->
<?php
   add_action( 'add_meta_boxes', 'cd_meta_box_add' );
function cd_meta_box_add()
{
        add_meta_box( 'post-video', 'Video URL', 'video_url_meta_box', 'post', 'side', 'high' );
}
?>

<!-- rendering the video url meta box on the post edit page -->
<?php
function video_url_meta_box( $post )
{
$value = get_post_meta( $post->ID, 'video_url_text', true );
wp_nonce_field( 'video_url_nonce', 'meta_box_nonce' );
        ?>
        <p>
        <label for="video_url_text">Youtube or Vimeo URL</label>
        <input type="text" name="video_url_text" id="video_url_text" value="<?php echo $value; ?>" />
        </p>
        <?php
}
?>

<!-- Saving the video url meta box data -->
<?php
add_action( 'save_post', 'video_url_save' );
function video_url_save( $post_id )
{
        //return if we're doing an auto save
        if( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) return;
        //return if we can't verify nonce or it isn't there
        if( !isset( $_POST['video_url_nonce'] ) || !wp_verify_nonce( $_POST['meta_box_nonce'], 'video_url_nonce' ) ) return;
        //return if the current user can't edit the post
        if( !current_user_can( 'edit_page' ) ) return;
        // save data once all checks are passed
        // make sure the url is set
        if( isset( $_POST['video_url_text'] ) )
                update_post_meta( $post_id, 'video_url_text' );

}
?>

Solution

  • I ended up moving all of the code into a custom plugin and got it working as shown below:

    /**
    * Adds the meta boxes to the post editing screen
    */
    function weshine_meta_boxes() {
    add_meta_box( 'video_url_meta', __( 'Video URL', 'video-url-text' ), 'video_url_meta_callback', 'post', 'side', 'high' );
    add_meta_box( 'caption_text_meta', __( 'Caption Text', 'thumb-caption-text' ), 'caption_text_meta_callback', 'post', 'side', 'high');
    }
    add_action( 'add_meta_boxes', 'weshine_meta_boxes' );
    
    /**
     * Outputs the content of the meta box
    */
    
    function video_url_meta_callback( $post ) {
    wp_nonce_field( basename( __FILE__ ), 'prfx_nonce' );
    $video_url_stored_meta = get_post_meta( $post->ID );
    ?>
    
    <p>
        <label for="video-url" class="prfx-row-title"><?php _e( 'Enter Youtube or Vimeo URL', 'video-url-text' )?></label>
        <input type="text" name="video-url" id="video-url" value="<?php if ( isset ( $video_url_stored_meta['video-url'] ) ) echo $video_url_stored_meta['video-url'][0]; ?>"$
    </p>
    
    <?php
    }
    /**
     * Saves the custom meta input
     */
    function video_url_meta_save( $post_id ) {
    
    // Checks save status
    $is_autosave = wp_is_post_autosave( $post_id );
    $is_revision = wp_is_post_revision( $post_id );
    $is_valid_nonce = ( isset( $_POST[ 'prfx_nonce' ] ) && wp_verify_nonce( $_POST[ 'prfx_nonce' ], basename( __FILE__ ) ) ) ? 'true' : 'false';
    
    // Exits script depending on save status
    if ( $is_autosave || $is_revision || !$is_valid_nonce ) {
        return;
    }
    
    // Checks for input and sanitizes/saves if needed
    if( isset( $_POST[ 'video-url' ] ) ) {
        update_post_meta( $post_id, 'video-url', sanitize_text_field( $_POST[ 'video-url' ] ) );
    }
    
    }
    add_action( 'save_post', 'video_url_meta_save' );