Question

我想用简单的用户界面为wordpress创建一个标语插件。它应随机显示一个用户定义的标语以及一个说出来的名字。在插件选项中，我想让用户动态添加或删除这些标语。这是我最终想要的快速模型，以便您更好地理解它：

mock-up of my idea

有“添加标语”按钮，可添加2个新输入字段以及删除此标语按钮。因此，如果只有Name1并按下按钮，则会弹出Name2的那些字段。 JS部分对我没有问题，但是我在保存这些值时遇到了问题。如何在选项中添加新值并保存所有动态生成的选项？甚至更难：如果我点击删除Name2的这个标语并单击保存，它也应该从选项中删除此行，并使用当前值更新Name1和Name 3字段。

如何做到这一点，我现在有点无能为力，看看插件Codex并没有真正帮助

Answer 1

你的意思是这样的吗？

add_action( 'add_meta_boxes', 'dynamic_add_custom_box' );

/* Do something with the data entered */
add_action( 'save_post', 'dynamic_save_postdata' );

/* Adds a box to the main column on the Post and Page edit screens */
function dynamic_add_custom_box() {
    add_meta_box(
        'dynamic_sectionid',
        __( 'My Slogans', 'myplugin_textdomain' ),
        'dynamic_inner_custom_box',
        'post');
}

/* Render the box content */
function dynamic_inner_custom_box() {
    global $post;
    // nonce for verification
    wp_nonce_field( plugin_basename( __FILE__ ), 'dynamicMeta_noncename' );
    ?>
    <div id="meta_inner">
    <?php

    //GEt the array of saved meta
    $slogans = get_post_meta($post->ID,'slogans',true);

    $c = 0;
    //if ( count( $slogans ) > 0 ) {
    if( is_array ( $slogans ) ){
        foreach( $slogans as $slogan ) {
            if ( isset( $slogan['name'] ) || isset( $slogan['slogan'] ) ) {
                printf( '<p>Slogan Name <input type="text" name="slogans[%1$s][name]" value="%2$s" /> -- Slogan Content : <input type="text" name="slogans[%1$s][slogan]" value="%3$s" /><input class="button tagadd remove" type="button" value="%4$s"></p>', $c, $slogan['name'], $slogan['slogan'], __( 'Remove Slogan' ) );
                $c = $c +1;
            }
        }
    }

    ?>
<span id="here"></span>
<input class="button tagadd add" type="button" value="<?php _e('Add Slogan'); ?>">
<script>
    var $ =jQuery.noConflict();
    $(document).ready(function() {
        var count = <?php echo $c; ?>;
        $(".add").click(function() {
            count = count + 1;

            $('#here').append('<p> Slogan Name <input type="text" name="slogans['+count+'][name]" value="" /> -- Slogan Content : <input type="text" name="slogans['+count+'][slogan]" value="" /><input class="button tagadd remove" type="button" value="<?php _e('Remove Slogan'); ?>">' );
            return false;
        });
        $(".remove").live('click', function() {
            $(this).parent().remove();
        });
    });
    </script>
</div><?php

}

/*  saves our custom data when the post is saved */
function dynamic_save_postdata( $post_id ) {
    // verify if this is an auto save routine. 
    if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) 
        return;

    // verify Nonce and that the request is valid,
    if ( !isset( $_POST['dynamicMeta_noncename'] ) )
        return;

    if ( !wp_verify_nonce( $_POST['dynamicMeta_noncename'], plugin_basename( __FILE__ ) ) )
        return;

    // GOOD; we are set, find a save data

    $slogans = $_POST['slogans'];

    update_post_meta($post_id,'slogans',$slogans);
}

在wp-plugin中保存用户生成的选项

1 个答案: