必要に応じてさらにメタボックスを作成する


46

ユーザーが必要に応じて追加のメタボックスフィールドを作成および削除できるようにしたいと思います。

たとえば、エピソードごとに可変量の曲を再生する音楽ポッドキャストを考えてみましょう。ユーザーは、必要に応じて各曲を入力するフィールドを追加するボタンをクリックできる必要があります。

理想的には、これはプラグインを使用せずに実行されますが、関数ファイルにコード化されます。


組み込みのカスタムフィールドメタボックスについて説明しています!
-Bainternet

1
基本的にはそれがどのように機能するかと思いますが、一度に1つのフィールドを実行するように設定されているだけであり、エンドユーザーにはあまり適していません。
Picard102

回答:


52

だからあなたはこのようなことを意味しますか?

ここに画像の説明を入力してください

[トラックの追加]をクリックすると、次のようになります。

ここに画像の説明を入力してください

単純なjquery関数を持つフィールドを追加および削除するメタボックスを作成することで目的が達成され、データが単一のメタ行にデータの配列として保存される場合、次のようになります。

  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){} Add Tracks」のみが表示されるようです。
Picard102

うんちょうど削除var_dump($songs);
Bainternet

クール、それはそれを修正しましたが、データは更新時に保存されていないようです。または、少なくとも、My Trackの下のフィールドとして、またはCustom Fieldsのデータを表示していません。var_dumpを戻すと、「array(1){[0] => array(1){[1] => array(2){["title"] => string(4) "test "[" track "] => string(5)" teste "}}}トラックを追加"
-Picard102

4
問題は、そのない正確なコード、その一例であり、私の終わりにその作業罰金は、変更しようとしないで、本当にわからいただきました!if (count($songs) > 0){if(is_array($songs)){
Bainternet


3

これは、カスタムフィールドを介して行われますが、あなたは、ユーザーがすることができます何も使用しないでください追加のメタボックスを作成または削除します。これらはデータベースに直接書き込むので、ユーザーにこの種の制御を与えた場合、サイトに多くの問題を引き起こす可能性があります。必要なカスタムフィールドの最大数を作成し、不要な部分を空白のままにしておく方がはるかに安全です。

これもプラグインの領域です。関数ファイルはテーマ固有ですが、プラグインはサイトコンテンツに適用される関数用です。特に、使用するテーマに関係なくコンテンツを利用できるようにする場合はそうです。

いくつかの提案:

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

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


3
しかし、ユーザーがメタボックスを追加または削除できるようなものは使用しないでください 。なぜですか。
トラビスノースカット

私の唯一の懸念は、どのプラグインでも、将来サポートされなくなる可能性があることです。プラグインを修正する方法を見つけるよりも、関数ファイルへの単純な追加を修正する方法を見つけることができる可能性が高いと思います。
Picard102

プラグインは、本質的にテーマの外部に存在する機能です。プラグインを取得して、コードをfunctions.phpにコピーすれば機能します。同様に、functions.phpから関数を取り出し、プラグインに必要なヘッダーを追加することができます。プラグインをアクティブにするとすぐに機能します。
エルピー

知っておくといい。あなたが提案した2つのプラグインを試しましたが、どちらもプラグインなしではまだできなかった必要なことを本当に私にさせてくれませんでした。提案をありがとう。
Picard102
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.