X

Como criar um código curto do Google Maps

Snippets by IsItWP

Você está procurando uma maneira de usar um shortcode para adicionar o Google Maps ao seu site WordPress? Embora provavelmente exista um plug-in para isso, criamos um trecho de código rápido que você pode usar para criar um shortcode do Google Maps no WordPress.

Instruções:

Adicione esse código ao arquivo functions.php do seu tema ou em um plug-in específico do site.

function fn_googleMaps($atts, $content = null) {
       extract(shortcode_atts(array(
                    "width" => '640',
                    "height" => '480',
                    "src" => ''
                    ), $atts));
      return '<iframe width="'.$width.'" height="'.$height.'" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="'.$src.'"></iframe>';
}
add_shortcode("googlemap", "fn_googleMaps");

Em seguida, use esse shortcode para criar um mapa. Lembre-se de alterar o atributo src.

[googlemap width="200" height="200" src="[url]"]

Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como adicionar corretamente trechos de código no WordPress, para não danificar seu site acidentalmente.

Se você gostou desse snippet de código, considere dar uma olhada em nossos outros artigos no site, como: Revisão do Google Maps Builder: Incorpore facilmente mapas interativos e como configurar o rastreamento de autores no WordPress com o Google Analytics.

Comentários   Deixe uma resposta

  1. Hi, nice idea, but for me the map doesn’t show up either, only a blank field. Any suggestions what went wrong???

  2. Hi Cliff a few things including if changes are made to the embed code in the embed code you can just update the snippet rather then update each post. You may want to have multiple sizes for each post or you may in the future change the design of your site and need each map a specific size that you could ignore the size att and force a default one.

Adicionar um comentário

Ficamos felizes por você ter optado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

WordPress Launch Checklist

A lista de verificação definitiva para o lançamento do WordPress

Compilamos todos os itens essenciais da lista de verificação para o lançamento de seu próximo site WordPress em um ebook prático.
Sim, envie-me o livro eletrônico gratuito grátis!