A volte può capitare di avere la necessità di visualizzare una mappa di Google Maps sul nostro articolo o su un widget (abilitando la visualizzazione degli shortcode). Esiste il metodo “grezzo” che consiste nel copiare e incollare il codice iframe all’interno del post. Oppure esiste un metodo più raffinato e pulito: utilizzare uno shortcode.
Se la seconda opzione è quella che interessa, ecco qui il codice dello shortcode da incollare sul vostro file functions.php:
function my_shortcode_for_google_maps($atts) {
extract(shortcode_atts(array(
'src' => '',
'width' => '800',
'height' => '400'
), $atts));
$html = '';
$html .= '<div class="gmap">' . PHP_EOL;
$html .= '<iframe src="' .$src. '&output=embed" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="'.$width.'" height="'.$height.'"></iframe>' . PHP_EOL;
$html .= '</div>' . PHP_EOL;
return $html;
}
add_shortcode('gmap', 'my_shortcode_for_google_maps');
A questo punto non vi resta che incollare lo shortcode dove volete che appaia la mappa, ricordandovi che nell’attributo src dovete inserire l’indirizzo preciso della mappa, che potete ottenere su Google Maps. Mentre negli altri due attributi, rispettivamente larghezza e altezza della mappa.
[gmap src="INDIRIZZO-VOSTRA-MAPPA" width="VOSTRO-WIDHT" height="VOSTRO HEIGHT"]
Naturalmente, tramite la classe assegnata al contenitore box, potete settare lo stile e i margini a vostro piacimento.