Medienlobby

Nachdem ich lange gesucht habe um herauszufinden wie man eine Google Maps Karte in das CMS WordPress einbindet möchte ich euch die Lösung natürlich nicht vorenthalten.

Das Problem besteht darin, dass der WYSIWYG-Editor von WordPress (TinyMCE) die iframe Tags schlichtweg im Quellcode eliminiert.

Hierzu kursieren im Netz verschiedene Lösungsansätze. Es gibt z.B. einige PlugIns zur Darstellung von Google Karten. Jedoch sind diese für einfach Zwecke etwas “oversized” und erfordern auch einen API-Key von Google. Auch Lösungen wie das Plugin “embed iframe” funktionieren nicht zuverlässig. Es gab auch die Möglichkeit ein paar Zeilen Code in die functions.php des Templates zu schreiben um das iframe im TinyMCE zulassen zu können.Leider funktionierte Letzteres in WP 3.0 nicht mehr.

Nun habe ich ein PlugIn gefunden, welches das Elimieren des <iframe> Tags beim Umschalten zwischen dem HTML-Eingabemodus und dem visuellen Eingabemodus verhindert.

Für unsere Zwecke muss also das PlugIn TinyMCE Valid Elements installiert werden. Unter “Werkzeuge” -> “TinyMCE Valid Elements” fügt man nun das <iframe> Tag mit den entsprechenden Attributen hinzu.

Diese eingefügten Tags werden nun vom WYSIWIG Editor nicht mehr angefasst. Nun kann man den Embed-Code von Google Maps nutzen um Karten darzustellen.

Wie man nun eine Karte in seinen Blogartikel einfügt erkläre ich in diesem kurzen Video.