Wordpress 3.5 Media Manager - fügen Sie eine Schaltfläche hinzu

Schreiben Sie ein kleines Plug-in. Verwenden Sie die folgende Beispielquelle, um ein Element in die Liste der linken Seitenleiste im Medienmanager im Überlagerungs-Popup einzufügen.

Ergebnis der Quelle unten: 

add_action( 'admin_footer-post-new.php', 'wpse_78881_script' );
add_action( 'admin_footer-post.php', 'wpse_78881_script' );
function wpse_78881_script() {
    ?>
    <script type="text/javascript">
        jQuery(window).on('load', function() {
            var media   = window.wp.media,  
            Attachment  = media.model.Attachment,
            Attachments = media.model.Attachments,
            Query       = media.model.Query,
            l10n        = media.view.l10n = typeof _wpMediaViewsL10n === 'undefined' ? {} : _wpMediaViewsL10n,
            My_new_item = undefined,
            Item_string = 'New Item!';

            jQuery(document).on( 'click', '.insert-media', function( event ) {
                var workflow = wp.media.editor.get();
                var options  = workflow.options;

                if ( undefined == My_new_item ) {
                    // see for wp.media.view.RouterItem also: wp-includes/js/media-views.js
                    My_new_item = new wp.media.view.RouterItem( _.extend( options, { text: Item_string } ) );
                    workflow.menu.view.views.set( '.media-menu', My_new_item, _.extend( options, { add: true } ) );
                }

            });
        });
    </script>
    <?php
}

• Init Lösungsform diese WPSE Antwort .

• Link zum Entwurf des Plugins Beispiel zum Hinzufügen eines Javascript-Menüs zum Popup der WP3.5 Media Library

Thomas Griffin hat ein Plugin-Beispiel erstellt, New Media Image Uploader , wie man mit dem neuen Medienmanager arbeitet.

Dieses Plugin bietet ein solides Beispiel für die Integration des neuen Media Manager-Workflows in Ihre Plugins/Themes. Es zeigt Ihnen, wie Sie eine Bilddatei in ein Textfeld hochladen/einfügen.

Ich habe keine vollständige Antwort auf Ihre Frage, aber hier ist ein guter Anfang. Um den neuen Media Manager anzupassen, sollten Sie den Javascript-Backbone-Code in wp-includes/js/media-views.js studieren. Zum Beispiel ist hier ein kleines Plugin, das der Symbolleiste "Aus URL einfügen" die Schaltfläche "Alle auswählen" hinzufügt:

custom.php:

add_action('admin_enqueue_scripts', 'custom_add_script');
function custom_add_script(){
    wp_enqueue_script('custom', plugins_url('custom.js', __FILE__), array('media-views'), false, true);
}

custom.js:

var originalToolbar = wp.media.view.Toolbar.Embed;
wp.media.view.Toolbar.Embed = originalToolbar.extend({
    // code modified from media-views.js, l 2500
    initialize: function() {

        this.options.items = _.defaults( this.options.items || {}, {
            // keep the original button
            select: {
                style:    'primary',
                text:     wp.media.view.l10n.insertIntoPost,
                priority: 80,
                click:    this.clickSelect,
                requires: false
            },
            // and add a new one
            selectAll: {
                text: 'Select All',
                style: 'primary',
                priority: 80,
                requires: false,
                click: this.selectAll
            }
        });

        wp.media.view.Toolbar.Select.prototype.initialize.apply( this, arguments );
    },

    selectAll: function(){
        console.log('select All');
    }
});

Für die Schaltfläche "Benutzerdefiniertes Einfügen in Post" empfehle ich stattdessen den Galerie-Shortcode. Die Benutzeroberfläche ist bereits vorhanden, um die gewünschten Bilder auszuwählen und den Shortcode an der richtigen Stelle in Tinymce einzufügen. Sie müssen lediglich Ihr eigenes Galerie-Shortcode-Format schreiben.

Sehen Sie sich die Funktion gallery_shortcode in wp-includes/media.php an und verwenden Sie den Filter post_gallery.

Ich bin gerade auf einen Fall in WP 3.6 gestoßen, in dem die (sehr nützliche) Antwort von aesqe dazu führt, dass Bilder aufgrund der state.get("selection")._byId des Backbones zweimal eingefügt werden, einschließlich id und cid für jedes ausgewählte Bild.

Das Ändern von state.get("selection")._byId in state.get("selection").models hat dies für mich behoben, während die Attribute jedes Objekts beibehalten wurden.

Hoffentlich erspart dies jemandem etwas Frust. Ich hätte dies als Kommentar anstatt als Antwort gepostet, aber leider habe ich keinen Ruf.