Intégrer Google Maps sans plugin WordPress

Dans cet article je montre une méthode très simple pour intégrer google Maps dans vos articles ou dans une page de contact par exemple. Cette méthode est la même que j’utilise pour autoriser l’affichage d’iframes Vimeo ou Youtube sur son blog. Pas besoin de plugin ni d’api key Google Map.

Installation

  • Copier le code ci-dessous dans le fichier : functions.php de votre template afin de permettre l’affichage des champs personnalisés dans l’éditeur WordPress :
[php] function field_func($atts) { global $post; $name = $atts['name']; if (empty($name)) return; return get_post_meta($post->ID, $name, true); } add_shortcode(‘field’, ‘field_func’); [/php]
  • Dans votre article, créer un champ personnalisé appelé par exemple: iframe avec pour valeur le contenu de votre iframe.
  • récupérer l’iframe Google Maps situé dans l’onglet lien à droite du plan. Exemple ici.

  • Dans l’éditeur de texte wordpress, il ne reste plus qu’a appeler le contenu du champ personnalisé avec le shortcode: [field name=iframe]

Exemple

[field name=iframeMap]

Laisser un commentaire

12 Commentaires

  1. ca marche, merci !

    1. gat

      Merci également !!!
      Qu’il est bon de se passer de plugins !

  2. Max

    Superbe astuce merci beaucoup !

  3. HPV

    Bonjour
    J’ai utilisé votre code mais sans succès : à quel endroit du fichier function.php faut il le copier ?
    Merci par avance

    1. Bonjour,

      Vous pouvez placer la fonction par exemple au début de votre fichier juste en dessous (ligne 2) de la première balise ouvrante php (< ?php).

  4. Bonjour

    merci c’est sympa, par contre j’aimerai savoir si il est possible lorsque l’on clique sur Agrandir le plan que ce dernier s’ouvre dans une autre fenêtre, ou un autre onglet.
    Merci

    1. Bonjour,

      Étant donné que ce code est une iframe, le script est hébergé chez google, il y a peut être des paramètres supplémentaires possible mais je ne pense pas que cela soit possible.

    2. Pour ouvrir le plan agrandi dans un autre onglet ou fenêtre, il suffit de placer target= »_blank » dans les paramètres du lien et le tour est joué.

  5. nlw

    Bien joué !! Merci bcp !!

  6. Marie

    Bonjour,

    J’ai essayé ta méthode et en ajoutant la fonction php mon site vient de sauter.
    Je ne parviens pas à le récupérer. Que faire ?

    1. Phil

      Bonsoir. Tout pareil que Marie, site accessible, mais plus d’accès à l’administration: tout blanc.
      ????

  7. Frédéric

    Merci mais comment créer un champ personnalisé dans un article ?