X

Cómo crear un shortcode de Google Maps

Snippets de IsItWP

¿Estás buscando una forma de usar un shortcode para agregar Google Maps a tu sitio de WordPress? Si bien probablemente haya un plugin para esto, hemos creado un fragmento de código rápido que puedes usar para crear un shortcode de Google Maps en WordPress.

Instrucciones:

Agrega este código al archivo functions.php de tu tema o a un plugin específico del sitio.

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");

Luego, usa este shortcode para crear un mapa. Recuerda cambiar el atributo src.

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

Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo agregar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.

Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: Reseña de Google Maps Builder: Incrusta Mapas Interactivos Fácilmente y cómo configurar el seguimiento de autores en WordPress con Google Analytics.

Comentarios   Deja una respuesta

  1. Hola, buena idea, pero a mí tampoco me aparece el mapa, solo un campo en blanco. ¿Alguna sugerencia de qué salió mal???

  2. Hola Cliff, algunas cosas, incluyendo si se hacen cambios en el código de incrustación, puedes simplemente actualizar el fragmento en lugar de actualizar cada publicación. Es posible que desees tener varios tamaños para cada publicación o que en el futuro cambies el diseño de tu sitio y necesites que cada mapa tenga un tamaño específico, por lo que podrías ignorar el atributo de tamaño y forzar uno predeterminado.

Agrega un comentario

Nos complace que hayas elegido dejar un comentario. Ten en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Lista de verificación para lanzar WordPress

La lista de verificación definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de verificación para el lanzamiento de tu próximo sitio web de WordPress en un práctico ebook.
¡Sí, envíame el eBook gratis!