Todo lo que necesitas saber sobre los carruseles de WordPress

Carusers, toboganes, galerías, personas a menudo se confunden sobre ellos. Y los diseñadores aún no parecen estar de acuerdo con su definición. Así que aquí están las definiciones con las que me siento cómodo:
Un control deslizante es cualquier elemento web que gire. Puede contener imágenes, videos, imágenes y texto, etc. El usuario puede administrar manualmente o establecerse en reproducción automática, como la siguiente. A menudo, las personas usan “presentación de diapositivas” en lugar de “control deslizante”.

Fuente: Lonely Planet
Los carruseles son un tipo de diapositiva que no muestra imágenes grandes a la vez, sino más seguidas. Algunos diseñadores web dicen que los carruseles y las diapositivas son lo mismo. Cuando use WordPress, los verá tratado de manera diferente. Tanto las diapositivas como los cartuchos utilizan indicaciones visuales para mostrar al usuario que puede moverse hacia la izquierda y descubrir nuevas imágenes, etc.

Una galería es una colección de imágenes o videos presentados en Grile.

Fuente: Booking.com
¿Entonces tu cabeza está girando ahora? ¿O está todo claro? Sé que puede parecer desordenado.
Ahora veamos cómo puede crear un carrusel de WordPress. Los carruseles no son una característica construida en WordPress, por lo que necesitaremos otras herramientas para ayudarnos. Ahora, tengo tres de esas herramientas que inmediatamente ejemplificaré. Cómo crear carrusels de WordPress usando complementos de WordPress Si desea usar complementos de WordPress, así es como puede instalarlos:
Cuando elija el complemento, asegúrese de verificar:
Reseñas y popularidad;
Si tiene las características que necesita;
Vaya al sitio web del complemento y consulte las demostraciones;
Comience un intento gratuito, si es posible.
Respuesta móvil.
Ahora, debe saber que la mayoría de las veces estos complementos podrían usar el término deslizamiento en lugar del carrusel. Puede preguntarle al equipo de asistencia si apoyo los carruseles mientras defiendo lo que significa un carrusel para usted, haré una lista de los complementos de carrusel de WordPress más populares allí. Después de eso, le mostraré una demostración usando uno de los complementos. Vamos.
Galería NextGen
Fuente

Aquí tiene las características más populares para el complemento NextGen WordPress.
Elija entre más de 20 hermosos estilos de galería.
Opciones de carga múltiples (imagen, zip, importación de importación).
Gire fotos y miniaturas personalizadas.
Las imágenes retienen.
Una amplia gama de opciones para controlar, estilo, calendario, transiciones, controles, efectos de la caja de luz y más
Precio: a partir de $ 24 / año.
Plan gratuito disponible: Sí.
Modular
Fuente

Veamos algunas de las características más apreciadas del módulo:
Generador de disparo y colocación.
Cree las galerías más rápido a partir de las opciones preestablecidas guardadas. Cambie la configuración del bloque para sus galerías.
Cree la experiencia final de la galería agregando videos de YouTube, Vimeo o autocontrol en sus galerías de imágenes.
Respuesta móvil.
Agrega la funcionalidad de zoom a las imágenes cuando se abre en la caja de la caja de luz.
Funcionalidad de código corto.
Muchas prestaciones disponibles.
Compatible con la mayoría de las páginas más populares.
Precio: comenzando con $ 39 / año.
Plan gratuito disponible: Sí.
Niebla
Fuente

Aquí están las características más populares de Fogallery:
Tire y sujete al constructor.
Plantillas personalizables.
Filtración de nivel múltiple. Respuesta móvil.
Gutenberg listo.
Precio: a partir de $ 19.99 / año. Plan gratuito disponible: Sí.
Galería de fotos de Envira
Fuente aquí son las características más populares de Envira:
Generador de disparo y colocación.

Plantillas previas a la construcción.
Integración de WooCommerce.
Opciones para la presentación de diapositivas y pantalla completa.
Listo para dispositivos móviles.
Compatible con SEO.
Precio: a partir de $ 29 / año. Plan gratuito disponible: Sí.
Control deslizante, galería y carrusel de Metaslider
Fuente
Estas son las características más populares de Metaslider:

Generador de disparo y colocación.
Gutenberg listo.
Configuración de la diapositiva: efecto de transición, velocidad, sincronización y más.
Cree diapositivas HTML totalmente personalizadas utilizando el editor en línea.
Hay más de 50 transiciones CSS3 incorporadas disponibles.
Los carruseles MetaSlider son compatibles con todos los tipos de diapositivas: imagen, fotografía, video (YouTube / Vimeo), capa, HTML, producto y diapositivas posteriores a la alimentación.
Precio: a partir de $ 39 / año. Plan gratuito disponible: Sí. Ahora, la mayoría de las galerías allí tienen la opción deslizante incluida en su plan de pago. Es por eso que elegí Metaslider para mi demostración.
Después de activar el complemento, verá MetaSlider que aparece en el tablero de WordPress a la izquierda. Para crear su primera presentación de diapositivas, tiene dos opciones: reducir las imágenes o crear una presentación de diapositivas vacías.
Iré con la primera opción. Después de cargar, me guiarán a la opción “Agregar una diapositiva”.
Ahora, realmente no entiendo por qué fui a la biblioteca de medios una vez más, porque ya he subido mis fotos.

Después de seleccionar la imagen, vaya al botón correcto y agréguelos a la presentación de diapositivas. Ahora, es hora de obtener una vista previa de la presentación de diapositivas.

Si desea crear una nueva presentación de diapositivas, vaya a nuevo.

Siempre que acceda al menú MetaSlider a la izquierda, verá todas las diapositivas mencionadas anteriormente.

Al seleccionar la presentación de diapositivas, verá todas sus imágenes (Allias Slides). Ahora, puede hacer algunos cambios adicionales en las imágenes en la presentación de diapositivas: corte, programación, optimizaciones de SEO, subtítulos, unir una URL.


A la derecha, verá un panel con algunas configuraciones adicionales.
Puede elegir el ancho y la altura de la diapositiva, pero puede configurar los efectos. También hay algunos temas personalizados entre los que puede elegir.

En la configuración avanzada, puede verificar una opción si desea que su presentación se comporte como un carrusel.

Aquí puedes jugar con efectos flotantes, reproducción automática, clases de CSS, alineación y más. A la derecha, hay una sección llamada “Cómo usar”.

Aquí encontrará una pequeña pieza de código (también conocida como un código corto) que puede copiar y colocar en cualquier publicación o página. Esta es la forma en que puedes ir a vivir con tu carrusel de WordPress. ¡Es tan fácil! Cómo crear carruseles de WordPress usando los bloques de Gutenberg ahora, para suponer que usa el editor de WordPress predeterminado (alias Gutenberg). Parece a continuación. Para cada elemento que desea insertar en su página, necesitará un bloque: título, párrafo, imagen, tabla, cita, etc. Puede hacer esto desde el letrero “+” desde la esquina superior izquierda.

Ahora no hay carrusel ni bloques deslizantes disponibles. En este momento, el único bloque predeterminado es para las galerías. Pero puede agregar tales bloques con la ayuda de … complementos de WordPress. Ya he mencionado en el capítulo anterior que algunos de los complementos están listos para Gutenberg. Esto significa que puede encontrar sus bloques disponibles en el editor. Aquí está el bloque MetaSlider, por ejemplo: al seleccionar el bloque MetaSlider, se verá dentro de la página o la publicación.
En el capítulo anterior, hice una pequeña demostración sobre cómo usar Metaslider para crear su primer carrusel de WordPress. Después de haberlo creado, puede seleccionarlo desde el bloque. Los llamé “Primera presentación de diapositivas” y “Segunda presentación de diapositivas”. No es demasiado creativo, lo sé. ¡Y eso es!

Todo el proceso es bastante simple. Ahora, permíteme mostrarle un uso especial de los carruseles de WordPress: crear diapositivas de carrusel a partir de publicaciones, páginas o tipos de publicaciones personalizadas de su sitio web. Puede usarlo para mostrar los carruseles del producto para su tienda WooCommerce. Esta es una práctica regular utilizada en los blogs cuando desea sugerir contenido nuevo a sus visitantes y hay un excelente complemento de WordPress que puede ayudarlo con esto y bloquear todo, por así decirlo. Presentamos los bloques GetWid: el bloque Post Carousel Gutenberg.


Así es como puede verse un carrusel.

Cómo crear carruseles de WordPress utilizando páginas de constructores de WordPress Para el propósito de este ejercicio, utilizamos el tema multifuncional multifuncional Pro WordPress y el generador de página Colibri. ¿Por qué uso un constructor de sitios de WordPress? Porque me ofrece funciones de arrastrar y soltar, y la experiencia de diseño es realmente perfecta. El constructor Colibri ha construido componentes en el carrusel. Ahora, cuando instale el tema Colibri, se le pedirá un mensaje de actualización, para que pueda experimentar completamente el tema. Durante la actualización, instalará el generador de página Colibri. Cuando vayas a una página para editar, cuando lo repasas, verás la opción “Editar en Colibri”. Toda la magia sucederá aquí. Cuando esté en la página, vaya a la esquina superior izquierda y haga clic en el signo “+”.

Ahora, vaya a “Componentes” y seleccione la opción “Carrusel”.
Simplemente tire de la ubicación deseada en la página. En mi caso, así es como se mostrará:

Al seleccionar el carrusel, verá una serie de opciones de edición a la izquierda. Se dividen en contenido, estilo y avanzado.