动态创建 Wordpress Metabox

Question

我已经搜索了几天，但没有找到任何有关如何允许管理员用户通过单击按钮为自定义 post 类型复制元数据框的信息。

    add_meta_box(  
    'Presentation', // $id  
    'Presentation', // $title   
    'show_custom_presentation_meta_box', // $callback  
    'presentations', // $page  
    'normal', // $context  
    'high', // $priority
     $custom_presenter_meta_fields); // $callback_args

由于在 add_meta_boxes 操作中调用了 add_meta_box 函数，我不确定是否可以存储任何变量以允许循环在用户之后添加正确数量的元数据框保存了一个 post 和额外的元数据框。

我已经实现了动态字段，当用户单击一个按钮时，会添加一个额外的文本字段并在 post 更新时保存。

我不想复制 metabox 中的字段。单击 + 时，我希望创建整个元数据框的副本。

如能指出正确方向，我们将不胜感激。谢谢！

Answer 1

我不能在这里提供完整的答案，但可以指点。

要复制 metabox，您需要添加 javascript。

在所有输入字段中，确保 name="" 字段的前缀类似于 name="1_text" name="1_firstname"
Select 第一个 metabox jquery.
复制它。用 +1 name="2_text" name="2_firstname" 更改名称属性在你的例子中也增加了盒子的 ID 'Presentation', // $id
保存时检测这些不同的名称，然后随意保存。
在加载编辑页面时检测框的数量，并用正确的数字 add_meta_box 为每个

编辑。第 1 点也可以用数组符号来完成：

<input type="text" name="text[1]" />
<input type="text" name="firstname[1]" />

保存时哪个更容易。加载时可能更容易填充。

Answer 2

我发现创建动态元数据框的首要步骤之一是创建您希望在单击按钮时复制的附加元数据框。

在单独的元数据框中，我们需要一个包含所需动态元数据框计数的字段。 *注意此字段可以隐藏或可见。

global $presenter_count;

add_meta_box(  
    'Meetings', // $id  
    'Meetings Info', // $title   
    'show_custom_meetings_meta_box', // $callback  
    'meetings', // $page  
    'normal', // $context  
    'high', // $priority
     $custom_meetings_meta_fields); // $callback_args          

$c = 0;
$count = get_post_meta($post_id, 'meetings_presenter_count', true);

while ( $c < $count) {

    $presenter_count = 0;

    add_meta_box(  
        'Presentation'.$c, // $id  
        'Presentation '.++$c, // $title   
        'show_custom_meetings_meta_box', // $callback  
        'meetings', // $page  
        'normal', // $context  
        'low', // $priority
         $custom_meetings_presenter_meta_fields); // $callback_args  
}

在构建字段的回调函数中，我们要确保调用我们设置的全局变量 $presenter_count.

每次 while 循环执行时，基于 meta_value from number of presentations 字段，演示者计数递增，这将为我们的字段设置正确的数组。

// Callback args for metabox
$custom_meetings_presenter_meta_fields = array(  
        array(  
            'label' => 'Presenter\'s Name',
            'desc'  => 'The presenter\'s prefix and name',
            'id'    => $prefix.'name',
            'type'  => 'presenter_name'
        ));

// Callback function
    function show_custom_meetings_meta_box($post, $custom_meetings_field) {  
global $custom_meetings_meta_fields, $custom_meetings_presenter_meta_fields, $post, $presenter_count;
// Use nonce for verification 

echo '<input type="hidden" name="custom_meta_box_nonce" value="'.wp_create_nonce(basename(__FILE__)).'" />'; 
    // Begin the field table and loop 
    echo '<table class="form-table">';  
    foreach ($custom_meetings_field['args'] as $field) {  
        // get value of this field if it exists for this post  
        $meta = get_post_meta($post->ID, $field['id'], true);  
        // begin a table row with  
        echo '<tr> 
                <th><label for="'.$field['id'].'">'.$field['label'].'</label></th> 
                <td>';  
                switch($field['type']) {  
                    // Presenter Name
                    case 'presenter_name':  

                        $c = $presenter_count;

                        echo '<input type="text" name="'.$field['id'].'['.$c.']" id="'.$field['id'].'-'.$c.'" value="'.$meta[$c].'" size="30" /> 
                            <br /><span class="description">'.$field['desc'].'</span>';  

                    break; 
                } //end switch  
        echo '</td></tr>';  

        }

    } // end foreach  
    echo '</table>'; // end table  
}

我们还需要设置一个按钮，供用户根据命令添加 metabox。

按钮背后的代码：

jQuery('.add-presentation').on('click', function(){
    var c  = jQuery('#meetings_presenter_count').val(); // get presenter count
    var pc = 0;
    if ( c != '' ) {
        pc = c + 1;
        // write a condition that allows for one presenter to exist
        jQuery('#Presentation'+pc).after('Insert Metabox');
        jQuery('#meetings_presenter_count').val(pc); // Increment presenter count
    }else{ // If no presenter box exists make count = 1
        jQuery('#meetings_presenter_count').val('1');
        jQuery('#Meetings').after('Insert Metabox');
    }

});

动态创建 Wordpress Metabox

Dynamically Create Wordpress Metabox

php

wordpress

meta-boxes