Ce blog discutera de l'importance de WordPress Lightbox et de la procédure pour le mettre en œuvre.
Qu’est-ce qu’une Lightbox dans WordPress ?
Une lightbox correspond à une fenêtre pop-up qui s'affiche sur les articles/pages pour afficher une image plus petite en taille réelle. Il est tel qu'il agit comme une galerie pour importer/télécharger plusieurs éléments multimédias et les déployer sur le site. De plus, après le déploiement, lorsque l'on clique sur le média, il est agrandi et apparaît clairement à l'écran. L'application la plus courante de Lightbox est l'affichage images de haute qualité sur le blog en conservant leur taille.
Comment implémenter Lightbox dans WordPress ?
La LightBox peut être implémentée/appliquée à l’aide de divers plugins. Dans ce cas, le « Lightbox et galerie réactives 'Le plugin sera utilisé.
Utilisez les étapes suivantes pour implémenter la lightbox dans WordPress.
Étape 1 : Installer le plugin
Tout d'abord, installez le ' Lightbox et galerie réactives ' plugin de ' Plugins->Ajouter un nouveau » :
Une fois l’installation et l’activation terminées, déclenchez le « Tour initial Bouton ' pour commencer à utiliser le plugin :
Étape 2 : ajouter des images
Maintenant, ajoutez une nouvelle galerie de « Galerie->Ajouter un nouveau » :
Après cela, attribuez un nom personnalisé à la galerie et utilisez le ' Médiathèque « option et déclencheur » Sélectionnez des images » pour télécharger les nouvelles images ou ajouter des images existantes depuis la « Médiathèque » :
Ici, marquez les images à utiliser et appuyez sur le bouton en surbrillance :
Étape 3 : Modifier les images téléchargées
Pour modifier ou supprimer les images, passez la souris sur la ou les images cibles pour afficher de nouvelles options, comme suit :
Ici, on peut visualiser qu'en cliquant sur le ' Éditer l'image ', diverses options d'édition telles que Texte alternatif, Titre, Légende et Description deviennent évidentes et peuvent être remplies en conséquence. Après l'édition, assurez-vous d'appuyer sur le bouton ' Sauvegarder les modifications ' bouton:
Personnalisation de la Lightbox
Pour personnaliser la Lightbox, plusieurs onglets sont attribués, chacun ayant des fonctionnalités dédiées. Ces onglets seront expliqués individuellement.
Onglet Configuration(Configuration) : Cet onglet permet d'opter pour le style de la galerie. Il comprend les quatre options indiquées sous forme de boutons radio pour la configuration de la galerie :
Onglet Conception : Il comprend plusieurs options pour modifier respectivement la vignette, le titre, l'arrière-plan et la bordure :
Onglet Pagination : Cet onglet permet au développeur d'activer la pagination, de préciser son type, sa position, etc. :
Onglet Visionneuse : Ici, la taille de l'image peut être ajustée ainsi que la définition de son titre et de sa légende :
Onglet Divers : Il permet d’ajouter le « Description de la galerie ' et ' Cours personnalisés ' etc.:
Ajout de la Lightbox aux pages/posts WordPress
Après avoir conçu la galerie, les articles ou les pages peuvent également être ajoutés sous forme de lightbox. Pour ce faire, collez le shortcode dans l'écran d'édition de la publication/page cible en suivant les étapes ci-dessous :
Étape 1 : Accédez à toutes les galeries
Basculer vers ' Galerie > Toutes les galeries » et copiez le shortcode du « Petit code ' colonne:
Étape 2 : collez le code
Ici, ouvre la page (dans ce cas) ou le message à modifier avec la lightbox et collez le shortcode directement dans le bloc de l'éditeur de texte, comme spécifié ci-dessous :
Apparition finale du site Web
Ci-dessous, l'aspect final du site après la mise en place des images lightbox sur la page d'accueil :
Lorsque vous cliquez sur ces images, elles agissent comme un carrousel en taille réelle sans aucune autre fonctionnalité :
Conclusion
UN ' Boite à lumière » correspond à une fenêtre pop-up qui fait office de galerie pour importer plusieurs éléments multimédias et les déployer sur le site. Il peut être appliqué à l’aide de divers plugins. En outre, il comprend plusieurs options de personnalisation qui peuvent être appliquées à l’image cible et éventuellement intégrées aux fonctionnalités du site. Cet article traitait du fonctionnement de « Boite à lumière » et les méthodologies pour le mettre en œuvre.