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
Das Blurb- oder Informationstext-Modul des Divi-Themes ermöglicht es, kurze Textblöcke adrrett darzustellen. Es lässt sich aber auch zu einem eigentlichen Teaser umfunktionieren. Wie Sie dies stylen können, erfahren Sie in diesem Beitrag.
Die Portfolio-Übersichten werden out of the box elegant in den Inhaltsbereich «eingeschoben». Das mag einigen der Spielerei zu viel sein. Wer die Liste lieber ohne Slide-In-Bewegung angezeigt erhalten möchte, kann die Animation ganz einfach ...
Icons sind eine tolle Möglichkeit, das Menü der Website interessanter zu gestalten. Das richtige Icon sieht gut aus und gibt dem Nutzer einen Hinweis darauf, worum es sich bei dem Link handelt. Icons im Menü anzuzeigen ist überdies kein Hexenwerk.
Ob jetzt die berühmt-berüchtigten Inline-Frames (iframes) sinnvoll oder eine Plage sind, darüber lässt sich freilich streiten. Zu Zeiten des Responsive Webdesigns stehen sie etwas quer in der Landschaft. Ab und an mögen Sie aber praktisch sein. ...
Keine Inhalte gefunden.
Werbung
