Unter „Accordion“ -> „Layout“ können Sie das Accordion Modul zu einem Tabs oder Slider Modul umwandeln.

Die Farbe der Umschaltpunkte können Sie mit einem Klick auf das Tab Modul im rechten Seitenmenü unter „Accordion“ -> „Hintergrund“ bearbeiten.

Unter „Accordion“ -> „Layout“ können Sie das Slider Modul zu einem Tabs oder Accordion Modul umwandeln.

Unter „Accordion“ -> „Layout“ können Sie das Accordion Modul zu einem Tabs oder Slider Modul umwandeln.

Ziehen Sie mit der Maus das Modul auf die gewünschte Position der Webseite und wählen Sie dann die gewünschte Karte.

2. Google Maps einrichten

Damit Google^® Maps funktioniert, benötigen Sie einen sogenannten API Schlüssel. Diesen Schlüssel tragen Sie im rechten Seitenmenü im gleichnamigen Feld „API Schlüssel“ ein.
Wie Sie einen API Schlüssel erstellen können erfahren Sie im nächsten Schritt: „4. API Schlüssel erstellen„

Bei „Adresse“ tragen Sie einfach Ihre Adresse, bzw. die Adresse des Standorts der angezeigt werden soll, ein. Bei „Zoom Level“ können Sie noch die Ansicht der Karte ändern.

3. API Schlüssel erstellen

3.1 API aktivieren

Für die Nutzung von Google^® Maps und die Erstellung eines API Schlüssels, wird in erster Linie ein Google^® Konto benötigt. Sollten Sie noch kein Google^® Konto besitzen, können Sie über den folgenden Link ein neues Konto erstellen.

Rufen Sie die Seite https://console.developers.google.com/?hl=de auf, damit Sie sich in die Google^® Entwickler Konsole mit Ihrem Google Konto einloggen können.

Wählen Sie dann den Punkt „+APIS UND DIENSTE AKTIVIEREN„.

Tippen Sie im Suchfeld das Wort „Maps“ ein, damit nur die relevanten APIs angezeigt werden.
Wählen Sie die gewünschte API Anwendung aus welche Sie aktivieren möchten (z.B.: Maps Embed API).

3.2 Schlüssel erstellen

Die API wurde nun erfolgreich aktiviert und Sie können nun über den Reiter „Anmeldedaten“ den benötigten API Schlüssel generieren lassen.

Rufen Sie für die Erstellung des Schlüssels den Link „‚Zugangsdaten‘ unter ‚APIs und Dienste‘“ auf.

Als nächstes wählen Sie im Reiter „Anmeldedaten“ die Schaltfläche „Anmeldedaten erstellen“ und wählen dann den Punkt „API-Schlüssel„.

Sie können den Zugriff auf den Schlüssel mit der gleichnamigen Schaltfläche einschränken.
Kopieren Sie nun den erstellten API-Schlüssel und fügen Sie diesen im entsprechenden Feld im Homepage Baukasten ein (siehe Schritt 3 dieser Anleitung).

Hinweis:
Verwenden Sie NICHT den API Schlüssel den Sie im Screenshot sehen, da dieser bereits deaktiviert wurde und nicht mehr gültig ist. Sie müssen einen eigenen API Schlüssel erstellen.

Dazu gehen Sie wie folgt vor:

Erstellen Sie ein neues Menü-Element

Klicken Sie in der Menüleiste auf das Stiftsymbol und anschließend auf „Neues Menu Element“.

Geben Sie der neuen Unterseite den Namen „Blog“ und setzen Sie einen Haken bei „Inhalt der Seite löschen“.

Blog-Element einfügen

Um zu Ihrer neu erstellten Unterseite zu gelangen, klicken Sie in der Seitennavigation (Kopfzeile) auf „Blog“. Das daraufhin erscheinende Benachrichtigungsfeld schließen Sie mit „Entwurf speichern“.

Sie befinden sich nun auf Ihrer leeren Blog-Unterseite. Mit einem Klick auf das Blog-Modul (oder per Drag-and-Drop) fügen Sie nun das Blog-Element auf der Seite ein.

Wählen Sie Ihr gewünschtes Blog-Element. Das Layout können Sie im Nachhinein noch verändern.

Blog bearbeiten

Blogposts

Mit Klick auf das Stiftsymbol und „Edit Blog“ können Sie den Blog nach Belieben anpassen. Bearbeiten oder löschen Sie bestehende Blogposts und fügen Sie neue Posts hinzu.

Sie können die Blogposts einer beliebigen Kategorie zuordnen, ein Titelbild wählen usw. Fügen Sie Überschriften (H1, H2, H3 …), Bilder oder Links ein.

Bei jedem Blogpost lassen sich individuelle SEO-Einstellungen vornehmen.

Layout

Das Layout des Blogs können Sie jederzeit anpassen, indem Sie auf das Blogmodul klicken im rechten Reiter können Sie nun verschiedene Layouts wählen.

Es stehen Ihnen viele weitere Einstellungen zur Verfügung. Sie können festlegen, wie viele Blogposts auf der ersten Seite angezeigt werden, die Blogpost-Beschreibungen anpassen (Größe, Hintergrundfarbe, Schriftart, Ausrichtung …) und vieles mehr.