toujou
+49 911 23980-870

Map of Address left with text, square

Eine quadratische Karte (gemäß der Adresse, die Sie angeben) auf der linken Seite mit Kontaktinformationen auf der rechten Seite.

Item-ID: 06-013

 Beispielansicht   Anleitung   Verhalten   Google API Key


Beispielansicht

Um externe Karten-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung.

Weitere Informationen finden Sie in unserer Datenschutzerklärung.

DFAU

Gustav-Weißkopf-Str. 5
90768 Fürth
Tel: +49 911 239808-70
E-Mail: info@dfau.de

This is a map element that displays an address above any type of information. The text and/or other type of content is displayed underneath the address and above social media icons, if you wish to link to social media channels. 


Anleitung

Karten-Element anlegen

  • Klicken Sie auf den Button Inhaltum ein Karten-Element zu erstellen.
  • Im Reiter Map Elements wählen Sie Map of address left with text, square.

Adresse einfügen

  • Geben Sie im Reiter Set address in den oben stehenden Feldern die Adresse ein. 
  • Um die korrekte Darstellung einer Adresse zu gewährleisten, ist mindestens die Nennung der Straße, Postleitzahl und Stadt (ggf. Land) nötig. 

Text einfügen

  • Geben Sie Ihren Text ins Textfeld ein.
  • Sollten Sie den Text aus einer anderen Datei kopieren, achten Sie auf eventuell mitkopierte Formatierungen.
  • Der Text kann direkt im Textfeld, mit dem Menü über dem Textfeld, formatiert werden.

Social-Media-Buttons hinzufügen

  • Im Reiter Social Media haben Sie die Möglichkeit, für diverse Social-Media-Kanäle Verlinkungen zu erstellen.
  • Fügen Sie für das jeweilige Medium den Direktlink zum gewünschten Profil ein. 

Element Design für mehr Individualität

In diesem Element können Sie zudem das Erscheinungsbild ganz leicht mit dem Element Design mit einem Klick ändern. Mit der Auswahl von Standard Design, Primary Design, Secondary Design oder Umgekehrtes Design wechseln Sie Hintergrundfarbe des Elements und ggfs. die Hintergrundfarbe der Headline oder Pfeile bzw. des Textbereichs entsprechend der in den Theme-Settings definierten Farbe.

  

  • Mit Klick auf das Element Design im Reiter Allgemein / General erhalten Sie im Dropdown-Menü die Wahl für eine individuelle Designfarbe.
  • Wählen Sie aus den Optionen Standard, Primary, Secondary sowie Umgekehrt die gewünschte Option aus.
  • Speichern Sie die Änderungen im Element, damit sie sichtbar werden.

Verhalten

Eine quadratische Adress-Karte auf der linken Seite mit Kontaktinformationen auf der rechten Seite gibt die von Ihnen gewählte Adresse in einer Google-Map mit festem quadratischen Seitenverhältnis wieder. 

Responsive: Ist nicht ausreichend Platz zur Darstellung nebeneinander vorhanden, zeigen alle Karten die zuvor nebenstehenden Kontaktdaten/Informationen unter der Karte an. Unabhängig von der ursprünglichen Ausrichtung wird dadurch die Darstellung einheitlicher Karten auf kleinen Endgeräten gewährleistet.
Besonderheiten: 

  • Die Nutzung dieses Elements bietet sich für die Darstellung von Adressen an, die nicht bereits in Ihren Grundeinstellungen im übergeordneten Menü Contact Information eingetragen sind. Für dieses Element steht Ihnen zusätzlich zur Darstellung der Adresse eine editierbare Textfläche zur Verfügung, in der Sie weitere Informationen frei eingeben können. 
  • Für die korrekte Darstellung einer Adresse benötigen Sie einen Google API Key der Google Cloud Platform. Erläuterungen dazu finden Sie hier.