Appliquer le masquage d'image Elementor en 4 étapes faciles avec ElementsKit

Lors de la création d’un site WordPress, vous devez utiliser tous les aspects pour créer un magnifique site Web. Le masquage d’image Elementor est l’une des fonctionnalités les plus pratiques pour ajouter un caractère unique et esthétique à votre site WordPress. Parce que cela vous permet de modifier l’apparence globale de l’image en quelques secondes.

Malheureusement, vous ne trouverez aucun paramètre par défaut pour ajouter un masquage d'image dans Elementor. Mais vous pouvez profiter de cette opportunité en utilisant d'autres modules complémentaires Elementor, tels que ElementsKit, qui offrent une fonction de masquage d'image. 

Néanmoins, vous pourriez être confus lors de l'ajout de masques d'image sur Elementor sans suivre les directives appropriées.

C'est pour cela que nous avons montré meilleur processus de masquage des photos dans Elementor dans cet article de blog en utilisant le meilleur module complémentaire Elementor —ElementsKit!

Qu’est-ce que le masquage d’image dans Elementor ?

Le masquage d'image est un excellente technique à embellissez vos images WordPress. Il peut donner des formes uniques à vos images Elementor et les rendre plus attrayantes. Dans WordPress, vous obtiendrez un élément distinct pour le masquage des images. Grâce à cela, vous pouvez masquer des images sans aucune connaissance ou compétence technique. En plus de cela, vous pouvez modifier des images WordPress en quelques secondes.

En plus de rendre vos images WordPress attrayantes, le masquage d’images Elementor présente d’autres avantages. Vous vous demandez ce qu'ils sont ? Continuez à creuser pour explorer tous les avantages du module de masquage d’image.

Pourquoi devriez-vous utiliser le masquage d’image dans WordPress ?

Le masquage d’image Elementor est non seulement utile pour créer des images uniques, mais résout également certains problèmes liés à vos images. Par exemple, vous ne souhaitez pas afficher l'image complète sur votre site, ou l'affichage de l'image complète ne correspond pas à votre marque. Dans de tels cas, vous pouvez masquer certaines sections de votre image et montrez la partie exacte que vous envisagez de partager.

En dehors de cela, le masquage d’image est également utile pour les raisons suivantes :

1. Il peut convertir votre site Web commun et ennuyeux en un site engageant qui est capable de garder votre concurrents derrière.
2. En raison de l'engagement accru, les ventes augmenteront également.
3. Une fonction de masquage d’image peut apporter une énorme différence de qualité. Cela peut augmenter le qualité générale de vos images WordPress.
4. Tu peux promouvoir magnifiquement les produits sur votre site.

Maintenant, si vous avez hâte d’utiliser cette excellente fonctionnalité, vous pouvez continuer jusqu’à la fin. Cela vous aidera à masquer des photos en ligne sans aucune expertise technique. Alors continuez à apprendre tout le processus de masquage des images WordPress.

Étapes d'ajout de masquage d'image dans WordPress

Vous trouverez de nombreux plugins WordPress dotés d’une fonction de masquage d’image. Tel que ElementsKit, un module complémentaire Elementor tout-en-un, dispose d'une fonction de masquage d'image ainsi que de plus de 84 autres éléments. Étant donné qu'ElementsKit est un plugin compatible Elementor, vous pouvez utiliser toutes les fonctionnalités par glisser-déposer, y compris le masquage d'image.

Par conséquent, si vous êtes débutant, vous n’avez pas à vous inquiéter beaucoup. Tout ce que vous avez à faire est de suivre les étapes mentionnées ci-dessous et un masque personnalisé Elementor sera ajouté à vos images :

Étape 1 : Installez Elementor et ElementsKit.

Dans un premier temps, vous devez installer et activer deux plugins sur votre site. L'un est Élémentor et l'autre est ElementsKit. De plus, comme il s'agit d'une fonctionnalité professionnelle d'ElementsKit, vous devez vous procurer sa version professionnelle. Maintenant, après avoir installé et activé les plugins, passez à la deuxième étape.

Étape 2 : activez le module de masquage d’image.

Il est temps d'activer le module de masquage d'ElementsKit. Tout d'abord, visitez votre panneau d'administration et cliquez sur (1.) ElementsKit. Allez ensuite au (2.) Onglet Modules et activer le (3.) Masquage module. Enfin, cliquez sur (4.) Enregistrer les modifications bouton.

Étape 3 : Ajoutez un masquage Elementor.

Après avoir activé le module de masquage, ajoutez une nouvelle page en en cliquant sur (1.) Ajouter un nouveau option sous l’onglet Pages. Appuyez ensuite sur le (2.) Modifier avec Elementor bouton pour ajouter un masque personnalisé.

Maintenant recherchez le widget Image dans le champ de recherche et après avoir trouvé le widget, faites-le glisser et déposez-le sur l'icône plus.

Ici, vous devez ajouter une image personnalisée en ajustant les zones suivantes :

• Choisissez une image : Sélectionnez une image dans votre bibliothèque multimédia ou téléchargez des fichiers à partir d'ici.
• Taille de l'image: Choisissez une taille appropriée pour votre image.
• Alignement: Sélectionnez l'alignement de votre image.
• Légende: Vous pouvez ajouter une légende pour votre image à partir d'ici.
• Lien: Vous pouvez ajouter un lien vers l'image à partir d'ici.

Après avoir inséré et modifié l'image, cliquez sur le masquage ElementsKit onglet et activer le « Masquage » option. Modifiez ensuite les zones suivantes :

• Type de forme : Sélectionnez le type de forme de votre image.
• Choisissez la forme : Vous trouverez ici différentes formes pour votre image téléchargée. Cliquez sur la forme dans laquelle vous souhaitez voir votre image WordPress.
• Position: Sélectionnez le poste à partir d'ici.
• Répéter: Cette option vous permet d'ajouter une répétition à votre masque d'image Elementor créé.
• Taille: Sélectionnez une taille pour votre image à partir de cette option.

Étape 4 : Publiez l'image de masquage.

Voici la dernière étape — appuyez sur « Publier » pour donner vie à votre masquage d’image Elementor !

Maintenant, prévisualisez l’image WordPress masquée. Voici l'apparence finale de votre image de masquage :

Voici donc comment personnaliser les formes des images WordPress en utilisant la fonction de masquage d’image d’ElementsKit. L'ensemble de ce processus ne prendra pas plus de quelques minutes. Vous pouvez également consulter le didacticiel vidéo suivant pour ajouter un masquage d'image dans Elementor :

Masquez vos images WordPress

Que ce soit à des fins professionnelles ou personnelles, tout le monde possède aujourd’hui des sites Web. Il reste donc de plus grandes possibilités de créer un site Web généraliste incapable d’attirer l’attention. Mais maintenant, les choses changent en raison des opportunités croissantes. Le masquage d’image est l’une des fonctionnalités uniques qui peuvent être utilisées pour rendre vos images WordPress plus belles et plus tentantes.

Vous avez déjà appris à utiliser cette excellente fonctionnalité de la manière la plus simple et la plus courte possible. Suivez simplement les étapes mentionnées une par une et créez une image masquée élégante pour votre site. ElementsKit offre également d'autres excellentes fonctionnalités comme point chaud d'image, Compatibilité WPML, Réunion Zoom, compte à rebours, fenêtre contextuelle modale, superpositions et survol de flipbox, etc. Grâce à ces fonctionnalités, vous pouvez créer un site compétitif et convertissant sans aucune connaissance technique.