Integration mittels Shortcode
Diese Lösung mittels einem Google Maps Shortcode stammt aus einem Artikel von Chris Coyer im Blog “Digging into WordPress“.
Schritt 1: Der erste Schritt besteht darin, die Datei functions.php um die folgende Funktion zu ergänzen. Wenn man mit einem Child Theme arbeitet, macht es natürlich Sinn, die Funktion in die entsprechende functions.php-Datei des Child Themes zu schreiben, damit die Funktion auch nach einem Update des Themes noch vorhanden ist:
//Google Maps Shortcode 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.'&output=embed"></iframe>'; } add_shortcode("googlemap", "fn_googleMaps");Schritt 2: Nun kann in WordPress (in einer Seite oder in einem Artikel) der folgende Shortcode eingefügt werden:
[googlemap width="200" height="200" src="url"]Die Beiden Parameter “width” und “height” sind dabei die Breite und die Höhe der Google Maps Karte. Im Parameter “src” wird der Link eingefügt, welcher zu der gewünschten Karte führt. Dieser kann direkt auf der Google Maps Karte kopiert werden. Dazu wählt man auf der Google Maps Karte den gewünschten Ort, klickt links oben auf das Link-Symbol und kopiert den entsprechenden Link in den Shortcode.
Das wars auch schon – die Google Maps Karte sollte nun auf der Webseite angezeigt werden.