¿Te gustaría insertar fácilmente un mapa de Google en cualquier entrada o página de WordPress? Con este shortcode personalizado podrás incrustar un iframe de Google Maps especificando el tamaño y la URL directamente desde el editor, sin necesidad de tocar HTML manualmente cada vez.
¿Qué hace este shortcode?
Este fragmento de código crea un shortcode llamado [googlemap] que te permite incrustar mapas de Google con parámetros personalizados como ancho, alto y la URL del mapa.
Ideal para mostrar ubicaciones físicas, oficinas, tiendas, eventos o cualquier dirección geolocalizada.
Instrucciones de uso
1. Copia y pega el siguiente código en el archivo functions.php de tu tema hijo, o en un plugin de funciones personalizadas.
2. Usa el shortcode donde desees mostrar el mapa.
// Shortcode para insertar mapas de Google
add_shortcode('googlemap', 'googleMaps_shortcode');
function googleMaps_shortcode($atts) {
$atts = shortcode_atts(array(
'width' => '640',
'height' => '480',
'src' => ''
), $atts, 'googlemap');
if ( empty($atts['src']) ) return '';
$iframe = '<iframe width="' . esc_attr($atts['width']) . '"';
$iframe .= ' height="' . esc_attr($atts['height']) . '"';
$iframe .= ' frameborder="0"';
$iframe .= ' scrolling="no"';
$iframe .= ' marginheight="0"';
$iframe .= ' marginwidth="0"';
$iframe .= ' src="' . esc_url($atts['src']) . '"></iframe>';
return $iframe;
}Ejemplo de uso del shortcode:
[googlemap width="100%" height="350" src="https://maps.google.com/maps?q=barcelona&t=&z=13&ie=UTF8&iwloc=&output=embed"]