Tutorial
Landingpage
erstellung

01. Seitenerstellung

Navigation:
• Seiten → Seite hinzufügen (oben)

Mittelblock:
• Seitentitel vergeben
• AIOSEO-Einstellungen:
Reiter „Allgemein“ → Seitentitel & Meta-Beschreibung vergeben
Reiter „Sozial“ → Bildquelle → „Beitragsbild“

Rechter Block:
• Beitragsbild festlegen
• Template: „Custom Page“
• Sprache: „Deutsch“

Top Bar:
• Veröffentlichen (rechts)
• Mit Elementor bearbeiten (links)

02. Container duplizieren

Um die vordefinierten Blueprint Container zu kopieren, muss zunächst ein extra Browser-Tab mit der Adminkonsole geöffnet und in diesem die Blueprint Seite aufgerufen werden.

Neues Browser-Tab mit Adminkonsole öffnen:
• Seiten → „Blueprint“ → Mit Elementor bearbeiten

Rechter Block:
• Container auswählen → Rechtsklick: Kopieren → zum Tab der neuen Landingpage wechseln

Mittelblock:
• Rechtsklick auf hellgraues Feld mit den 3 Icons in der Mitte → einfügen

 

Vorgang mit den restlichen Containern wiederholen, um sich die gewünschte Seitenstuktur zu bauen.

03. Elementor Container-Struktur

Struktur

Die Landingpage wird mit Hilfe von Containern im rechten Struktur Block aufgebaut. In den Containern liegen die Gestaltungselemente, welche durch aufklappen des Containers oder auf der Vorschaufläche ausgewählt werden können.

Reihenfolge

Die Container können per Drag and Drop in der Reihenfolge verändert werden, um die Positionen der Inhalte unserer  Landingpages flexibel anzuordnen.

04. Elementor Container Gestaltung

Container Gestaltung

Die Landingpage wird mit Hilfe von Containern im rechten Struktur Block aufgebaut. In den Containern liegen die Gestaltungselemente, welche durch aufklappen des Containers oder auf der Vorschaufläche ausgewählt werden können.

Navigation:
• Medien → Mediendatei hinzufügen

Mittelblock:
• URL in Zwischenablage kopieren

05. Elementor Element Gestaltung

Elementauswahl

Elemente

Die Container sowie die in den Containern liegenden Elemente werden im linken Elemente Block gestaltet.
Die Gestaltungsmöglichkeiten sind nach: Inhalt, Stil, Erweitert in Tabs unterteilt.

Info: Wie im Überschrift Beispiel oben zu sehen, muss bei manchen Elementen ein Zeilenumbruch durch das <br> Tag erzwungen werden.