Elementor Tutorial für Anfänger 2021 - [DE/Deutsch]

Elementor ist einer der besten kostenlosen PageBuilder für WordPress-Websites. Da Elementor immer besser und besser wird, kommen immer mehr und mehr Funktionen dazu. Wenn du anfangen möchtest Webseiten mit Elementor zu bauen, ist das Tutorial genau richtig für dich! In diesem Video werde ich die Grundlagen von Elementor zeigen. In den ersten 2 Minuten des Videos zeige ich dir was du erreichen wirst.

In diesem Elementor Tutorial für Anfänger lernst du, was der Unterschied zwischen einem Theme und einem Page Builder ist. Themes kümmern sich um deine Kopf- und Fußzeilen Bereiche. Der Page Builder für den Inhalt deiner Website. Ebenfalls schauen wir uns den Unterschied zwischen Elementor Pro und der kostenlosen Version an.

Wir gehen alle wichtigen Elementor Einstellungen und Basics durch. Ebenfalls zeige ich dir wie du Abschnitte (Sektionen), Spalten und auch Elemente richtig mit Elementor platzierst. Die Freiheit ist bei Elementor endlos und mit diesem Tutorial werden dir keine Wünsche mehr offen bleiben.

Wir werden über verschiedene Hintergrundtypen sprechen, wie Farben, Farbverläufe, Bilder und sogar Videos. Wir werden mit verschiedenen Elementen arbeiten, wie z.B. dem Überschriftenelement, Trennlinie, Buttons, dem Videoelement und mehr.

Wir werden über Margin, Padding und über negative Margin sprechen, damit du deine Website freier gestalten kannst. Wir werden über Animationen bzw. Bewegungseffekte sprechen und natürlich werden wir unsere Webseite mit Elementor komplett Mobilfreundlich (responsiv) machen.

Wir werden über die Elementor Bibliothek sprechen, die Vorlagen und Blöcke anbietet. Mit den komplett vorgefertigte Vorlagen, die du importieren kannst, hast du schnell deine Webseite zusammen gebaut.

Nicht zuletzt werden wir über globale Schriftarten und globale Farben sprechen, so dass wir das Aussehen und die Gestaltung unserer Website mit 2 Klicks ändern können, anstatt alle Schriftarten und Farben auf unserer Website einzeln zu ändern.

Nachdem du dir dieses Tutorial angeschaut hast, wirst du in der Lage sein, schöne Websites mit Elementor zu erstellen.

#elementor #tutorial #wordpress

Schnellnavigation
00:00 Intro
00:20 Einleitung zu diesem Elementor Tutorial
02:10 Unterschied Themes und Page Builder
03:08 Set Up der Webseite
06:00 Elementor installieren & aktivieren
06:55 Was tue ich wenn Elementor nicht lädt?
08:10 Wartungsmodus aktivieren mit Elementor
09:10 Template Bibliothek (Library) verbinden, man braucht nur einen Elementor Account, keine Pro Lizenz

Elementor Basics
11:00 Sektion, Spalten und Elemente mit Elementor
14:18 Elementor kostenlose Elemente (reiter: Inhalt, Stil, erweitert)
16:50 Bearbeitungs Icons aktivieren
18:37 Erstelle deine erste Sektion mit Elementor
19:28 Der Sektionen Hintergrund Teil 1
20:00 Vorschau der Änderungen mit Elementor
20:20 Breite und Höhe von Sektionen anpassen
24:08 Spalten Einstellungen
27:20 Der Sektionen Hintergrund Teil 2 (Farbe & Farbverlauf)
28:36 Globale Farben & Schriften bzw. Website Einstellungen bei Elementor
36:20 Der Navigator von Elementor
37:47 Verlauf und Revision Management mit Elementor
39:11 Duplizieren bzw. kopieren mit Elementor
41:20 Template Bibliothek (Library) von Elementor (Seiten, Blöcke & Vorlagen)
46:46 Eigene Elementor Templates speichern , exportieren und einfügen

Weitere Einstellungen
50:40 Hero Sektion mit Icons und Elementor erstellen
51:20 Erweiterte Einstellungen (Margin, Padding) mit Elementor
52:30 Box Schatten hinzufügen bei Icon Box
54:00 Bewegungseffekte & Animationen für Elemente, Sektionen und Spalten
58:10 Schatten bei Elementen einstellen
59:30 Rahmen und Rahmen Radius für Elemente erstellen und Einstellungen
01:02:18 Trennlinien für eine Sektion erstellen mit Elementor
01:05:15 Negatives Margin mit Elementor
01:07:06 Allgemeine Trennlinie (Element) einfügen
01:08:00 Das Video Element von Elementor
01:12:00 Mobile Ansicht mit Elementor anpassen
01:17:40 Komplette Unterseite als Template speichern bzw. Exportieren und importieren
01:22:08 Outro

Dieses Video beinhaltet Werbung.

[NikolausKolba]

WICHTIG: Die Navigation zu den einzelnen Punkten findest du in der Beschreibung. Solltest du Fragen zum Thema Elementor haben bzw. noch etwas offen sein, schreibe einfach unterhalb einen Kommentar, beantworte immer wieder alle Kommentare. 🚀
Schnellnavigation:
00:00 Intro
00:20 Einleitung zu diesem Elementor Tutorial
02:10 Unterschied Themes und Page Builder
03:08 Set Up der Webseite
06:00 Elementor installieren & aktivieren
06:55 Was tue ich wenn Elementor nicht lädt?
08:10 Wartungsmodus aktivieren mit Elementor
09.10 Template Bibliothek (Library) verbinden, man braucht nur einen Elementor Account, keine Pro Lizenz

Elementor Basics
11:00 Sektion, Spalten und Elemente mit Elementor
14:18 Elementor kostenlose Elemente (reiter: Inhalt, Stil, erweitert)
16:50 Bearbeitungs Icons aktivieren
18:37 Erstelle deine erste Sektion mit Elementor
19:28 Der Sektionen Hintergrund Teil 1
20:00 Vorschau der Änderungen mit Elementor
20:20 Breite und Höhe von Sektionen anpassen
24:08 Spalten Einstellungen
27:20 Der Sektionen Hintergrund Teil 2 (Farbe & Farbverlauf)
28:36 Globale Farben & Schriften bzw. Website Einstellungen bei Elementor
36:20 Der Navigator von Elementor
37:47 Verlauf und Revision Management mit Elementor
39.11 Duplizieren bzw. kopieren mit Elementor
41:20 Template Bibliothek (Library) von Elementor (Seiten, Blöcke & Vorlagen)
46:46 Eigene Elementor Templates speichern, exportieren und einfügen

Weitere Einstellungen
50:40 Hero Sektion mit Icons und Elementor erstellen
51:20 Erweiterte Einstellungen (Margin, Padding) mit Elementor
52:30 Box Schatten hinzufügen bei Icon Box
54:00 Bewegungseffekte & Animationen für Elemente, Sektionen und Spalten
58:10 Schatten bei Elementen einstellen
59:30 Rahmen und Rahmen Radius für Elemente erstellen und Einstellungen
01:02:18 Trennlinien für eine Sektion erstellen mit Elementor
01:05:15 Negatives Margin mit Elementor
01:07:06 Allgemeine Trennlinie (Element) einfügen
01:08:00 Das Video Element von Elementor
01:12:00 Mobile Ansicht mit Elementor anpassen
01:17:40 Komplette Unterseite als Template speichern bzw. Exportieren und importieren
01:22:08 Outro

[thomasbruck]

Danke für die systematische Vorgehensweise. Ich arbeite zwar schon längere Zeit mit Elementor, aber hier werden auch Hintergründe erklärt!

[dierkgut]

Super angenehme Stimme. Genial erklärt, danke.

[fahrschuelerhilfe]

Herzlichen Dank für deine hervorragende Arbeit. Ich bin dadurch meinem Ziel einen riesigen Schritt näher gekommen.

[sandrasoniec]

Tolles Video! Gute Übersicht über die Möglichkeiten für Leute, die nicht jeden Tag Webseiten bauen.

[cornelialeupold]

Vielen Dank! War super lehrreich! Konnte durch dein Video meine Wissenslücken schließen uns so viel professioneller arbeiten. Kenne auch einige deiner anderen Videos, auch die sind sehr hilfreich. Spitze!

[erichbircher]

Herzlichen Dank für Deine Arbeit. Das Video, oder besser gesagt die Themen haben meine Augen wieder ein tolles Stück weiter geöffnet.

[PaulKral]

Sehr kompetente Einführung! Hat auch mir Freude gemacht!

[Fotouschi]

3 Minuten geschaut und schon ein Like gegeben.. allein für die Mühe mit den Timestamps ;-)
So, jetzt muss ich weiterschauen.

[sanymaus]

🙏 mei, hätt ich dein Video doch eher gefunden, da hätt ich mir viel Ärger erspart. Merci vielmals 🥳🤩

[youtall]

Super Video, danke Nikolaus! Elementor ist einfach super mächtig wenn man es mal verstanden hat

[koerpermanagement]

Super, vielen Dank für die Einführung!

[dynamic-homepages]

Vielen Dank für das Video, das hat mir sehr sehr geholfen. Und ich freue mich jetzt auf Komplette Webseite mit Elementor Pro und Hello Theme =)

[katjav.]

Herzlichen Dank für das Video. Wirklich einige Anfänge gelernt. Werde weitere Videos anschauen. Danke!!

[selbstwandel-dubistdievera]

Danke für diese Arbeit. Ich bin gespannt, was ich alles lernen darf!

[kaihansen]

Herzlichen Dank. Sehr gut, klar und hilfreich.

Eine Frage habe ich:
Wie verbinde ich die Menupunkte (oben) mit darunter angeordneten Sektionen? = Verlinkung von MenueButton mit Sektion?
Zur Erläuterung: --> Ich habe ein Astra-Template (Logo oben, Seiten-Menue darunter).
Eine relativ stabile, einfache Seite wird gewünscht.
Mit jedem Klick auf die Menuepunkte soll jeweils nur 1 Sektion auf ein und derselben Seite drunter angesteuert werden.
Mit "Anfang"-Button soll es wieder nach oben zu Start gehen. Wie verbinde ich die Menupunkte mit darunter angeordneten Sektionen?

[Wossi]

Super gemacht! Vielen Dank für diese wunderbare Einführung in den Elementor!

[-mats-]

Lieben Dank für das informative Video und Deine zusammenfassende Übersicht. Toll! Eine Frage: Der Aufbau und Design der Menüs findet weiterhin in WP bzw. im genutzten Theme statt?

[finanzen]

Super Video!! Hat mir sehr weitergeholfen!! Eine Frage habe ich: muss ich in Footer beim Copyright den Satz: Powered by Astra WP-Theme. Rechtlich stehen lassen?

[NataschaGazic]

Lieber Nikolaus Vielen Dank für Dein Super-Video. Ich habe eine Frage: Mein Elementor Plugin ist in Englisch und ich weiss nicht, wie ich es in Deutsch einstellen kann. Es ist für mich sehr schwer in Englisch zu arbeiten. WordPress ist bereits in Deutsch eingestellt, Chrom habe ich auch in Deutsch eingestellt. Hast Du vielleicht einen Tipp, an was es liegen könnte? Danke