Mettre un lien vers Google maps
Résolu
Mimouch2
Messages postés
63
Statut
Membre
-
bg62 Messages postés 26226 Statut Modérateur -
bg62 Messages postés 26226 Statut Modérateur -
Bonjour,
Encore moi : dis-moi si j'abuse...
Maintenant, je voudrais savoir comment insérer un lien vers Google Maps sur une image qui est mise "à la une" sur la page d'accueil, et qui est enregistrée depuis Google Maps : pour bien me faire comprendre, j'ai donc mis cette image sur ma page d'accueil, et dessous j'ai mis le lien pour ouvrir GM sur cette zone; mais j'aimerais mieux qu'on puisse l'ouvrir directement en cliquant sur l'image à la une.
Si tu veux te faire une idée, ci-dessous l'adresse de mon site : h t t p : / / petit-fennec.fr/
Merci d'avance
Encore moi : dis-moi si j'abuse...
Maintenant, je voudrais savoir comment insérer un lien vers Google Maps sur une image qui est mise "à la une" sur la page d'accueil, et qui est enregistrée depuis Google Maps : pour bien me faire comprendre, j'ai donc mis cette image sur ma page d'accueil, et dessous j'ai mis le lien pour ouvrir GM sur cette zone; mais j'aimerais mieux qu'on puisse l'ouvrir directement en cliquant sur l'image à la une.
Si tu veux te faire une idée, ci-dessous l'adresse de mon site : h t t p : / / petit-fennec.fr/
Merci d'avance
A voir également:
- Lien google maps
- Google maps satellite - Guide
- Google maps - Guide
- Dns google - Guide
- Telecharger google maps pc - Télécharger - Téléchargement & Transfert
- Lien url - Guide
2 réponses
lut;)
" Si tu veux te faire une idée = " ben oui " MAIS le genre de lien demandé est déjà présent sur 'ton' site ... donc = où se trouve le fin fond de ta demande???
" Si tu veux te faire une idée = " ben oui " MAIS le genre de lien demandé est déjà présent sur 'ton' site ... donc = où se trouve le fin fond de ta demande???
Salut,
Il suffit de placer ton image à l'intérieur d'un lien :
Bonne journée,
Il suffit de placer ton image à l'intérieur d'un lien :
<a href="lien-vers-gm">
<img src="mon-image">
</a>
Bonne journée,
Bonjour,
Mais si je suis bien tes explications, il faut mettre <a href="lien-vers-gm">
<img src="mon-image">
</a>
or la photo "mise à la une" par Wordpress est déjà codée (je ne suis pas sure des termes...) href="http://petit-fennec.fr/etc... et je n'ai pas l'impression qu'on puisse imbriquer 2 href=, alors peut-être que c'est insoluble et que je vais devoir laisser le lien sous forme d'une ligne sous l'image, mais c'est inélégant !
Merci pour ta réponse
Mais si je suis bien tes explications, il faut mettre <a href="lien-vers-gm">
<img src="mon-image">
</a>
or la photo "mise à la une" par Wordpress est déjà codée (je ne suis pas sure des termes...) href="http://petit-fennec.fr/etc... et je n'ai pas l'impression qu'on puisse imbriquer 2 href=, alors peut-être que c'est insoluble et que je vais devoir laisser le lien sous forme d'une ligne sous l'image, mais c'est inélégant !
Merci pour ta réponse
Le code de ton image est actuellement le suivant d'après le code source de la page :
Il suffit donc de reprendre ce code en ajoutant un lien autour de l'image :
<div class="post-thumbnail"> <img width="1260" height="690" sizes="(max-width: 1260px) 100vw, 1260px" srcset="http://i0.wp.com/petit-fennec.fr/wp-content/uploads/2016/03/Algérie.jpg?resize=300%2C164 300w, http://i0.wp.com/petit-fennec.fr/wp-content/uploads/2016/03/Algérie.jpg?resize=768%2C421 768w, http://i0.wp.com/petit-fennec.fr/wp-content/uploads/2016/03/Algérie.jpg?resize=1024%2C561 1024w, http://i0.wp.com/petit-fennec.fr/wp-content/uploads/2016/03/Algérie.jpg?resize=1260%2C690 1260w, http://i0.wp.com/petit-fennec.fr/wp-content/uploads/2016/03/Algérie.jpg?w=1680 1680w" alt="Algérie" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" src="http://i0.wp.com/petit-fennec.fr/wp-content/uploads/2016/03/Algérie.jpg?fit=1260%2C690"> </div>
Il suffit donc de reprendre ce code en ajoutant un lien autour de l'image :
<div class="post-thumbnail"> <a href="lien-vers-gm"> <img width="1260" height="690" sizes="(max-width: 1260px) 100vw, 1260px" srcset="http://i0.wp.com/petit-fennec.fr/wp-content/uploads/2016/03/Algérie.jpg?resize=300%2C164 300w, http://i0.wp.com/petit-fennec.fr/wp-content/uploads/2016/03/Algérie.jpg?resize=768%2C421 768w, http://i0.wp.com/petit-fennec.fr/wp-content/uploads/2016/03/Algérie.jpg?resize=1024%2C561 1024w, http://i0.wp.com/petit-fennec.fr/wp-content/uploads/2016/03/Algérie.jpg?resize=1260%2C690 1260w, http://i0.wp.com/petit-fennec.fr/wp-content/uploads/2016/03/Algérie.jpg?w=1680 1680w" alt="Algérie" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" src="http://i0.wp.com/petit-fennec.fr/wp-content/uploads/2016/03/Algérie.jpg?fit=1260%2C690"> </a> </div>
Je n'y arrive pas : j'ai beau essayer de modifier comme tu me l'expliques, toujours pas de lien sur la photo... C'est trop fort pour moi. (je n'y connais rien).
Pas grave : je suis passée au plan B et j'ai intégré la photo dans le corps de la page. Comme ça, j'ai pu lui intégrer le lien comme je voulais - et au moins je suis sure que ça s'ouvre dans un nouvel onglet.
Merci beaucoup pour ton aide.
Pas grave : je suis passée au plan B et j'ai intégré la photo dans le corps de la page. Comme ça, j'ai pu lui intégrer le lien comme je voulais - et au moins je suis sure que ça s'ouvre dans un nouvel onglet.
Merci beaucoup pour ton aide.
En fait, j'ai mis un lien sur une ligne en-dessous de l'image mise à la une. Je voudrais faire disparaitre cette ligne, et que le lien soit dans la photo (qu'on y accède - si ps en ouvrant un autre onglet - en cliquant directement sur la photo).
Mais si je suis les explications de Piter ci-dessus, il faut mettre <a href="lien-vers-gm">
<img src="mon-image">
</a>
or la photo "mise à la une" par Wordpress est déjà codée (je ne suis pas sure des termes...) href="http://petit-fennec.fr/etc... et je n'ai pas l'impression qu'on puisse imbriquer 2 href=, alors peut-être que c'est insoluble et que je vais devoir laisser le lien sous forme d'une ligne sous l'image, mais c'est inélégant !
Merci pour ton aide
tu ne peux pas ajouter de liens a une image a la une car ce n'est pas une image d'illustration du contenu de l'article mais une image pour désigner l'article, c'est pourquoi le lien dessus pointe normalement vers l'article.
Ce que tu veux faire est peut-être possible mais cela demanderait pas mal de temps rien que pour le code car en théorie, il faudrait enlever l'image la une uniquement pour cet article, mettre une image avec le lien à la place et récupérer le code pour que les css soient identiques bref cela demandera quelques heures pour un résultat qui n'est pas super utile.
amha, je vois pas l'intérêt de l'envoyer sur la map avant qu'il ait eu le temps de lire l'article
En effet, si tu as lu mes réponses aux autres contributeurs, tu as vu que j'ai finalement divergé vers une solutions alternative plus simple... (see the site).
Mais l'intérêt de ce lien vers GM est pour moi évident dans la mesure où cette page d'accueil doit être une page de référence qui permettra à tout visiteur à la fois de se réorienter dans le site, d'envoyer un message hors commentaire, et/où de situer l'endroit cité où que ce soit dans n'importe quel article. C'est d'ailleurs pourquoi je préfère que le lien s'ouvre dans un nouvel onglet.
Bonne journée à tous
sur la page d'accueil, dans le menu du haut, et en widget dans la barre latérale ....
Top-top, merci !