Carte interactive GrafikArt dans WP

MTK
PHP Wordpress

J'ai posté ce message sur le support de WordPress mais personne n'a l'air de vouloir répondre.

Comme j'ai réalisé cette carte de France interactive avec le tuto Grafikart (très bien fait d'ailleurs, merci) ça fait trop longtemps que je planche en vain sur mon blog pour l'intégrer alors me voilà. J'espère trouver une aide parce que là j'en peux plus.

Donc, bonne nouvelle déjà, la carte marche super bien indépendamment de wordpress. Mais je ne sais pas trop la marche à suivre pour que le Jquery fonctionne correctement.

Malgré des tests en pagaille, même si ma carte s'affiche magnifiquement (mouse-over actif), les effets sont là mais au clic, la redirirection ne se fait pas. Je me dis que ça provient du slug dans la partie :
var regions=[
{name:'Alsace', slug:'regions/alsace'},

Voici ce que j'ai fais :

J'ai inséré les fichiers (et dossiers) de ma carte interactive dans mon dossier thème-enfant.
La partie css est ajoutée directement dans le style.css de mon thème. Ce qui ne marchait pas quand je reliais le tout à un autre.css.

J'ai aussi créé un template pour localiser ma page carte.php (qui contient le html et le jquery).

J'ai vu qu'il faut ajouter des parties de code dans header.php et dans footer.php.

Help !!

Merci à vous si vous avez la solution

11 réponses

MTK
Auteur
Réponse acceptée

Bonjour à tous,
juste pour vous dire que j'ai trouvé la réponse à mon problème.
C'était en gros une petite partie de code à ajouter dans la partie introduisant les area : 

 <img src="<?php bloginfo('template_directory'); ?>/void.png" alt="" border="0" width="700" height="500" usemap="#Map" />
Grafikart

Tu as l'url du site avec la carte ?

MTK
Auteur

Ben là je bosse en local

MTK
Auteur

Sinon, j'ai une idée, comme j'ai un projet en cours qui n'est pas indexé, je peux mettre tout ça en ligne provisoirement à cette URL et je reviens de donner l'adresse, d'accord ?

MTK
Auteur

Voilà l'url, j'espère que vous pourrez m'aider.
J'en peux plus, Help !
http://bdtoiles.com/carte/

Grafikart

Là quand je clique sur une zone je suis bien redirigé :(

MTK
Auteur

Mais non la zone sur laquelle je teste (région Centre) depuis des jours ne redirige pas.

Le message :
"Rien de trouvé
Il semblerait que rien n’ai été trouvé à cette adresse. Essayez peut-être une recherche ?"

Je crois que c'est le slug qui pose problème avec Wordpress?

var regions=[
{name:'Centre', slug:'region-centre'},

ça viendrait d'une incompatibilité avec Jquery ?

Hors wordpress, ma carte et la redirection des zones cliquées marchent très bien.

Comme tu vois, j'ai mis "region-centre" tout comme la page region-centre.php que j'ai mise dans le dossier du thème-enfant et tout comme la page wordpress (à partir du back office) que j'ai créée sous le même nom de permalien (region-centre) et en lui attribuant un modèle "Region Centre" de la même façon que je l'ai fais pour la page d'accueil de la carte dont le modèle "Carte interactive" fonctionne à merveille.

Mais pourquoi diable, ne s'affiche pas le contenu de la page region-centre.php

Antoine Brsslt

Tu as un problème avec ton css

As tu utilisé 

<?php bloginfo('template_url');?>/style.css

?

mendil

As-tu créé un custom type "carte" ou "régions ou est-ce juste des pages ?
Si c'est un custom type, régénère les permaliens, sinon si c'est des pages regarde l'url permalien de la page.

MTK
Auteur

Antoine : Merci pour l'erreur de css, non je ne savais pas pour cette ligne de code "bloginfo". Elle doit être insérée dans le header.php du thème-enfant ? dans le <head> ou bien le <body> ? Tu crois que ça serait ça qui empêcherait la reconnaissance du lien ?

Mendil : Je ne suis pas une utilisatrice de très longue date de WP, je n'ai jamais créé de custom type.

En fait comme je l'expliquais, dans le dossier thème-enfant du répertoire de WP, j'ai inséré l'index de la carte interactive (renommé carte.php) ainsi que les autres fichiers bien sur. Dans cette carte.php j'introduis le code par :

<?php
/*
Template Name: carte interactive
*/
?>

Ensuite, j'ai créé une nouvelle page dans le back office de WP. Je lui ai attribué le template nommé carte interactive. Le nom du permalien "carte".

Après, j'ai fais de même pour renvoyer sur une première région: Création de la page region-centre.php sans oublier d'y coller le :

<?php
/*
Template Name: Region Centre
*/
?>

... back-office : nouvelle page, permalien "région-centre" ok. Attribution du template "Region Centre". Tout y est !

Donc la carte est là comme vous avez vu, mais la redirection quand je clic sur la région Centre, rien.
J'ai laissé le code du tuto tel quel, y a-t-il des petites modifs ou autre à apporter pour adapter à WP ?

mendil

Vos pages régions sont des pages enfantes de la page "Carte" ?
Quel est l'url complète de la page région centre par exemple ? Je pense qu'il faut mettre l'url complète et nom le permalien dans le champ "slug".