Trick # 478 | Dieser Beitrag beinhaltet 727 Wörter. – Geschätzte Lesezeit: ca. 4 Minuten.
Haben Sie auch schon neidisch auf Websites geschielt, die ihren Firmenstandort mit Google Maps online anzeigen? Dafür benötigen Sie eigentlich einen bezahlten Code – das so genannte API. Es gibt aber einen Plan B zum Einbinden von Google Maps in die eigene Divi-Website. Und der ist völlig gratis.
Hier die Anleitung – Step by Step:
- Rufen Sie zunächst Google Maps auf und suchen Sie die gewünschte Adresse.
- Danach klicken Sie auf den «Share»- oder «Teilen»-Button.
- Nun öffnet sich ein neues Fenster. Wechseln Sie auf «Karte einbetten».
- Die Fensteransicht ändert und Sie können auf «HTML kopieren» klicken.
- Platzieren Sie nun auf Ihrer Website an jener Stelle, wo die Google Map erscheinen soll, ein Code-Modul und …
- … befüllen Sie es mit dem HTML-Code, den Sie im vorherigen Schritt von der Google-Maps-Site geholt haben.
- Eine geringfügige Änderung müssen Sie noch anbringen: Ungefähr im letzten Drittel des Codes ist
width="600"enthalten. Ersetzen Sie dies mitwidth="100%".
Das war’s dann. Die Karte zeigt sich nun so:
Recht simpel – und völlig kostenlos.
Werbung
Mit dem Bild-Modul lassen sich Bilder ganz einfach in Divi-Websites einbinden. Sie können aber gleich noch ein wenig gestylt und animiert werden. Wie das geht, erfahren Sie in diesem Trick.
Im Divi-Theme ist ein Portfolio-Modul enthalten, welches mit Filtern dargestellt wird. Wechselt man den Filter werden die anzuzeigenden Beiträge elegant von links nach rechts ins Bild geschoben. Dieser Effekt lässt sich aber verändern: Beiträge ...
Mit dem HTML-Element button können Sie ganz einfach Schaltflächen erstellen. Mit der Zugabe von noch ein wenig CSS-Code, werden die Buttons überdies richtig schmuck. Drei Gestaltungsmöglichkeiten zeigen wir Ihnen in diesem Beitrag.
Der heutige Tipp ist gleichsam ein kleines Weihnachtsgeschenk an die Besucherinnen und Besucher der Dr. Code-Praxis: Wir bauen eine Divi-Seite, auf welcher Sie mit dem Mausrad punktgenau von Sektion zu Sektion scrollen können.
Keine Inhalte gefunden.
Werbung
