Как создать произвольное поле с картинкой

Как мне из этой произволки сделать то что я хочу. Во тот код который у меня есть.

function.php

function create_slider() {
	register_post_type('slider', array(
		'labels' => array(
			'name'            =>  'Слайдер',
			'singular_name'   =>  'Слайдер',
			'add_new'         =>  'Добавить слайд',
			'add_new_item'    =>  'Добавить слайд',
			'edit'            =>  'Редактировать слайд',
			'edit_item'       =>  'Редактировать слайд',
			'new_item'        =>  'Новый слайд',
			'all_items'       =>  'Все слайды',
			'view'            =>  'Посмотреть',
			'view_item'       =>  'Посмотреть слайд',
			'search_items'    =>  'Искать слайды',
			'not_found'       =>  'Не найдено',
			),
	    'public' => true, // show in admin panel?
	    'menu_position' => 5,
	    'supports' => array( 'title', 'custom-fields'),
	    'taxonomies' => array( '' ),
	    'has_archive' => true,
	    'capability_type' => 'post',
	    'menu_icon'   => 'dashicons-admin-site',
	    'rewrite' => array('slug' => 'slider'),
	    ));
}
add_action( 'init', 'create_slider' );

slider.php

<?php
    global $post;
    $args = array( 'numberposts' => -1, 'post_type' => 'slider', 'orderby' => 'ID', 'order' => 'ASC' );
    $myposts = get_posts( $args );
    $tmpl_url = get_bloginfo('template_url');  
?>
    <div id="slider" class="flexslider">
        <ul class="slides">
        <?php
        foreach( $myposts as $post ){ 
            setup_postdata($post);
            $imgpath=get_post_meta($post->ID, 'Путь к картинке относительно шаблона(например /images/flexslider/slider0.jpg)', true);
            ?>
            <li><img src="<?php echo $tmpl_url.$imgpath;?>" alt="" /></li>
            <?php
        }
        wp_reset_postdata();
        ?>
        </ul>
    </div>