根据需要创建更多的元框


46

我希望用户能够根据需要创建和删除其他元框字段。

例如,说一个音乐播客,每个情节播放的歌曲数量不定。用户应该能够单击一个按钮,该按钮将添加其他字段以根据需要输入每首歌曲。

理想情况下,可以在不使用插件的情况下完成此操作,而是将其编码到功能文件中。


您正在描述内置的自定义字段metabox!
Bainternet 2011年

1
我想本质上就是这样,但是它只能一次设置一个字段,并且对最终用户不是很友好。
Picard102

Answers:


52

所以你的意思是这样的吗?

在此处输入图片说明

当您点击添加曲目时,它变为:

在此处输入图片说明

如果这是您的意思,那么通过创建一个具有简单jquery功能的metabox来完成操作,以在其中添加和删除字段,并将数据保存为单个元行中数据的数组,请执行以下操作:

  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 Tracks', 'myplugin_textdomain' ),
            'dynamic_inner_custom_box',
            'post');
    }

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

        //get the saved meta as an array
        $songs = get_post_meta($post->ID,'songs',false);

        $c = 0;
        if ( count( $songs ) > 0 ) {
            foreach( $songs as $track ) {
                if ( isset( $track['title'] ) || isset( $track['track'] ) ) {
                    printf( '<p>Song Title <input type="text" name="songs[%1$s][title]" value="%2$s" /> -- Track number : <input type="text" name="songs[%1$s][track]" value="%3$s" /><span class="remove">%4$s</span></p>', $c, $track['title'], $track['track'], __( 'Remove Track' ) );
                    $c = $c +1;
                }
            }
        }

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

                $('#here').append('<p> Song Title <input type="text" name="songs['+count+'][title]" value="" /> -- Track number : <input type="text" name="songs['+count+'][track]" value="" /><span class="remove">Remove Track</span></p>' );
                return false;
            });
// The live() method was deprecated in jQuery version 1.7, and removed in version 1.9. Use the on() method instead. We can use .on
            $(".remove").live('click', function() {
                $(this).parent().remove();
            });
        });
        </script>
    </div><?php

    }

    /* When the post is saved, saves our custom data */
    function dynamic_save_postdata( $post_id ) {
        // verify if this is an auto save routine. 
        // If it is our form has not been submitted, so we dont want to do anything
        if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) 
            return;

        // verify this came from the our screen and with proper authorization,
        // because save_post can be triggered at other times
        if ( !isset( $_POST['dynamicMeta_noncename'] ) )
            return;

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

        // OK, we're authenticated: we need to find and save the data

        $songs = $_POST['songs'];

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

当我使用上面的代码时,似乎仅显示“ array(0){}添加轨道”。
Picard102

是的,只需删除var_dump($songs);
Bainternet 2011年

很酷,可以解决这个问题,但是现在数据似乎没有在更新时保存。或至少它没有在“我的足迹”下或“自定义字段”中将数据显示为字段。如果我放回var_dump,尽管它吐出了“ array(1){[0] => array(1){[1] => array(2){[” title“] => string(4)” test “ [” track“] => string(5)” teste“}}}添加轨道”
Picard102 2011年

4
我不太确定问题出在哪里,它不是确切的代码,它是一个示例,并且在我看来还可以正常工作,请尝试更改if (count($songs) > 0){if(is_array($songs)){
Bainternet 2011年


3

这是通过自定义字段完成的,但您绝不要使用任何允许用户添加创建或删除元框的方法。这些直接写入数据库,因此如果您为用户提供这种控制,则可能为您的站点带来很多问题。为您创建它们可能需要的最大数量的自定义字段,并让它们在不需要的地方留一些空白是非常安全的。

这也是插件领域。功能文件是特定于主题的,而插件是适用于适用于网站内容的功能的,特别是如果您希望无论使用哪种主题都可以使用该内容。

一些建议:

http://wordpress.org/extend/plugins/verve-meta-boxes/

http://wordpress.org/extend/plugins/more-fields/


3
但是您绝不应该使用任何允许用户添加或删除元框的方法, 为什么?
Travis Northcutt

我唯一关心的是,任何插件都可能会在将来停止支持。我觉得我很可能能够找出如何修复功能文件的简单附件,而不是找出如何修复插件。
Picard102

插件本质上是驻留在主题之外的功能。您可以使用一个插件并将代码复制到functions.php中,它将起作用。同样,您可以从functions.php中删除函数,为插件添加必要的标头,并且一旦激活它就可以正常工作。
Elpie 2011年

很高兴知道。我尝试了您建议的两个插件,但是它们都不能让我真正地做我需要的东西,而没有该插件我已经做不到。谢谢你的建议。
Picard102
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.