Souhaitez-vous ajouter un zoom de type Amazon sur les images dans WordPress? En zoomant sur les images, les utilisateurs peuvent voir des détails qu’ils ne verraient pas dans une image en taille réelle. Dans cet article, nous allons vous montrer comment ajouter facilement un zoom grossissant pour les images dans WordPress.

Comment ajouter un zoom grossissant pour les images dans WordPress

Ajout du zoom d’agrandissement pour les images WordPress

La première chose à faire est d’installer et d’activer ce Zoom d’image WP Brancher. Pour plus d’informations, consultez notre guide étape par étape à l’adresse Comment installer un plugin WordPress?.

Après l’activation, vous devez visiter Zoom d’image WP Page dans votre administrateur WordPress. De là, vous pouvez gérer les paramètres de zoom de vos images.

Zoom d'image WP

En faisant réglages généraux Sur l’onglet, vous pouvez activer des fonctions telles que l’agrandissement WooCommerce Images de produits, miniatures, appareils mobiles, pages de pièces jointes, pages de catégories, etc. En outre, vous pouvez supprimer la boîte à lumière afin que vos utilisateurs puissent effectuer un zoom avant sur les images en douceur.

réglages généraux

Si vous ne supprimez pas la boîte à lumière pour les images, vous pouvez faire défiler vers le bas pour plus de paramètres tels que l’activation du zoom dans une boîte à lumière.

Noter: Vous pouvez voir les boîtes à lumière prises en charge pour vous assurer que le zoom fonctionne correctement dans une boîte à lumière.

Activer le zoom lightbox

Lorsque vous avez terminé de régler les paramètres de cette page, n’oubliez pas de cliquer sur Sauvegarder les modifications Bouton.

Ensuite, vous devez leur rendre visite Paramètres de zoom Onglet. Il y a 4 étapes faciles pour ajouter un zoom grossissant à vos images.

Tout d’abord, vous devez choisir la forme de l’objectif pour zoomer sur les images. Vous pouvez choisir entre des formes d’objectif de fenêtre circulaire, carrée et zoom.

Sélectionnez la forme de l'objectif zoom

Après avoir sélectionné votre objectif, passez à l’étape suivante et prévisualisez une image avec l’objectif que vous avez sélectionné pour voir comment cela fonctionne. Le plugin a une image de prévisualisation avec laquelle vous pouvez tester vos modifications.

Aperçu de l'image de zoom

Vous pouvez revenir en arrière et voir un aperçu en direct de cette image après avoir apporté des modifications à la configuration suivante.

Dans l’étape suivante, vous pouvez sélectionner le type de curseur, définir l’effet d’animation, activer le zoom lorsque le pointeur de la souris ou clique avec la souris et définir un niveau de zoom. Certaines de ces fonctionnalités ne sont disponibles que pour la version Pro du plugin.

Configuration générale

Maintenant tu es prêt à partir lentille Onglet de configuration pour les paramètres tels que la taille de l’objectif, la couleur de l’objectif, les options du bord de l’objectif, etc. Ces paramètres ne sont effectifs que si vous avez sélectionné la lentille circulaire ou carrée à l’étape 1.

Configuration de l'objectif

Vous pouvez visiter la prochaine Zoom fenêtre Onglet Configuration. Cet onglet n’est activé que si vous avez sélectionné l’option Lentille de la fenêtre de zoom à l’étape 1.

De là, vous pouvez modifier la largeur et la hauteur de la fenêtre de zoom, la position, la distance par rapport à l’image principale, les marges, etc.

Configuration de la fenêtre de zoom

Enfin, vous pouvez ajouter du texte personnalisé à l’image et choisir la taille, la couleur et l’alignement du texte.

Configuration de texte personnalisée

N’oubliez pas de cliquer dessus Sauvegarder les modifications Enregistrez le bouton de vos paramètres. Vous pouvez toujours regarder l’image d’aperçu pour voir comment la loupe fonctionne avec ces paramètres sur les images de votre blog.

Sauvegarder les modifications

Les paramètres ci-dessus vous permettront d’agrandir et d’agrandir les images de vos produits WooCommerce. Pour activer le zoom avant sur vos images sur les articles et pages WordPress, vous devez suivre les étapes ci-dessous.

Activer le zoom avant sur les images sur les articles et les pages

Par défaut, le zoom grossissant n’est pas activé pour les images de vos publications et pages. Vous devez le faire manuellement après avoir ajouté une image à votre contenu.

Lorsque vous avez ajouté l’image à votre message ou à votre page, cliquez simplement pour la sélectionner, puis cliquez sur l’icône d’agrandissement dans la barre d’outils. Cette icône applique les paramètres de zoom à votre image.

Ajout d'un zoom aux images de messages / pages

Après cela, dirigez-vous vers le message pour voir comment la fonction de zoom agrandissant est activée pour l’image sélectionnée. Vous devrez répéter cette étape chaque fois que vous souhaitez ajouter l’effet de zoom à une image.

Appliquer un zoom sur les images de publication / page

Nous vous recommandons d’utiliser des images de bonne qualité pour que la fonction de zoom soit bonne. Les images de haute qualité ont généralement une taille de fichier plus grande et prennent plus de temps à charger, ce qui affecte le vôtre Vitesse et performances du site Web. Pour résoudre ce problème, vous devez Optimisez vos images pour le Web avant de les télécharger sur WordPress.

Nous espérons que cet article vous a aidé à apprendre comment ajouter un zoom grossissant pour les images dans WordPress. Vous voudrez peut-être également lire notre article sur la façon de le faire Résoudre les problèmes d’image courants dans WordPress.

Si vous avez apprécié cet article, veuillez vous abonner au nôtre chaîne Youtube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.





Source link

Recent Posts