Agregar el cuadro de luz en el sitio web de WordPress: Guía definitiva para principiantes

Lightbox es una de las muchas características interesantes y populares para un sitio web basado en imágenes. Pero no todos saben cómo agregar Lightbox a un sitio de WordPress, especialmente un principiante. Por lo tanto, presentamos esta guía para principiantes para ayudarlos a agregar Lightbox a los sitios de WordPress.
Se esconde el contenido
1. ¿Qué es Lightbox y cómo agregar?
2. Mostrar caja de luz si su tema lo acepta
3. Agregar la caja de luz usando un complemento
3.1. Paso 1: Instale y active el complemento de Lightbox simple
3.2. Paso 2: Configurar el complemento Simple Lightbox
3.3. Paso 3: Conecte las imágenes/galería al archivo multimedia para mostrar el cuadro brillante
4. Las últimas palabras
¿Qué es Lightbox y cómo agregar? Lightbox es una galería de imágenes modal que muestra su imagen y video creando una ventana emergente de pantalla completa y desvaneciendo el resto de la página. P.ej:

Este efecto hermoso y de fantasía es extremadamente útil para una cartera, fotografía o cualquier sitio web basado en imágenes. Le permite ver la imagen con claridad y hacer que su sitio sea más notable. Normalmente hay 3 formas de tener LightBox para un sitio web de WordPress:
Agregar un código corto
Instalación de un complemento
Usar un tema que acepta LightBox.
Para los principiantes, le sugerimos que use un complemento o encuentre un tema con esta función preparada, porque la adición de breves es solo para usuarios avanzados. Muestre el cuadro brillante si su tema lo acepta, no hay nada que decir si su tema ya está mostrando el cuadro de luz para la galería/imágenes. Pero sabemos que muchos temas necesitan algunos pasos para mostrarlos. Por ejemplo, este tema Eportfolio ha aceptado el cuadro de luz, pero debe conectar la galería al archivo de medios para mostrar el cuadro de luz. Normalmente, hay dos opciones: enlace a los medios o la página adjunta. Al conectar una imagen/galería a una página adjunta, una página nueva y separada, que solo contiene la imagen, se abrirá cuando haga clic en la imagen. Si se conecta a un archivo multimedia, solo mostrará la imagen, no la página, como sigue:
Aquí está la guía para hacerlo. Primero, vaya al editor de publicaciones, luego haga clic en la galería. Si usa el editor de Gutenberg, mire la barra lateral derecha, verá el enlace.

En cuanto a una sola imagen, debe hacer clic en este icono en la barra de herramientas:

En el editor clásico, la sección de enlaces aparece cuando crea o edita una galería y una sola imagen.

Luego elija el archivo multimedia y haga clic en Insertar la galería para completar. Cuando actualice o publique la publicación, haga clic en esa galería/imagen, verá que la caja de luz se está ejecutando. Si su tema acepta LightBox, esta acción puede activar la caja de luz para la galería/imagen deseada. De lo contrario, no habrá una caja de luz en absoluto. Sin embargo, la configuración puede ser diferente con diferentes temas. Por ejemplo, algunos pueden pedirle que trabaje en Customizer, otros pueden necesitar ingresar un enlace a la página adjunta en lugar del archivo de medios. Por lo tanto, debe verificar el tema con cuidado. El tema que utiliza, sin embargo, debe saber cómo conectar una galería al archivo de medios, ya que será útil agregar Lightbox usando un complemento a continuación. Agregar la caja de luz usando un complemento, agregar la caja de luz no es difícil en absoluto. Buscando la palabra clave “Plugin Lightbox”, verá una serie de complementos para este efecto. En cuanto a nuestra investigación, ordenamos complementos en dos tipos: complementos complicados y complementos simples para agregar Lightbox. En términos de complementos complicados, hay opciones mucho más sofisticadas para personalizar la caja de luz alta, como el tamaño de la imagen, el color del borde, los estilos de caja luminosa … por ejemplo, Lightbox receptive & Gallery y Foobox Image Lightbox tienen muchas herramientas de personalización de personalización . Pero es más difícil de usar si eres un principiante. Además, el resultado no es tan diferente de un complemento simple. Por lo tanto, preferimos usar un complemento simple como Lightbox simple.

Autor (s) de Lightbox simple: Versión actual de Archetyped: 2.8.1 Última actualización: 13 de julio de 2021 Lightbox simple. Zip 86% Calificaciones 200,000+ Instala WP 5.3+ RequreSsimple Lightbox Autor (s): Versión actual Arquetipada: 2.8.1 Last Actualizado: 13 de julio de 2021 Simple-Lightbox.zip 86% Calificaciones 200.000+ Instala WP 5.3+ Autor (s) de Lightbox simple: Versión actual de la actual + Instala WP 5.3+ Autor (s) simple de Lightbox: Archetyped Versión actual: 2.8.1 Última actualización: 13 de julio de 2021 Simple-Lightbox.zip 86% Rings 200,000+ Installas WP 5.3+ requiere requiere
Autor (s) de Lightbox simple: Versión actual de Archetyped: 2.8.1 Última actualización: 13 de julio de 2021 Simple-Lightbox.zip 86% Calificaciones 200,000+ Installas WP 5.3+ requiere
Autor (s) de Lightbox simple: Versión actual de Archetyped: 2.8.1 Última actualización: 13 de julio de 2021 Simple-Lightbox.zip 86% Calificaciones 200,000+ Installas WP 5.3+ requiere
Este complemento es fácil de usar, bastante popular entre más de 200,000 instalaciones activas y evaluado con 160 estrellas. Además, el diseño de la caja de luz es bueno. Paso 1: Instale y active el plugin de Lightbox simple en el tablero> Plugin> Agregar nuevo, simplemente escriba “Simple Lightbox” y haga clic en Instalar el complemento, luego activarlo.
Paso 2: Configure el complemento de Lightbox simple en el complemento> Plugins instalados, haga clic en el conjunto de caja de caja de luz simple.
La pestaña de configuración de la pestaña Lightbox simple habilita la pestaña de activación le permite activar/desactivar ciertos parámetros. El cuadro más importante que debe verificar es activar la función del cuadro de luz, que activa el cuadro de luz para su galería. Si no elige este cuadro, las otras secciones no tienen sentido. El resto de las cajas son opcionales para usted. Puede verificar para mostrar el cuadro de luz en su página de inicio, publicaciones únicas, páginas, páginas de archivo, widgets y menús. Pregúntele realmente quiere la caja de luz para las secciones correctas, porque demasiadas ligeras pueden hacer su sitio es un poco brillante. La pestaña de configuración de caja de la caja de luz simple al configurar, hay una pestaña de grupo. Decidirá cómo muestra el cuadro de luz en forma de diapositiva o una imagen.

Artículos grupales: revise para mostrar su imagen/galería como una diapositiva que le permite navegar de una a la siguiente imagen. Solo cuando activa esta característica, otras secciones en esta pestaña pueden entrar en vigor. De lo contrario, otras secciones de agrupación no funcionan.

Agrupe los artículos después de publicar: al marcar esta casilla, agrupe todos los artículos en una sola publicación en una diapositiva de cassette de Lightbox. Hágalo cuando desee agrupar solo las imágenes/galerías dentro de una publicación y excluir otras imágenes/galerías de otras publicaciones, widgets y menús. Agrupe los artículos en la galería por separado, agrupe los elementos de widget separados y agrupe los elementos del menú separado: revise cada uno de ellos para agrupar artículos en una galería de una sola publicación, artículos de un widget o elementos de menú, respectivamente. Significa que puede explorar los siguientes elementos en la misma galería, widget o menú en el control deslizante de la caja de luz. Creemos que debería hacerlo cuando no desea confundir las cajas de luz en diferentes partes, lo que puede confundir a sus visitantes. Preste atención a esto si desea personalizar la pantalla de caja de luz.

Tema: Hay 2 estilos para su caja de luz. Simplemente elija uno que se adapte a sus gustos.

Estilo oscuro

Estilo de luz
Cambie el tamaño de la caja de luz para que cabe en la ventana: le recomendamos que active esta sección para tener una buena pantalla. De lo contrario, la imagen está en toda la pantalla y no puede ver toda la imagen así.
Habilitar animaciones: verifique para activar el efecto de carga.

Desactivar para desactivar el efecto, haciendo que navegar sea más rápido.

Inicie automáticamente la presentación de diapositivas: déjela ir automáticamente a la siguiente imagen cuando active esta sección. Duración de diapositivas: si activa la sección de presentación de diapositivas automáticas anteriores, puede elegir la duración de la diapositiva aquí. Loop by Elements: ¿Quieres repetir los elementos después de una ronda de diapositivas? Si es así, haga clic en este cuadro. Opacidad de la oposición (0 – 1): puede cambiar la opacidad de la superposición de fondo. Cuanto menor sea la opacidad, más claro podrá ver la publicación posterior. Por ejemplo, establecemos la opacidad en 0.1, para que el fondo se pueda ver muy claramente. Active el título predeterminado: puede elegir mostrar el título de la imagen haciendo clic en este cuadro. Así es como se muestra el título.

Etiqueta de etiqueta de caja de Lightbox simple Al final, esta pestaña le permitirá cambiar la etiqueta para cada botón. Pero estas secciones no entran en vigor a menos que agregue un código corto al editar el tema. Entonces, en este tutorial para principiantes, no tiene que lidiar con esta pestaña. Después de haber terminado con toda la configuración de complemento de Lightbox simple, haga clic en Guardar cambios justo en la pestaña Etiqueta.