Media Upload de WordPress en Frontend

Utilizar el Media Upload de WordPress fuera de su ambiente común es simple y puede ser muy útil si queremos por ejemplo, agregar un editor en el frontEnd, para que los usuarios agreguen artículos con todas las opciones de media que nos da WordPress.

Código de php:


add_action( "wp_enqueue_scripts", "enqueue_media_uploader")
function enqueue_media_uploader() {
  //esta función pone en cola todos scripts que se necesitan para que funcione el media uploader.
  wp_enqueue_media();
  wp_register_script( 'my-script', plugins_url( 'my-scripts.js', __FILE__ ), array( 'jquery' ), '', true );
  wp_enqueue_script( 'my-script' );
}

en el archivo ‘my-scripts.js’


jQuery( document ).ready(function($){
  $('.boton_add_media').on('click', function(e){
    e.preventDefault();
    wp.media.editor.send.attachment;
    wp.media.editor.open();
    return false;
  });
});

Cabe aclarar que el editor debe haber sido creado con la función wp_editor() para que pueda encontrarlo.

Leave a Reply