Mejorar subida de imágenes en formulario de usuario

MarceFX · 2012-08-17T03:51:25-0500

Hola compañeros,

Estoy creando un frontend para que los usuarios puedan subir posts al blog sin tener que acceder a la parte del admin. Estoy usando Gravity form, que va de maravilla, pero me gustaría mejorar la parte de la subida de imágenes. Ahora mismo, el formulario se muestra así (falta dar estilo):

Enlace eliminado

El problema es que al adjuntar imágenes no hay nada que indique si se han subido correctamente. Hasta que el usuario no le da a "Enviar formulario", no se comienza con la subida, con lo que creo que los visitantes pueden pensar a veces que la página se ha quedado pillada si la imagen es grande y tarda mucho en subir.

Me gustaría tener algo como lo que ofrece el plugin WP User Frontend. Permite subir la imagen y se va viendo el progreso, sin tener que enviar el formulario:

]IMG]https://img.skitch.com/20120817-nb2kg97cy4yedrh5rff867e9d3.jpg[/IMG]

Y cuando termina de subir la imagen queda así:

Enlace eliminado

Luego el usuario termina de completar el formulario y se envía. El problema es que no sé como "mezclar" estos dos plugins. Necesito usar Gravity Forms, pero con la funcionalidad de WP Users Frontend para imágenes.

Este es el código que usa para hacer lo de la imagen:

<?php if ( current_theme_supports( 'post-thumbnails' ) ) { ?>
<li>
<label for="post-thumbnail"><?php echo wpuf_get_option( 'ft_image_label' ); ?></label>
<div id="wpuf-ft-upload-container">
<div id="wpuf-ft-upload-filelist"></div>
<a id="wpuf-ft-upload-pickfiles" class="button" href="#"><?php echo wpuf_get_option( 'ft_image_btn_label' ); ?></a>
</div>
<div class="clear"></div>
</li>

Todo lo que lleva etiqueta "wpuf" se refiere al plugin, con lo que ando perdido. ¿Alguna idea?

Gracias

jonay · 2012-08-17T04:04:15-0500

Mejor crea el formulario tu, porque si te pones a modificar un plugin luego no lo vas a poder actualizar...

insertarlo como post: Function Reference/wp insert post « WordPress Codex

y si quieres enviarlo por email supongo que ya sabes que es con la function mail de php

para lo del upload, puedes usar el mismo que viene en wordpress, aquí lo explican:

Enlace eliminado

aunque lo explican para el wp-admin si lo quieres usar en una página de wordpress sin recurrir al admin tendrás que cambiar esta parte:

Insertar CODE, HTML o PHP:

if (isset($_GET['page']) && $_GET['page'] == 'my_plugin_page') {
add_action('admin_print_scripts', 'my_admin_scripts');
add_action('admin_print_styles', 'my_admin_styles');
}

por

Insertar CODE, HTML o PHP:

if (is_page('ID DE LA PAGINA')) {
add_action('wp_print_scripts', 'my_admin_scripts');
add_action('wp_print_scripts', 'my_admin_styles');
}

ziney · 2012-08-17T04:08:59-0500

Esta es para meter una imagen en el post.
Enlace eliminado

MarceFX · 2012-08-17T04:10:30-0500

El problema está en que es un nuevo blog que está ya casi montado con Gravity Forms. No podemos rehacer ahora todo sin el plugin porque lo hemos adaptado a todo el sitio. Voy a echarle un vistazo a lo que comentáis a ver si saco algo en claro.

¡Gracias!

Mejorar subida de imágenes en formulario de usuario

MarceFX

jonay

ziney

MarceFX

Temas similares