Cómo crear un cuadro de luz en WordPress

Si tiene fotos, videos, infografías o incluso un gráfico de alta calidad, ¡muesténtelas en todo su gloria con una caja de luz en su sitio! Cuando alguien hace clic en una imagen, el cuadro Lightbox ofrece una versión de alta calidad, al tamaño normal, con cualquier elemento de la página que no sean los medios de comunicación. ¿El resultado? Sus visitantes se benefician de una experiencia de visualización muy mejorada, con una distracción mínima y sin mover los ojos a pequeñas imágenes (una bonificación real para la navegación móvil). Las cajas de luz definitivamente son el camino a seguir para capturar instantáneamente la atención del visitante y, con este breve tutorial, podrá crear una caja de luz para su sitio de WordPress en solo unos minutos.
¿Qué es una caja de luz? Una caja de luz es una superposición o ventana emergente que aparece en publicaciones y páginas para mostrar una imagen más pequeña al tamaño completo. Al hacer clic, el promedio aparece en la pantalla, y el fondo (cualquier elemento que no sea medios) no está claro u oscuro. Con todas las distracciones visuales eliminadas, la ventana emergente de la caja de luz se destaca, cambiando el enfoque principal en la imagen o en su forma más común de usar una caja de caja de luz es mostrar imágenes de alta calidad en su tamaño completo. Son elegantes y fáciles de implementar y le dan a su sitio un aspecto agradable y profesional. Además, mantengo a sus visitantes en la página actual porque ahora no hay necesidad de irse.

Cuando se usa una caja de luz Lightbox, son principalmente para presentar imágenes, pero son útiles por muchas otras razones. Son una excelente manera para que los sitios comerciales electrónicos presenten productos y aumenten las ventas. O para proporcionar una vista previa de varias páginas de un libro electrónico o para agregar un formulario de inscripción para recopilar correos electrónicos y registros a boletines informativos. Si desea ser creativo, también puede usar una galería Lightbox para enviar a proyectos externos y contenido de video. Sí, incluso es posible agregar contenido limpio y original en su sitio usando una caja de caja de luz. Coloque las cajas de luz en su sitio web de WordPress, así como la mayoría de las cosas de WordPress, la forma más rápida de obtener esto el programa en el camino es con un enchufar. Para configurar un cuadro de luz, hay muchos complementos para cuadros de luz de WordPress dedicados. Para mantenerse simple, utilizaremos la caja de luz y la galería de Lightbox y Factory de complementos simples (y gratuitas) de DFactory para esta demostración. Recomendamos Lightbox & Gallery Responsive porque es la mejor calificación de complementos de WordPress de Lightbox gratuitos disponibles en este momento. Viene con varios modelos de cajas brillantes y está diseñado para que coincida con cualquier pantalla móvil, por lo que no tendrá que preocuparse de que las personas vea su contenido en diferentes dispositivos.
Cree su caja de luz para iniciar, instalar y activar el complemento. Ahora haga clic en Iniciar el recorrido si está interesado en una presentación corta (pero impresionante de detalles).
Ahora es el momento de agregar algunas fotos a su galería. Para evitar la confusión, deje que la pestaña Lightbox Settbox abra y abra la pestaña Galería como se muestra en la captura de pantalla a continuación: en los siguientes pasos, explicaremos cómo hacer un cuadro de luz básico.

Comience dándole a su galería un nombre significativo. Usamos “cachorros” porque usamos fotos de calcomanías para este ejemplo.

Mire los cuadros de texto a continuación y notará cuatro opciones para extraer sus imágenes. Para esta demostración, utilizamos la “Biblioteca de medios”, que funciona igual que la Galería Nativa de WordPress. Puede seleccionar varias imágenes simultáneamente desde la biblioteca de medios de su sitio web o puede cargar otras nuevas.
Una vez que haya decidido dónde dibujar imágenes, haga clic en Seleccionar imágenes para cargar imágenes nuevas o agregar imágenes existentes desde su Media WordPress.
Consejo: También existe la opción de agregar imágenes gratuitas de Pixabay, si no tiene su propio continuo con el tema de los animales, aquí hay un ejemplo de búsqueda de imágenes de calidad gratuitas, con “vacas” para agregar a su galería
Seleccione “Use estas imágenes” después de que esté satisfecho con su selección.

Sus imágenes ahora están disponibles en la sección de imágenes de la galería. Si no está satisfecho con el pedido, tire y colóquelos en las posiciones deseadas.


Para editar o eliminar imágenes, coloque el cursor sobre ellas para revelar más opciones nuevas. Si desea agregar un título, leyenda, texto alternativo o descripción a una imagen, haga clic en la opción de edición de imágenes. Para eliminar las imágenes, haga clic en la opción respectiva en la esquina superior derecha de la imagen.
En este momento, creaste una caja de luz. Es realmente tan simple. Puede guardar los cambios y moverse a la siguiente sección para agregar su cuadro de luz a sus publicaciones o páginas alternativas, puede crear otros únicos debido al espacio de personalización del complemento.

Personalice su caja de luz para agregar elementos de diseño y personalización, explore las pestañas disponibles para aprovechar al máximo el complemento. Recomendaría consultar la documentación oficial para obtener más detalles sobre exactamente lo que es posible con cada pestaña. Aquí hay una presentación rápida:
Pestaña Configuración: elija qué estilo de galería desea. Tiene cuatro opciones: global (cuadrícula base), cuadrícula base, diapositiva básica o mampostería básica. Pestaña de diseño: sea creativo con los efectos de diseño y los colores de su galería. La pestaña Paging: con esta pestaña, puede definir el tipo de paginación, el número de imágenes que se muestran en la página y su posición. Pestaña Lightbox: aquí agregue una leyenda y un título, así como ajuste el tamaño de la imagen. Varias pestañas: configure algunas configuraciones adicionales y agregue clases personalizadas y una descripción de la galería. Finalmente, puede asignar una imagen recomendada. Para hacer esto, vuelva a la primera pestaña (imágenes).
Ingrese su caja de luz después de haber diseñado su galería, es hora de agregarla a sus publicaciones o páginas como Lightbox. La forma más simple es pegar el código corto en la pantalla de edición de la siguiente manera:
Del administrador de WordPress, haga clic en la galería> todas las galerías

Copie el código corto en la columna de código corto
Abra la página o publicaciones que presentarán el cuadro de luz e insertarán el código corto en el bloque del editor de texto directo, como en el ejemplo a continuación. Establezca los cambios y marque el nuevo cuadro de luz. Así es como salió la nuestra:
Intente hacer clic en una imagen para ver cómo se ve en tamaño completo, sin otras distracciones visibles en la página. Observe las opciones de navegación para salir de la pantalla emergente o ejecutar en la siguiente imagen de la galería de tamaño completo.

¡No olvides divertirte! Con una caja brillante, puede dar a los visitantes una experiencia mucho mejor mientras ve su contenido. Ahora, sus imágenes reciben la atención que se merecen, sin que nadie tenga que mover los ojos o sentirse decepcionado de tener que aumentar las versiones de Pixel en sus dispositivos móviles.

Siguiendo este tutorial fácil, tiene la capacidad de crear un cuadro de luz básico en WordPress y ensamblar algo más avanzado con un complemento. ¡Ahora es el momento de divertirse un poco con él! Lightbox & Gallery de complementos ofrece muchas posibilidades para personalizar su caja de luz y hacer que sea algo realmente único para su sitio de WordPress. ¿Tienes consejos y trucos sobre cómo hacer grandes cajas brillantes? ¿Quizás tienes un complemento favorito para Lightbox? ¡Cuéntanos en los comentarios a continuación!