Comment ajouter facilement des hotspots d’images dans WordPress

GN General pour votre site Web. De plus, il est très simple à utiliser, c’est pourquoi nous choisissons souvent cet ajout, qui améliore considérablement le site.
Le Widget personnalisé du Hotspot image est un widget avancé. Vous permet d’ajouter des images spécifiques et de placer des hotspots avec des informations spécifiques. L’utilisateur obtient ensuite des informations en passant le curseur sur le Hotspot. Ce qui est merveilleux, c’est que nous pouvons déterminer l’emplacement de la réactivité afin d’éviter que les points chauds ne correspondent à l’objet auquel ils se réfèrent sur différents appareils. Dans la même démo Widget, vous pouvez voir quelques solutions conceptuelles fournies par l’auteur qui peuvent vous inspirer. Comment ajouter des éléments de Hotspot image WordPress après avoir ajouté un plug – in Qi à votre site, trouvez un widget de Hotspot image personnalisé en tapant \
Lorsque vous faites glisser le Widget à l’endroit désiré, vous verrez certaines de ses valeurs par défaut. Le Widget a deux onglets: personnaliser et styliser, qui incluent diverses options pour ajuster le projet, tandis que l’onglet avancé est un onglet élément qui contient tous les éléments. Commençons par les options générales pour les cartes personnalisées. Vous remarquerez d’abord où l’image et les trois éléments sont insérés. Ces projets sont en fait des points chauds, leur emplacement et leurs paramètres de contenu. Par défaut, il y a trois hotspots, mais vous pouvez supprimer les hotspots existants ou en ajouter de nouveaux.
Après avoir inséré une image, inséré une image de la bibliothèque, ou téléchargé une nouvelle image, il est temps de placer un Hotspot et d’y ajouter du contenu. En ce qui concerne le contenu, vous pouvez définir les options de titre et de sous – titre, et une fois que vous commencez à les éditer, vous verrez les changements dans le contenu en direct. Il y a aussi un champ pin ici, vous pouvez
Ici, vous pouvez en choisir un pour chacun. Vous pouvez également spécifier sa taille et sa couleur. Vous pouvez ajouter une icône de fond en utilisant la taille du port pin. Notre fond est rouge et la taille est 15px.
L’option rayon de bord nous permet de définir l’arrière – plan comme un cercle parce que le rayon est appliqué à l’arrière – plan. Un style d’information est l’apparence du champ qui affiche l’information. Afficher l’information est une option qui détermine comment afficher les canaux de la souris. Il peut s’estomper et se manifester. Vous pouvez également personnaliser la couleur et le remplissage des champs ici. Le rayon de la limite d’information est une option particulièrement intéressante pour la mise en page de détection que nous utilisons, car il aide à s’adapter au champ d’information et à l’icône pin elle – même. Si nous n’ajoutons pas de rayon ici, le champ d’information blanc sera situé au – dessus de la goupille de la boîte d’icône rouge.
L’option info title style fait référence au titre que nous ajoutons à chaque broche. Les paramètres ici s’appliquent à tous les titres de ce Hotspot d’image. Vous connaissez peut – être ces options et, à première vue, vous pouvez spécifier une étiquette de titre, une couleur, un type de titre optimisé. La marge inférieure du titre est une option importante lorsqu’il y a aussi des sous – titres dans le champ d’information, car vous pouvez ajouter cette marge pour créer un espace entre le titre et les sous – titres. En ce qui concerne les styles de sous – titres d’information, si vous ajoutez des sous – titres ici, vous pouvez styliser leur apparence plus en détail. Dans les options typographiques, vous pouvez utiliser différents paramètres.
C’est le résultat final. Le texte que nous avons ajouté utilise également le Widget Qi pour le titre de la section AG