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
Bilder müssen nicht immer einfach nur so gerade dastehen. Ein kleiner Dreh kann ansprechend wirken. Dabei ist es nicht einmal nötig, das Originalbild im Photoprogramm zu bearbeiten. Ein wenig CSS-Code hilft Ihnen.
Auch im Divi-Theme lässt sich mit der Maus hervorragend zoomen. «Ctrl» drücken und dazu das Mausrad bewegen; schon verkleinert oder vergrössert sich die Seitenansicht. Fast immer wenigstens. Ein Mini-Hack erklärt, was unternommen werden muss, ...
Lange Wörter – besonders in Überschriften und Titeln – können dazu führen, dass in der Mobilansicht unschöne Umbrüche entstehen. Mit ein wenig CSS-Code eliminieren Sie dies.
Vielleicht haben Sie in Ihrem Divi-Theme Module, Zeilen oder gar ganze Sektionen, welche Sie nach dem Zufallsprinzip anzeigen wollen. Ein Headerbild vielleicht, das bei jedem Seitenaufruf zufällig erscheint oder ein Handlungsaufruf (Call to ...
Keine Inhalte gefunden.
Werbung
