Contao 3 Grundkurs

Anfahrt: Per Google Map

Testen Sie unsere 1931 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
So zeigen Sie eine Google Map als Anfahrtsskizze auf Ihrer Seite. Sie erhalten außerdem Hinweise auf die Liste der erlaubten HTML-Tags sowie auf die Erweiterung dlh_googlemaps.
03:23

Transkript

Auf der Seite "Kontakt" soll es eine Unterseite "Anfahrt" geben, worauf ich eine Anfahrtsskizze platzieren will. Diese Unterseite gibt es noch nicht, also wäre der erste Schritt, dass wir eine solche Unterseite anlegen. Über die Seitenstruktur, "Neue Seite", unterhalb von "Kontakt" und die Seite heißt "Anfahrt". Ansonsten lasse ich die Einstellungen unverändert, "Speichern und schließen". Die Seite ist da und ich kann auch aus der Seitenstruktur über diesen Button in den Artikel kommen, wo ich dann den Artikel "Anfahrt" bearbeiten kann. An diese Stelle soll jetzt eine Google-Map hin. Wenn Sie eine Adresse eingegeben haben, klicken Sie auf dieses Linksymbol und dann auf "Vorschau anzeigen". Jetzt kann man sich hier die Vorschau noch etwas konfigurieren. Ich gehe mal auf "Benutzerdefiniert", "560" mal "315". Google hat jetzt hier diesen Code erzeugt, den kopiere ich in die Zwischenablage, dann geht es wieder zurück zum Artikel und wir versuchen jetzt mal diesen Code hier einzutragen. "Neues Element", vom Typ "HTML", ich paste den jetzt hier rein und speicher das Ganze. Wenn Sie jetzt genau drauf geachtet haben, der Code fing an mit einem Element, das hieß "iframe", und dieses "iframe" ist jetzt hier herausgelöscht worden. Grund: Es gibt eine Liste der erlaubten HTML-Elemente, deswegen speicher ich das jetzt hier mal zwischen, gehe in die Einstellungen und da finden Sie hier unter "Sicherheitseinstellungen" diese Liste und da ist "iframe" nicht dabei. Das ändern wir, indem wir "iframe" einfach hier dranhängen. "Speichern und schließen" und jetzt versuchen wir das Ganze nochmal, wir haben den Text ja noch im Arbeitsspeicher. Speichern und diesmal ist er erhalten geblieben. Gespeichert ist das Inhaltselement, ich kann jetzt hier also zurückgehen und hier sehen wir mal ein Beispiel für den Einsatz einer reinen Überschrift. Viele Inhaltselemente haben ja eine Überschrift dabei. Und jetzt haben wir hier mal einen Fall, wir nehmen nur eine Überschrift und dann benennen wir die "Anfahrt". "Speichern und schließen". Das schauen wir uns jetzt mal im Frontend an. Wir laden die Seite neu, dann müsste hier die Anfahrt erscheinen, klicke auf "Anfahrt" und wir haben unsere Google-Map auf der Seite. Wenn Sie mehr Konfigurations- möglichkeiten sich wünschen, dann kann ich Ihnen die Erweiterung "dlh_googlemaps" von Christian de la Haye empfehlen. Mit diesem Modul kann man deutlich mehr machen, als das, wa ich gerade gezeigt habe.

Contao 3 Grundkurs

Lernen Sie die Grundidee des Content Management Systems Contao 3 kennen und machen Sie sich mit den Möglichkeiten der Inhaltsdarstellung bis hin zum komplexen Webauftritt vertraut.

6 Std. 34 min (102 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!