Sujet Précédent Sujet Suivant

Modifier le chemin d'accès d'une carte cliquable sur wordpress ?

Résolu/Fermé
Tigriyo Messages postés 90 Date d'inscription vendredi 8 mars 2013 Statut Membre Dernière intervention 17 décembre 2018 - 22 juil. 2013 à 15:29
inspiring Messages postés 1813 Date d'inscription vendredi 28 janvier 2011 Statut Membre Dernière intervention 31 décembre 2018 - 23 juil. 2013 à 12:26
Bonjour à tous,

Je souhaite mettre sur mon site wordpress une carte cliquable que j'ai développé en local. Mais voilà, je ne sais pas comment modifier ses chemins d'accès aux images dont la carte a besoin pour fonctionner. Typiquement, dans la portion de code que je vais coller dans ma partie texte : 
<img src="000.gif" width="600" height="600" border="0" usemap="#map" id="img"/>
				<map name="map">
					<area shape="poly" coords="303,212,312,220,327,283,318,285,323,293,317,305,326,323,321,335,311,335,308,323,296,325,265,308,254,320,245,320,246,308,239,309,239,295,247,267,258,262,255,253,272,225,303,212" alt="02" title="Zone de Créteil" href="#creteil" />


Par quoi remplacer sur wordpress l'adresse de mon image source qui est "000.gif" ? par son url sur wp ? par son ID ?

On m'a parler de chemin relatif et de chemin absolu... mais je en sais pas trop quoi faire avec ça...

Un grand merci d'avance !

Sabrina

[b]Ma configuration WP actuelle :[/b]

[b]- Version de WordPress :[/b] 3.5.1
[b]- Version de PHP/MySQL :[/b] 5.2.17 / 5.0.67-log
[b]- Thème utilisé :[/b] Graphene
[b]- Thème URI :[/b] https://www.graphene-theme.com/
[b]- Extensions en place :[/b] All In One SEO Pack (2.0.2), Calendar (1.3.3), Catch IDs (1.0), CKEditor for WordPress (4.0), Contact Form 7 (3.4.2), DirtySuds - Embed PDF (1.04), Easing Slider "Lite" (2.1.2), Forum_wordpress_fr (3.1), Google XML Sitemaps (3.2.9), I Draw (1.0), Rich Contact Widget (1.3), Spider Event Calendar (1.3.2), Ultimate TinyMCE (4.7), Viper's Video Quicktags (6.4.5), WordPress SEO (1.4.13), Worpress Video (1.0), WP-Cumulus (1.23), WP Calameo (2.0.4), WP Colorful Tag Cloud (2.0.1), Wysija Newsletters (2.5.4)
[b]- Adresse du site :[/b] http://www.auvmvaldumonde.com/wordpress
[b]- Nom de l'hébergeur :[/b] Apache
A voir également:

8 réponses

Réponse 1 / 8
inspiring Messages postés 1813 Date d'inscription vendredi 28 janvier 2011 Statut Membre Dernière intervention 31 décembre 2018 265
Modifié par inspiring le 22/07/2013 à 16:58
L'astuce est de ne pas intégrer ton image au site par l'intermédiaire de la bibliothèque média de Wordpress mais de le faire par FTP
Disons qu'a la racine de ton site tu crées un dossier "img" et y place ton image "000.gif"
Tu upload ce fichier "img" avec cette image dedans

et dans ton code (ou page wordpress en mode html) tu appeleras l'image par une url absolu, ici :
<img src="http://www.monsiteweb.com/img/000.gif" width="600" ...

Ecrit et assumé par Inspiring - copyright 2009-2013
0
Réponse 2 / 8
Tigriyo Messages postés 90 Date d'inscription vendredi 8 mars 2013 Statut Membre Dernière intervention 17 décembre 2018 15
23 juil. 2013 à 10:16
Merci beaucoup Inspiring pour ta réponse! une solution existe ! mais du coup j'ai fait comme tu m'as dit mais ça ne marche toujours pas... aurais-je oublié une chose ?
j'ai pourtant mis tous mes fichiers en 775... mais par contra j'ai mis le fichier img dans le dossier image de mon thème (ça ne change pas grand chose je pense... ?)

du coup mon code ça donne ça : (j'ai retiré toutes les coordonnées pour alléger un peu) 

id=&quot;web&quot;>
	<div>
		id=&quot;bg_map&quot;> <img border="0" height="600" id="img" src="http://www.auvmvaldumonde.com/web/wordpress/wp-content/themes/graphene/images/img/000.gif" usemap="#map" width="600" /><map name="map"><area alt="02" 

coords="303,212,(...)3,212" href="#creteil" shape="poly" title="Zone de Créteil" /> <area alt="01" 

coords="62,193,82,(...)56,203" href="#fresnes" shape="poly" title="Zone de Fresnes" /> <area alt="04" coords="217,293,209(...),238,296,216,293" href="#orly" shape="poly" title="Zone d'Orly" /> <area alt="03" 

coords="318,(...)425" href="#limeil" shape="poly" title="Zone de Limeil-Brévannes" /></map>
	</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script><script>
			$(function(){
				$("area").mouseover(function(){
					var link = $(this).attr("alt");
					$("#img").attr("src",link+".png");
				}).mouseout(function(){
					$("#img").attr("src","http://www.auvmvaldumonde.com/web/wordpress/wp-content/themes/graphene/images/img/000.gif");
				});
			});
		</script>
0
Réponse 3 / 8
inspiring Messages postés 1813 Date d'inscription vendredi 28 janvier 2011 Statut Membre Dernière intervention 31 décembre 2018 265
Modifié par inspiring le 23/07/2013 à 11:05
Bonjour,

j'ai mis le fichier img dans le dossier image de mon thème (ça ne change pas grand chose je pense... ?)
non, effectivement ça ne change rien au principe !

Par contre l'url sensée mener à l'image renvoie sur une page 404, donc :
- Est tu sur du chemin ? celui-ci doit être faux car on devrais pouvoir accéder à l'image en le suivant.
- Ou alors tu as oublié d'uploader l'image sur le site en ligne ...

Bon allez, je suis trop bon, je te donne la correction :
L'url de ton image est http://www.auvmvaldumonde.com/wordpress/wp-content/themes/graphene/images/img/000.gif

corrige la dans ton code et cela devrait fonctionner :)
Ecrit et assumé par Inspiring - copyright 2009-2013
0
Réponse 4 / 8
Tigriyo Messages postés 90 Date d'inscription vendredi 8 mars 2013 Statut Membre Dernière intervention 17 décembre 2018 15
23 juil. 2013 à 11:23
waa!! trop fort! effectivement ça marche! mais j'ai quand même une question histoire que peut-être un jour l'élève rattrape le maître : comment as tu trouvé l'url ? car moi j'avais fait dans mon fichier à la racine clic droit "copier l'adresse dans le presse-papier" mais apparemment ça donne pas le même résultat...
enfin dernière question dois-je faire la même chose avec mes autres images ? car la carte n'est pas active... (mais la carte de fond s'affiche : ) !!)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 8
inspiring Messages postés 1813 Date d'inscription vendredi 28 janvier 2011 Statut Membre Dernière intervention 31 décembre 2018 265
Modifié par inspiring le 23/07/2013 à 11:32
comment as tu trouvé l'url ?
Pas de grand mystère ni de capacités de devin, juste de l'expérience en matière de création et arborescence de site web. Il était "bizarre" que tu crées un dossier web/ pour y placer un dossier wordpress/ , j'ai donc simplement supprimer web/ de l'url fournie et là, la carte est apparue.

dois-je faire la même chose avec mes autres images
Si leurs url contiennent la meme erreur, oui.
D'ailleurs, je me permet de supposer qu'il n'y à pas de dossier web/ dans l'arborescence de ton site, mais je suppose, je n'affirme pas.

Tu peux me laisser l'adresse web de la page hébergeant cette carte si tu veux, je regarde ça

et peut-être un jour l'élève rattrape le maître
Va falloir courrir vite alors, lol
(mon dieu que je suis prétentieux ! non, je rigole)

Ecrit et assumé par Inspiring - copyright 2009-2013
0
Réponse 6 / 8
Tigriyo Messages postés 90 Date d'inscription vendredi 8 mars 2013 Statut Membre Dernière intervention 17 décembre 2018 15
23 juil. 2013 à 11:53
J'ai ouvert le site pour les moteurs de recherche pour que tu y aies accès : http://www.auvmvaldumonde.com
la carte est situé dans l'auvm : une asso / son équipe / l'organisation géographique
je suis entrain de chercher pour que ça marche donc peut-être que ça peut nuire à la navigation sur le site...

Concernant le dossier web, je ne sais pas non plus pourquoi il y en a un... j'ai repris le boulot de quelqu'un qui me l'avais laissé comme ça (mais je crois peut être que c'est à cause du fait que l'asso avait 2 sites web : un site "normal" et un site wordpress du coup le dossier web devait servir à rassembler les deux...)

Concernant le record du monde à battre : c'est pas de la prétention de ton côté mais plutôt une dure réalité pour moi ; )

encore mille mercis de ton aide en tous les cas !
0
Réponse 7 / 8
Tigriyo Messages postés 90 Date d'inscription vendredi 8 mars 2013 Statut Membre Dernière intervention 17 décembre 2018 15
23 juil. 2013 à 11:59
problème résolu!! : ) il fallait juste que je retire le .png à la fin de l'adresse que tu m'avais fourni (en remplaçant bien sûr le 000.gif par le nom de l'image concernée)!!!
aller, je le cris une dernière fois de loin (vu que c'est plus que confirmé tu es devant) MERCI! : )
0
Réponse 8 / 8
inspiring Messages postés 1813 Date d'inscription vendredi 28 janvier 2011 Statut Membre Dernière intervention 31 décembre 2018 265
23 juil. 2013 à 12:26
Lol

bonne nouvelle si tu as obtenu le résultat voulu

A+
0

Discussions similaires

Chemin Logo du site de la Cité de l'espace
Keiios -
blux -

11 réponses
comment donner les droits sur fichier partage
ch'ti du 57 -
fil1958 -

2 réponses
Live tiktok
Dialmari -
Tamara -

11 réponses
Arnaque ou pas?
Pauline -
bonjour -

24 réponses