• Home
• Skils
• Work
• Contact

A proposta é criar meta boxes com um número ilimitado de entradas que serão adicionadas de acordo com a necessidade. No exemplo foram criados 2 boxes: nome e idade, que serão aplicadas para o post do tipo ‘integrantes‘.

Primeiro vamos criar o container dos meta boxes:

$meta_box_people = array(
	'id' => 'my-meta-box-people',
	'title' => 'Integrantes',
	'page' => 'integrantes',
	'context' => 'normal',
	'priority' => 'high',
);
add_action('admin_menu', 'mytheme_add_box_people');

e agora a configuração para visualização dos boxes:

// Add meta box
function mytheme_add_box_people() {
	global $meta_box_people;

	add_meta_box($meta_box_people['id'], $meta_box_people['title'], 'mytheme_show_box_people', $meta_box_people['page'], $meta_box_people['context'], $meta_box_people['priority']);
}

// Callback function to show fields in meta box
function mytheme_show_box_people() {
	global $post;

	// Use nonce for verification
	echo '<input type="hidden" name="mytheme_meta_box_people_nonce" value="', wp_create_nonce(basename(__FILE__)), '" />';
	?>
    <a class="add_new_media">Adicionar [+]</a>
    <table class="form-table imag">      
        <?php
        $mcs = get_post_meta($post->ID,'mcs',true); //array multidimensional
		if($mcs):
		//print_r($mcs);
		$counter = 0;
        foreach ($mcs as $mc) : //Para cada linha do array multidimensional ?>
        <tr>        
            <td>Nome <input type="text" name="mc[<?php echo $counter;?>][name]" value="<?php echo $mc['name'] ?>" />    Idade <input type="text" name="mc[<?php echo $counter;?>][idade]" value="<?php echo $mc['idade'] ?>" /><?php if($counter > 0){echo '  <a class="remove">Remover</a>'; }?></td>
        </tr>
        <?php $counter++; endforeach; else : //Caso vazio ?>
        <tr>        
            <td>Nome <input type="text" name="mc[0][name]" value="" />    Idade <input type="text" name="mc[0][idade]" value="" /></td>
        </tr>        
        <?php endif; ?>
    </table>   
    <?php
}

e por fim a ação de salvar:

add_action('save_post', 'mytheme_save_data_people');

function mytheme_save_data_people($post_id) {

    // verify nonce
    if (!wp_verify_nonce($_POST['mytheme_meta_box_people_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;
    }

    $old = get_post_meta($post_id, 'mcs', true);    
    $new = $_POST['mc'];

    foreach ($new as $mc) :
        if($mc['name']!='' || $mc['idade']!=''){
            $temp[] = array('name'=>$mc['name'],'idade'=>$mc['idade']);
        }
        update_post_meta($post_id, 'mcs', $temp);
    endforeach;
}

Para o funcionamento dos botões de adicionar e remover é necessário incluir o arquivo javascript:

function my_admin_scripts() {
wp_register_script('my-script', get_bloginfo('template_url') . '/functions/my-script.js', array('jquery'));
wp_enqueue_script('my-script');
}
add_action('admin_print_scripts', 'my_admin_scripts');

Crie a pasta functions dentro do diretório do tema e crie o arquivo my-script.js que deverá conter o código abaixo:

jQuery(document).ready(function() {

	jQuery('.add_new_media').click(function(e) {
		var num = jQuery('table.imag tr').length;
		jQuery('table.imag').append('<tr><td>Nome <input type="text" name="mc['+num+'][name]" value="" />    Idade <input type="text" name="mc['+num+'][idade]" value="" />  <a class="remove">Remove</a></td></tr>');
		jQuery('.remove').click(function(){
			jQuery(this).parent().parent().remove()
		})
	})
	jQuery('.remove').click(function(){
		jQuery(this).parent().parent().remove()
	})	

});

Et voilá! Agora você pode adicionar ou remover entradas como quiser.