GN General pour votre site Web. De plus, il est très simple à utiliser, crsquoest 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 drsquoajouter des images spécifiques et de placer des hotspots avec des informations spécifiques. Lrsquoutilisateur obtient ensuite des informations en passant le curseur sur le Hotspot. Ce qui est merveilleux, crsquoest que nous pouvons déterminer lemplacement de la réactivité afin drsquoéviter que les points chauds ne correspondent à lrsquoobjet auquel ils se réfèrent sur différents appareils. Dans la même démo Widget, pouvez voir quelques solutions conceptuelles fournies par lrsquoauteur qui peuvent 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 faites glisser le Widget à lrsquoendroit désiré, 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 lrsquoonglet 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 drsquoabord où lrsquoimage 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 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 drsquoy ajouter du contenu. En ce qui concerne le contenu, pouvez définir les options de titre et de sous titre, et une fois que commencez à les éditer, verrez les changements dans le contenu en direct. Il y a aussi un champ pin ici, pouvez
Ici, 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.
Lrsquooption rayon de bord nous permet de définir lrsquoarrière plan comme un cercle parce que le rayon est appliqué à lrsquoarrière plan.
Un style drsquoinformation est lrsquoapparence du champ qui affiche lrsquoinformation. Afficher lrsquoinformation est une option qui détermine comment afficher les canaux de la souris. Il peut srsquoestomper et se manifester. Vous pouvez également personnaliser la couleur et le remplissage des champs ici. Le rayon de la limite drsquoinformation est une option particulièrement intéressante pour la mise en page de détection que nous utilisons, car il aide à srsquoadapter au champ drsquoinformation et à lrsquoicône pin elle même. nous nrsquoajoutons pas de rayon ici, le champ drsquoinformation blanc sera situé au dessus de la goupille de la boîte drsquoicône rouge.
Lrsquooption info title style fait référence au titre que nous ajoutons à chaque broche. Les paramètres ici srsquoappliquent à tous les titres de ce Hotspot drsquoimage. Vous connaissez peut être ces options et, à première vue, pouvez spécifier une étiquette de titre, une couleur, un type de titre optimisé. La marge inférieure du titre est une option importante lorsqursquoil y a aussi des sous titres dans le champ drsquoinformation, car 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 drsquoinformation, si ajoutez des sous titres ici, pouvez styliser leur apparence plus en détail. Dans les options typographiques, pouvez utiliser différents paramètres.
Crsquoest le résultat final. Le texte que nous avons ajouté utilise également le Widget Qi pour le titre de la section AG
Comment ajouter facilement des hotspots d’images dans WordPress
