当用户在自定义元框中输入Youtube / Vimeo视频ID时,如何在自定义帖子类型上显示Youtube / Vimeo视频ID?

时间:2013-09-25 09:35:00

标签: wordpress youtube vimeo

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

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

到目前为止,我已经能够创建一个插件来显示元框,但我不知道如何保存它以保存youtube / vimeo ID并显示视频。

我需要2个不同的元框吗?一个用户可以在其中输入youtube视频ID,另一个可以输入vimeo ID,然后在前端显示?

我对元框的代码是:

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知道从自定义元框中显示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(); 

虽然没有结束,所以我真的很感激任何帮助。

1 个答案:

答案 0 :(得分:0)

你正在以正确的方式前进。你需要创建metabox来选择video_type它将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);   
   }


   ?>