Código botón para insertar imágenes en wordpress

[eloyucu]

Hola, buenos días.

Estoy intentando hacer un plugin para wordpress que le metas images y algunas opciones y mediante shortcode incruste un slide en un post, pero estoy un poco atascado. El problema que tengo es que no sé como hacer emerger la ventana para poder añadir imágenes a un slide concreto (o sea, a un slide ya creado con este plugin)... He intentado poner esto:

Código PHP:

echo '<p style="text-align: center;">
<i>' . __('Insert', 'slideshow-plugin') . ':</i>
<br/>
<a href="#" id="insert-media-button" class="button insert-media add_media" data-editor="content" title="Añadir objeto">
<span class="wp-media-buttons-icon"></span>
Añadir objeto</a>
</p>'
 

Que es el html que aparece en la creación de post... o sea, es el botón que se utiliza para introducir una imagen en un post. Esto medio funciona, o sea, hace aparecer la ventana emergente, pero además de que aparecen cosas que no quiero, no sé como "recuperar" la imagen seleccionada al hacer clic en "Insertar en la entrada" (que es el botón para confirmar la inserción de una imagen en el post)...

¿Alguna idea? Gracias.

[chichote]

es mucho más que poner un boton con los mismos class, debes indicarle al cargador de medios de wordpress que formato es el archivo que subes, a que campo asignarle dicho valor, guardar los cambios del custom field que utilices. revisa esto.
http://code.tutsplus.com/articles/at...rt-1--wp-22291

saludos.

[eloyucu]

Gracias.
Le he echado un vistazo y no parece muy difícil.
Ahora mismo, como no conseguía solucionar eso, estoy haciendo algunas otras cosas del plugin que también tengo que hacer... nada más pueda me pongo con ello y os comento.


Edito: Aunque parece que es un input para subir elementos desde el pc... y estoy buscando para que aparezca la típica ventana emergente de wordpress para seleccionar una imagen... bueno, cuando me ponga lo veré con más detenimiento y haciendo pruebas.

[ArturoGallegos]

Que versión de WP usas... en la nueva versión 3.9.1 yo uso este método

Código Javascript:

$('.field_img .add').click(function(){
        var input_img = $(this).parent().children('input');
        var img_thumbnail = null;
        if($(this).parent().children('img').length > 0){
            img_thumbnail = $(this).parent().children('img');
        }else{
            $(this).parent().append('<img src="" />')
            img_thumbnail = $(this).parent().children('img');
        }
        var frame = wp.media({
            title : 'Seleccionar imagen',
            multiple : false,
            library : { type : 'image'},
            button : { text : 'Insert' }
        });
        frame.on('select',function() {
            attachment = frame.state().get('selection').first().toJSON();
            input_img.val(attachment['id']);
            img_thumbnail.attr('src',attachment['url']);
        });
        frame.open();
    });
    $('.field_img .remove').click(function(){
       $(this).parent().children('input').val('');
       $(this).parent().children('img').remove();
    });
 

Código PHP:

<p class="field_img">
    <input type="hidden" name="template_gral[logo]" value="<?php echo $template_gral['logo'];?>" />
    <span class="add"><i class="fa fa-picture-o"></i> <?php _e('Change logo', 'template')?></span>
    <span class="remove"><i class="fa fa-times"></i> <?php _e('Remove', 'template')?></span>
    <?php if(!empty($template_gral['logo'])){
    echo wp_get_attachment_image($template_gral['logo'], 'thumbnail', true);
}?>
</p>
 

Si observas yo uso la ventana de medios para subir la imagen y una vez cargada obtengo la ID.... el porque es muy simple, si obtengo la url cuando intente usarla en el frontend siempre sera de un tamaño fijo pero si obtengo la ID puedo usar cualquier tamaño que yo quiera de los que se generaron cuando subí la imagen.