Aquest bloc tractarà la importància de WordPress Lightbox i el procediment per implementar-lo.
Què és un Lightbox a WordPress?
Una caixa de llum correspon a una finestra emergent que es mostra a les publicacions/pàgines per mostrar una imatge més petita a mida completa. És tal que actua com una galeria per importar/penjar diversos elements multimèdia i desplegar-los al lloc. A més, després del desplegament, quan es fa clic al suport, es maximitza i apareix clarament a la pantalla. L'aplicació més comuna de Lightbox es mostra imatges d'alta qualitat al bloc mantenint la seva mida.
Com implementar Lightbox a WordPress?
El LightBox es pot implementar/aplicar amb l'ajuda de diversos connectors. En aquest cas, el ' Caixa de llum i galeria responsives s'utilitzarà el connector.
Utilitzeu els passos següents per implementar la caixa de llum a WordPress.
Pas 1: instal·leu el connector
En primer lloc, instal·leu el ' Caixa de llum i galeria responsives ' connector de ' Connectors->Afegeix nou ”:
Un cop feta la instal·lació i l'activació, activeu el ' Inici del Tour ” per començar a utilitzar el connector:
Pas 2: afegiu imatges
Ara, afegiu una nova galeria de ' Galeria->Afegeix nou ”:
Després d'això, assigneu un nom personalitzat a la galeria i utilitzeu el ' Mediateca 'opció i activador' Seleccioneu imatges ” per carregar les imatges noves o afegir imatges existents des de la “Biblioteca multimèdia”:
Aquí, marqueu les imatges que voleu utilitzar i premeu el botó ressaltat:
Pas 3: Editeu les imatges penjades
Per editar o suprimir les imatges, passeu el cursor per sobre de les imatges de destinació per mostrar opcions noves, de la següent manera:
Aquí, es pot visualitzar que en fer clic a ' Edita la imatge ”, es fan evidents diverses opcions d'edició, com ara Text alternatiu, Títol, Subtítol i Descripció, que es poden omplir en conseqüència. Després de l'edició, assegureu-vos de prémer el botó ' Guardar canvis botó ”:
Personalització del Lightbox
Per personalitzar el Lightbox, hi ha diverses pestanyes assignades, cadascuna amb funcionalitats dedicades. Aquestes pestanyes s'explicaran individualment.
Pestanya Configuració (Configuració): Aquesta pestanya permet optar per l'estil de la galeria. Inclou les quatre opcions indicades com a botons d'opció per a la configuració de la galeria:
Pestanya Disseny: Inclou diverses opcions per modificar la miniatura, el títol, el fons i la vora, respectivament:
Pestanya de paginació: Aquesta pestanya permet al desenvolupador habilitar la paginació, especificar el seu tipus, posició, etc.:
Pestanya Lightbox: Aquí, es pot ajustar la mida de la imatge juntament amb la configuració del títol i el títol:
Pestanya Misc: Permet afegir el ' Descripció de la galeria ' i ' Classes personalitzades ” etc.:
Afegeix el Lightbox a les pàgines/publicacions de WordPress
Després de dissenyar la galeria, les publicacions o pàgines també es poden afegir com a lightbox. Per fer-ho, enganxeu el codi curt a la pantalla d'edició de la publicació/pàgina de destinació mitjançant els passos que s'indiquen a continuació:
Pas 1: aneu a Totes les galeries
Canviar a ' Galeria > Totes les galeries ' i copieu el codi curt des del ' Codi curt 'columna:
Pas 2: enganxeu el codi
Aquí, obre la pàgina (en aquest cas) o publicació que cal modificar amb la caixa de llum i enganxeu el codi curt directament al bloc de l'editor de text, tal com s'especifica a continuació:
Mirada final del lloc web
A continuació es mostra l'aspecte final del lloc web després de la implementació d'imatges lightbox a la pàgina d'inici:
Aquestes imatges, quan es fa clic, actuen com un carrusel a mida completa sense la implicació de cap altra funcionalitat:
Conclusió
A ' Caixa de llum ” correspon a una finestra emergent que actua com a galeria per importar diversos elements multimèdia i desplegar-los al lloc. Es pot aplicar amb l'ajuda de diversos connectors. A més, inclou múltiples opcions de personalització que es poden aplicar a la imatge de destinació i, eventualment, integrar-se amb les funcionalitats del lloc. Aquest escrit parlava del treball de ' Caixa de llum ” i les metodologies per implementar-lo.