{"id":16939,"date":"2020-06-01T14:43:19","date_gmt":"2020-06-01T14:43:19","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-un-grossissement-de-zoom-pour-les-images-dans-wordpress\/"},"modified":"2020-06-01T14:43:19","modified_gmt":"2020-06-01T14:43:19","slug":"comment-ajouter-un-grossissement-de-zoom-pour-les-images-dans-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-un-grossissement-de-zoom-pour-les-images-dans-wordpress\/","title":{"rendered":"Comment ajouter un grossissement de zoom pour les images dans WordPress"},"content":{"rendered":"

Vous souhaitez ajouter un zoom de type Amazon pour les images WordPress? Les images zoom\u00e9es permettent aux utilisateurs de voir des d\u00e9tails qu’ils ne verraient pas dans une image de taille normale. Dans cet article, nous vous montrerons comment ajouter facilement un zoom d’agrandissement pour les images dans WordPress.<\/p>\n

\"Comment<\/p>\n

<\/span>Ajouter un zoom d’agrandissement pour les images WordPress<\/span><\/h4>\n

La premi\u00e8re chose \u00e0 faire est d’installer et d’activer le plugin WP Image Zoom. Pour plus de d\u00e9tails, consultez notre guide \u00e9tape par \u00e9tape sur la fa\u00e7on d’installer un plugin WordPress.<\/p>\n

Apr\u00e8s l’activation, vous devez visiter Zoom d’image WP<\/strong> page dans votre administrateur WordPress. De l\u00e0, vous pouvez g\u00e9rer les param\u00e8tres de zoom de vos images.<\/p>\n

\"Zoom<\/p>\n

Dans le Configuration g\u00e9n\u00e9rale<\/strong> onglet, vous pouvez activer des fonctionnalit\u00e9s telles que le zoom avant sur les images de produits WooCommerce, les miniatures, les appareils mobiles, les pages de pi\u00e8ces jointes, les pages de cat\u00e9gorie et plus encore. Il vous permet \u00e9galement de retirer la bo\u00eete \u00e0 lumi\u00e8re, afin que vos utilisateurs puissent facilement zoomer sur les images.<\/p>\n

\"Configuration<\/p>\n

Si vous ne supprimez pas la lightbox pour les images, vous pouvez faire d\u00e9filer vers le bas pour plus de param\u00e8tres, tels que l’activation du zoom dans une lightbox.<\/p>\n

Remarque:<\/strong> Vous pouvez afficher des caissons lumineux compatibles pour vous assurer que le zoom fonctionne bien \u00e0 l’int\u00e9rieur d’un caisson lumineux.<\/p>\n

\"Activer<\/p>\n

Une fois que vous avez termin\u00e9 de r\u00e9gler les param\u00e8tres de cette page, n’oubliez pas de cliquer sur Enregistrer les modifications<\/strong> bouton.<\/p>\n

Ensuite, vous devriez visiter le Param\u00e8tres de zoom<\/strong> langue. Vous avez 4 \u00e9tapes faciles pour ajouter un zoom d’agrandissement \u00e0 vos images.<\/p>\n

Vous devez d’abord s\u00e9lectionner la forme de l’objectif pour effectuer un zoom avant sur les images. Vous pouvez choisir entre un zoom, une forme de fen\u00eatre carr\u00e9e ou circulaire.<\/p>\n

\"S\u00e9lectionner<\/p>\n

Apr\u00e8s avoir choisi votre objectif, passez \u00e0 l’\u00e9tape suivante et pr\u00e9visualisez une image avec l’objectif s\u00e9lectionn\u00e9 pour voir comment cela fonctionne. Le plugin a une image d’aper\u00e7u que vous pouvez utiliser pour tester vos modifications. <\/p>\n

\"Zoom<\/p>\n

Vous pouvez revenir en arri\u00e8re et voir cette image en direct apr\u00e8s avoir effectu\u00e9 les modifications de param\u00e8tres ci-dessous.<\/p>\n

\u00c0 l’\u00e9tape suivante, vous pouvez s\u00e9lectionner le type de curseur, d\u00e9finir l’effet de relaxation de l’animation, activer le zoom en survolant ou en cliquant sur la souris et d\u00e9finir un niveau de zoom. Certaines de ces fonctionnalit\u00e9s ne sont disponibles que pour la version pro du plugin. <\/p>\n

\"Configuration<\/p>\n

Vous pouvez maintenant aller \u00e0 Lentille<\/strong> Onglet Param\u00e8tres pour les param\u00e8tres tels que la taille de l’objectif, la couleur de l’objectif, les options de bord d’objectif, etc. Ces param\u00e8tres ne sont efficaces que si vous avez s\u00e9lectionn\u00e9 l’objectif circulaire ou carr\u00e9 \u00e0 l’\u00e9tape 1.<\/p>\n

\"Configuration<\/p>\n

Ensuite, vous pouvez visiter le Fen\u00eatre de zoom<\/strong> onglet des param\u00e8tres. Cet onglet n’est activ\u00e9 que si vous avez s\u00e9lectionn\u00e9 Objectif de fen\u00eatre zoom<\/strong> \u00e0 l’\u00e9tape 1.<\/p>\n

De l\u00e0, vous pouvez modifier la largeur et la hauteur de la fen\u00eatre de zoom, le positionnement, la distance de l’image principale, les bordures et plus encore.<\/p>\n

\"Param\u00e8tres<\/p>\n

Enfin, vous pouvez ajouter du texte personnalis\u00e9 \u00e0 l’image et choisir la taille, la couleur et l’alignement du texte.<\/p>\n

\"Param\u00e8tres<\/p>\n

N’oubliez pas de cliquer sur le Enregistrer les modifications<\/strong> pour enregistrer vos param\u00e8tres. Vous pouvez toujours regarder l’image d’aper\u00e7u pour voir comment la loupe fonctionnera sur les images de votre blog avec ce param\u00e8tre.<\/p>\n

\"Enregistrer<\/p>\n

Les param\u00e8tres ci-dessus permettront un zoom avant sur les images de vos produits WooCommerce. Pour activer le zoom pour vos images sur les publications et les pages WordPress, vous devez suivre les \u00e9tapes ci-dessous.<\/p>\n

<\/span>Activation du zoom zoom pour les images dans les publications et les pages<\/span><\/h4>\n

Par d\u00e9faut, le zoom d’agrandissement n’est pas activ\u00e9 pour les images sur vos publications et pages. Vous devez le faire manuellement apr\u00e8s avoir ajout\u00e9 une image \u00e0 votre contenu.<\/p>\n

Une fois que vous avez ajout\u00e9 l’image \u00e0 votre publication ou page, cliquez simplement pour la s\u00e9lectionner, puis cliquez sur l’ic\u00f4ne d’agrandissement dans la barre d’outils. Cette ic\u00f4ne appliquera les param\u00e8tres de zoom \u00e0 votre image.<\/p>\n

\"Zoom<\/p>\n

Apr\u00e8s cela, dirigez-vous vers le poste pour voir la fonction de zoom d’agrandissement activ\u00e9e pour l’image s\u00e9lectionn\u00e9e. Vous devez r\u00e9p\u00e9ter cette \u00e9tape chaque fois que vous souhaitez ajouter l’effet de zoom \u00e0 une image. <\/p>\n

\"Appliquer<\/p>\n

Nous vous recommandons d’utiliser des images de haute qualit\u00e9 pour que la fonction de zoom soit superbe. Les images de haute qualit\u00e9 sont g\u00e9n\u00e9ralement plus volumineuses et prennent plus de temps \u00e0 charger, ce qui affectera la vitesse et les performances de votre site Web. Pour r\u00e9soudre ce probl\u00e8me, vous devez optimiser vos images pour le Web avant de les t\u00e9l\u00e9charger sur WordPress. <\/p>\n

Nous esp\u00e9rons que cet article vous a aid\u00e9 \u00e0 apprendre \u00e0 ajouter un zoom d’agrandissement pour les images WordPress. Vous pouvez \u00e9galement consulter notre article sur la fa\u00e7on de r\u00e9soudre les probl\u00e8mes d’image courants dans WordPress. <\/p>\n

Si vous avez aim\u00e9 cet article, abonnez-vous \u00e0 notre cha\u00eene YouTube pour regarder des vid\u00e9os de didacticiel WordPress. Vous pouvez \u00e9galement nous trouver sur Twitter et Facebook.<\/p>\n

\n
\n

Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n