Este blog discutirá la importancia de WordPress Lightbox y el procedimiento para implementarlo.
¿Qué es una caja de luz en WordPress?
Una caja de luz corresponde a una ventana emergente que se muestra en publicaciones/páginas para mostrar una imagen más pequeña en tamaño completo. Es tal que actúa como una galería para importar/cargar múltiples elementos multimedia e implementarlos en el sitio. Además, después de la implementación, cuando se hace clic en el medio, se maximiza y aparece claramente en la pantalla. La aplicación más común de Lightbox es mostrar Imágenes de alta calidad en el blog. manteniendo su tamaño.
¿Cómo implementar Lightbox en WordPress?
LightBox se puede implementar/aplicar con la ayuda de varios complementos. En este caso, el “ Caja de luz y galería responsivas Se utilizará el complemento.
Utilice los siguientes pasos para implementar la caja de luz en WordPress.
Paso 1: instale el complemento
En primer lugar, instale el ' Caja de luz y galería responsivas ' complemento de ' Complementos->Agregar nuevo ”:
Una vez finalizada la instalación y activación, active el botón ' Empezar recorrido 'Botón para comenzar a utilizar el complemento:
Paso 2: agregar imágenes
Ahora, agregue una nueva galería desde ' Galería->Agregar nuevo ”:
Después de eso, asigne un nombre personalizado a la galería y use el botón ' Mediateca 'opción y disparador' Seleccionar imágenes ”para cargar las nuevas imágenes o agregar imágenes existentes desde la “Biblioteca multimedia”:
Aquí, marque las imágenes que se utilizarán y presione el botón resaltado:
Paso 3: edite las imágenes cargadas
Para editar o eliminar las imágenes, coloque el cursor sobre las imágenes de destino para mostrar nuevas opciones, de la siguiente manera:
Aquí se puede visualizar que al hacer clic en el botón “ Editar imagen ”, se hacen evidentes varias opciones de edición, como texto alternativo, título, título y descripción, que se pueden completar en consecuencia. Después de editar, asegúrese de presionar ' Guardar cambios ' botón:
Personalizando la caja de luz
Para personalizar Lightbox, hay varias pestañas asignadas y cada una tiene funcionalidades dedicadas. Estas pestañas se explicarán individualmente.
Pestaña Configuración (Configuración): Esta pestaña te permite optar por el estilo de la galería. Incluye las cuatro opciones indicadas como botones de opción para la configuración de la galería:
Pestaña Diseño: Incluye múltiples opciones para modificar la miniatura, el título, el fondo y el borde, respectivamente:
Pestaña de paginación: Esta pestaña permite al desarrollador habilitar la paginación, especificar su tipo, posición, etc.:
Pestaña Caja de luz: Aquí, el tamaño de la imagen se puede ajustar junto con la configuración de su título y título:
Pestaña Miscelánea: Permite agregar el “ Descripción de la galería ' y ' Clases personalizadas ' etc.:
Agregar el Lightbox a las páginas/publicaciones de WordPress
Después de diseñar la galería, las publicaciones o páginas también se pueden agregar como una caja de luz. Para hacerlo, pegue el código abreviado en la pantalla de edición de la publicación/página de destino mediante los pasos que se indican a continuación:
Paso 1: navega a todas las galerías
Cambiar a ' Galería > Todas las galerías ”y copie el código corto de “ Código corto ' columna:
Paso 2: pega el código
Aquí, abre la página (en este caso) o publicación que se va a modificar con la caja de luz y pega el código corto directamente en el bloque del editor de texto, como se especifica a continuación:
Aspecto final del sitio web
A continuación se muestra el aspecto final del sitio web después de la implementación de imágenes lightbox en la página de inicio:
Cuando se hace clic en estas imágenes, actúan como un carrusel en tamaño completo sin involucrar ninguna otra funcionalidad:
Conclusión
A ' Caja ligera ”corresponde a una ventana emergente que actúa como una galería para importar múltiples elementos multimedia e implementarlos en el sitio. Se puede aplicar con la ayuda de varios complementos. Además, comprende múltiples opciones de personalización que pueden aplicarse a la imagen de destino y eventualmente integrarse con las funcionalidades del sitio. Este artículo analiza el funcionamiento de “ Caja ligera ” y las metodologías para implementarlo.