Cómo mostrar las referencias de las formulaciones en un carrusel de imagen

¿Le gustaría cargar y mostrar las imágenes enviadas por el usuario? ¡Descubra cómo crear un formulario para cargar el envío y mostrarlos en un carrusel de imágenes de WordPress usando un código de galería corto!

Innumerables sitios web de WordPress se basan en imágenes y videos enviados por los usuarios. Sin embargo, la colección, el formato y la visualización manual de estos elementos gráficos pueden llevar mucho tiempo. Hay un formulario de envío de imagen puede ser un salvador. Al dar a las personas la libertad de subir sus propias fotos, puede crear una experiencia más cautivadora para los visitantes, sin aumentar su volumen de trabajo.
Formidable Forms es el mejor complemento de constructor de formulario de WordPress. ¡Tómelo gratis!
En esta publicación, le mostraremos cómo crear un formulario de carga de archivo seguro y fácil de usar. Luego demostraremos cómo puede mostrar todos estos elementos gráficos en un espacio más pequeño construyendo un carrusel de la galería en WordPress. ¡Vamos a empezar! Por qué mostrar las referencias de los formularios en una imagen Carusel Una imagen vale más que mil palabras. Por lo tanto, no es sorprendente que dar a los visitantes la opción de cargar imágenes sea esencial para muchos tipos de sitios web. Por ejemplo, si ejecuta un sitio de revisión, los visitantes querrán ver las fotos enviadas por los usuarios que muestran el producto, servicios o ubicaciones en cuestión:

Incluso si un sitio no se basa en las imágenes enviadas por los usuarios, hay muchos escenarios en los que este contenido puede mejorar la experiencia general. Por ejemplo, si ejecuta un foro, puede dar a los visitantes la opción de cargar fotos de perfil. Es posible aceptar este contenido manual por correo electrónico. Sin embargo, esto significa que usted es responsable del formato y la carga de la imagen. También puede conducir a un retraso entre enviar un archivo por parte del visitante y esos gráficos. En vista de esto, es posible que desee crear un formulario de envío de imagen. Luego puede mostrar automáticamente la imagen en cualquier lugar de su sitio web, como en un perfil de usuario. Alternativamente, es posible que desee brindar a los visitantes la opción de enviar archivos que se mostrarán en un carrusel de imagen o un control deslizante de WordPress: esta puede ser una excelente manera de presentar muchos elementos gráficos en un espacio más pequeño. Por esta razón, muchas compañías usan imágenes para publicar productos de reseñas de productos en sus sitios de WordPress. También los uso para mostrar publicaciones y reseñas de redes sociales en sitios de consumidores, como TripAdvisor. Muchos sitios web incluso tienen un carrusel de producto WooCommerce con imágenes que funcionan perfectamente con cualquier tema de WordPress. Además, la capacidad de condensar muchas imágenes en un solo WordPress Images Carousel guarda espacio en dispositivos móviles.

Dado esto, un carrusel de imágenes que muestra las referencias cargadas puede ser una excelente manera de atraer a los usuarios. Cómo mostrar las referencias de formulación en un carrusel de imagen Un formulario automático de envío de imágenes más un carrusel puede ahorrarle tiempo y mejorar la experiencia de sus visitantes. Aquí le mostramos cómo crear uno de cada cuatro pasos simples usando el complemento para crear formularios formidables y un complemento de códigos cortos. Combinados, estas dos descargas le dan el equivalente del complemento perfecto de WordPress Carousel, ¡además de mucho más! Paso 1: Instale el complemento Visual Views and Shortcodes Ultimate para crear un carrusel de imagen, necesitará los formularios Formidables Pro. También necesitará el complemento de vistas formidables. Este suplemento ofrece un generador de aplicaciones de WordPress mediante el deslizamiento y la colocación que puede usar para mostrar los datos de formulario en la parte delantera de su sitio de WordPress. Se utilizará para mostrar una amplia gama de contenido enviado. Las vistas también pueden ayudarlo a crear de todo, desde bienes raíces hasta anuncios clasificados, directorios comerciales, miembros e incluso paneles de trabajo. Si aún no ha instalado el complemento de Vistas Formidables, explore formidable → complementos en el tablero de WordPress. Luego puede encontrar el complemento de Visual Views. Seleccione la instalación, seguido de activación. Finalmente, también utilizará un accesorio único para la galería incluida en el complemento de código corto gratuito. Por lo tanto, deberá instalar esa herramienta.
Para hacer esto, vaya a complementos → Agregar nuevo. Luego busque e instale el complemento. ¡Recuerda activarlo! Paso 2: Cree un formulario de envío de imagen adicional, deberá crear un nuevo formulario en el que los visitantes puedan cargar sus imágenes. En el tablero de WordPress, navegue a formularios formidables →. Luego haga clic en el nuevo Agregar: Formidable Forms tiene una gama de plantillas construidas. Usaremos la manta de opción:
Ahora puede darle a este formulario un nombre simple y puede ingresar una descripción opcional. Después de hacer clic en la creación, se le dirigirá al editor de formulación.
Aquí, puede agregar una amplia gama de campos a su formulario, por ejemplo, es posible que desee recopilar la dirección de correo electrónico o el número de teléfono del visitante. Sin embargo, para crear un formulario de envío de imagen, deberá usar el campo de carga de archivo:

Después de agregar este campo, haga clic en el panel derecho. Esto abrirá la configuración, donde puede configurar este campo de carga de archivo. Vale la pena explorar todas estas opciones en detalle, para ver qué diferentes efectos puede crear. Sin embargo, debido a que creamos un carrusel de imagen, es esencial que los visitantes puedan cargar múltiples archivos simultáneamente.

En el menú izquierdo, marque la casilla al lado de permitir que se carguen más archivos:
Tenga en cuenta que, por defecto, cualquiera puede cargar archivos a través de este formulario. Esto puede hacer que los sitios sean más vulnerables al ataque. Por esta razón, es posible que desee establecer algunas reglas sobre quién puede cargar o acceder al contenido. Para restringir el acceso a este formulario, haga clic en la pestaña Configuración. En el menú de la izquierda, seleccione los permisos de formularios: ahora puede usar estas configuraciones para asegurar su formulario. Por ejemplo, puede hacer que el formulario sea visible solo para usuarios conectados. Cuando esté satisfecho con su configuración, haga clic en el botón Actualizar.

Paso 3: Cree una vista El siguiente paso es crear la vista en la que mostrará las imágenes cargadas. Para comenzar, haga clic en la pestaña Vistas. Luego seleccione la nueva incorporación:

Cuando se le solicite, haga clic en la cuadrícula. Luego, proporcione un nombre descriptivo a esta vista y haga clic en Crear una vista. En el siguiente editor, Select comienza a agregar contenido:

Ahora puede seleccionar el bloque donde desea crear su carrusel de imagen. Esto inicia un editor donde puede agregar el código requerido. Puede crear un carrusel de imagen básico usando el siguiente fragmento:

[Su_image_Carousel Source = “Media: [12 show = id SEP = ‘,’]” Limit = “20” Slides_ Controls_CCR = “16: 9” Columns = “1” Adaptive = “Yes” Spacing = “YES” Align = “Ninguno” max_width = “none” subtítulos = “no” flechas = “sí” puntos = “sí” link = “lightbox” target = “en blanco” autoplay = “5” speed = “mediano” image_size = “mediano” class = “”] En particular, la siguiente sección conecta esta visualización a su campo de carga de archivo: Media: [12 show = id sep = ‘,’] En el fragmento anterior, el archivo de la carga del archivo es 12. Puede encontrar la identificación exacta que necesita usar en su propio código directo a la derecha del editor: para obtener más información sobre cómo configurar el carrusel de la imagen utilizando el código de la galería corta, consulte la página Ultimate de códigos cortos. Después de estar satisfecho con su código, haga clic en Actualizar la vista → Actualización. Paso 4: Publique el formulario de envío de imagen y la vista Ahora es el momento de agregar el carrusel de la imagen y el formulario en una página. Navegue a la página web donde desea mostrar la vista. Luego puede agregar un nuevo bloque y buscar “formidable”:
Seleccione la vista que acaba de crear en el menú desplegable. A continuación, deberá publicar el formulario de envío de imágenes, para que los visitantes tengan una forma de cargar archivos. Navegue a la página o publique en la que desee agregar este formulario. Luego agregue un nuevo bloque de forma:

Ahora, cada vez que alguien visita esta página, podrá cargar archivos de imagen. Este contenido se mostrará como un carrusel de imágenes de WordPress: enviando el formulario y concluir el carrusel de la imagen si ejecuta un sitio de membresía, un directorio de negocios, un panel de trabajo o cualquier otra cosa, hay muchas razones para aceptar las imágenes enviadas por usuarios. Y hay muchas razones para mostrar estos gráficos en un carrusel de imagen de WordPress. Pero no se detenga aquí, use el carrusel para mostrar imágenes, publicaciones de WordPress, revisiones y más en un espacio más pequeño. Recapitulemos rápidamente cómo crear un formulario de carga automática de archivos y un carrusel de imagen:

Instale las vistas visuales formidables y los códigos cortos Ultimate Plugin.
Crear un formulario de envío de imagen.

Crear una vista.

Publique el formulario de envío de imagen y la vista.

Puede usar vistas para mostrar una amplia gama de usuarios generados. ¡Descargue formularios formidables y vea lo que puede crear hoy! ¡Cree un formulario de envío y un carrusel de más imagen sobre las cargas de archivo!

Cómo solicitar el correo electrónico para descargar archivos en WordPress Leer más
Cómo crear un formulario de carga de imagen de WordPress (una guía de 3 pasos) Leer más
4 formas de proteger los archivos medianos de WordPress Leer más