wordpress - 用户在自定义元框中输入自定义帖子类型时，如何显示Youtube/Vimeo视频ID？

Question

我创建了一个2x的短代码，当用户在其中输入视频ID时，会显示youtube视频和vimeo视频，例如:[youtube id =“”] [vimeo id =“”]。

我没有在我的帖子中输入此内容，而是尝试创建一个自定义元框，用户可以在其中输入ID，然后将其显示出来。

到目前为止，我已经能够创建一个插件来显示meta框，但是我不确定如何获取它来保存youtube / vimeo ID并显示视频。

我需要2个不同的meta盒吗？一个可以让用户输入youtube视频ID，另一个可以在其中输入vimeo ID，然后在前端显示？

我为meta框提供的代码是:

add_action( 'add_meta_boxes', 'cd_meta_box_add' );
function cd_meta_box_add()
{
    add_meta_box( 'my-meta-box-id', 'Enter Video ID', 'cd_meta_box_cb', 'videos', 'normal', 'high' );
}

function cd_meta_box_cb( $post )
{
    $values = get_post_custom( $post->ID );
    $text = isset( $values['my_meta_box_text'] ) ? esc_attr( $values['my_meta_box_text'][0] ) : '';

    wp_nonce_field( 'my_meta_box_nonce', 'meta_box_nonce' );
    ?>
    <p>
        <label for="my_meta_box_text">Youtube/Vimeo ID:</label>
        <input type="text" name="my_meta_box_text" id="my_meta_box_text" value="<?php echo $text; ?>" />
    </p>


    <?php   
}


add_action( 'save_post', 'cd_meta_box_save' );
function cd_meta_box_save( $post_id )
{
    // Bail if we're doing an auto save
    if( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) return;

    // if our nonce isn't there, or we can't verify it, bail
    if( !isset( $_POST['meta_box_nonce'] ) || !wp_verify_nonce( $_POST['meta_box_nonce'], 'my_meta_box_nonce' ) ) return;

    // if our current user can't edit this post, bail
    if( !current_user_can( 'edit_post' ) ) return;

    // now we can actually save the data
    $allowed = array( 
        'a' => array( // on allow a tags
            'href' => array() // and those anchords can only have href attribute
        )
    );

    // Probably a good idea to make sure your data is set
    if( isset( $_POST['my_meta_box_text'] ) )
        update_post_meta( $post_id, 'my_meta_box_text', wp_kses( $_POST['my_meta_box_text'], $allowed ) );


}
?>

我还认为我需要在我的single-video.php模板上运行一个循环，以使wordpress知道从自定义meta框中显示ID。对于循环，这是我到目前为止所拥有的:

$args = array( 'post_type' => 'videos', 'posts_per_page' => 10, 'orderby' => 'date', 'order' => 'ASC' );
                    $loop = new WP_Query( $args );
                    while ( $loop->have_posts() ) : $loop->the_post(); 

虽然还没有完成，所以我将非常感谢您的帮助。

Answer 1

您的前进方式正确。您需要创建用于选择video_type的metabox，它将成为youtube / vimeo。那么您需要在一个文本框中添加用于相应视频类型的ID。
代码如下所示

<?php 
add_action( 'add_meta_boxes', 'cd_meta_box_add' );
function cd_meta_box_add()
{
 add_meta_box( 'my-meta-box-id', 'Enter Video ID', 'cd_meta_box_cb', 'videos', 'normal', 'high' );
}

function cd_meta_box_cb( $post )
{
$vedio_type = get_post_meta($post->ID,'my_vedio_type',true);
$vedio_id = get_post_meta($post->ID,'my_meta_box_text',true);
wp_nonce_field( 'my_meta_box_nonce', 'meta_box_nonce' );
?>

<p>
    <label for="my_meta_box_text">Select vedio type:</label>
     <!-- added select for selecting vedio type -->
    <select name="my_vedio_type" id="my_vedio_type">  
        <option <?php echo ($vedio_type == 'youtube') ? "selected='selected'" : "" ;?> value="youtube">Youtube</option>
        <option <?php echo ($vedio_type == 'vimeo') ? "selected='selected'" : "" ;?> value="vimeo">Vimeo</option>
    </select>
    <!-- added select for selecting vedio type -->
</p>

<p>
    <label for="my_meta_box_text">Youtube/Vimeo ID:</label>
    <input type="text" name="my_meta_box_text" id="my_meta_box_text" value="<?php echo $vedio_id; ?>" />
</p>


<?php   
  }


 add_action( 'save_post', 'cd_meta_box_save' ); 
 function cd_meta_box_save( $post_id )
{
// Bail if we're doing an auto save
if( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) return;

// if our nonce isn't there, or we can't verify it, bail
if( !isset( $_POST['meta_box_nonce'] ) || !wp_verify_nonce( $_POST['meta_box_nonce'], 'my_meta_box_nonce' ) ) return;

// if our current user can't edit this post, bail
if( !current_user_can( 'edit_post' ) ) return;

// now we can actually save the data
$allowed = array( 
    'a' => array( // on allow a tags
        'href' => array() // and those anchords can only have href attribute
    )
);

// Probably a good idea to make sure your data is set
if( isset( $_POST['my_vedio_type'] ) )
update_post_meta( $post_id, 'my_vedio_type', wp_kses( $_POST['my_vedio_type'], $allowed ) );
if( isset( $_POST['my_meta_box_text'] ) )
    update_post_meta( $post_id, 'my_meta_box_text', wp_kses( $_POST['my_meta_box_text'], $allowed ) );


 }
 ?>

之后，您可以使用以下代码在自定义帖子类型single.php文件中检索这些值

<?php 
 if(get_post_meta($post->ID,'my_vedio_type',true) == "youtube"){
 $youtube_id = get_post_meta($post->ID,'my_meta_box_text',true);     
  }
  if(get_post_meta($post->ID,'my_vedio_type',true) == "vimeo"){
 $vimeo_id = get_post_meta($post->ID,'my_meta_box_text',true);   
   }


   ?>