Elementor Tutorial für Anfänger 2021 – [DE/Deutsch]
–>
►Hier geht es zum Astra Theme: https://links.nikolaus-kolba.com/astratheme
►Hier hoste ich meine Webseiten: https://links.nikolaus-kolba.com/easyname
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
03:55 Pro vs free Elementor https://elementor.com/pro-vs-free/
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
🔥 Du willst deine eigene Agentur gründen? – https://links.nikolaus-kolba.com/mentoring
🔔 Abonniere für weitere kostenlose YouTube Videos: https://links.nikolaus-kolba.com/youtube
👪 Hier findest du alle wichtigen Links & Social Media Profile von mir: https://links.nikolaus-kolba.com/all
Dieses Video beinhaltet Werbung.
Recommended Posts
In 5 Schritten WordPress auf PHP8 umstellen – Optional: Weiße Startseite WordPress beheben
March 9, 2023
Comments
Comments are closed.
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
03:55 Pro vs free Elementor https://elementor.com/pro-vs-free/
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
Ich habe es noch nicht geschaft aber der alte Tutorial ist so gut, dass ich es einfach allen empfehlen kann. Ich habe direkt eine Frage. Kann man irgendwie Bezahlmethoden wie PayPal usw einfügen?
Super Video, danke Nikolaus! Elementor ist einfach super mächtig wenn man es mal verstanden hat
Top Video vielen Dank
Gutes Tutorial sehr verständlich für Anfänger.
Danke für die systematische Vorgehensweise. Ich arbeite zwar schon längere Zeit mit Elementor, aber hier werden auch Hintergründe erklärt!
Sehr kompetente Einführung! Hat auch mir Freude gemacht!
Super erklärt, vielen Dank Nikolaus für deine Aufwendungen!
Ich bin noch neu bei WordPress und Elementor. Habe noch ne Frage: bei mir ist alles im Elementor in engl. bei dir steht es in Deutsch. Wo kann ich das ändern?
Danke dir für den Tipp.
Super gemacht! Vielen Dank für diese wunderbare Einführung in den Elementor!
Das Tutorial ist wirklich der Hammer!
Sehr gutes und lehrreiches Tutorial. Kann ich nur weiterempfehlen.
Das Tutorial ist super, vielen Dank. Gibt es auch eine Alternative zu Elementor oder ist das der beste kostenlose Pagebuilder?
Klasse Tutorial einfach perfekt, eine frage zur Elementor, wenn ich Elementor Pro für eine Website kaufe und nach Ablauf einem Jahre das Abbo nicht Verlängere Würde dann die Seite nicht mehr, oder nur noch eingeschränkt Funktionieren?
Super Videos, vielen Dank. Hab mir direkt die Pro Version geholt. Macht es auch Sinn sich noch die Pro Version von Astra zu kaufen oder ist es ausreichend die normale Version. Und wo kann ich das Video finden wo du Erklärst wie ich header und footer mit Astra bauen kann?
🙏 mei, hätt ich dein Video doch eher gefunden, da hätt ich mir viel Ärger erspart. Merci vielmals 🥳🤩
Danke für diese Arbeit. Ich bin gespannt, was ich alles lernen darf!
sehr cool danke dir sehr !!
Eine Frage: Würde gerne eine "Onepage" machen. Mit 4-5 Punkten im Menü. Wenn ich auf Punkt 3 klicke soll die Seite einfach bis zum 3. Bereich scrollen. Wie mache ich das? Erstelle ich trotzdem verschiedene "Seiten" (Bspw. Home, About, Kontakt…) oder funktioniert das anders? Gibt es Besonderheiten bei dem Menü?
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 =)
3 Minuten geschaut und schon ein Like gegeben.. allein für die Mühe mit den Timestamps 😉
So, jetzt muss ich weiterschauen.
Super Video!, Das hilft mir. Ich habe null Ahnung von WP. muss mich langsam rein tüfteln. Bitte das
Lieblingsfüllwort „ja“ abgewöhnen. Ansonsten weiter so…
Herzlichen Dank für das Video. Wirklich einige Anfänge gelernt. Werde weitere Videos anschauen. Danke!!
Hallo tolles Video !! Hab mir Elementor angesehen und würde es auch kaufen. Was ich vermisse ist eine anständige E-Mail Seite als Template. Gibt es so etwas? z.B. wo ein Kunde auch angeben kann, für welches Produkt er sich interessiert. Also checkboxen oder radiobuttons? für eine Antwort wäre ich Dankbar
Hallo,
Ich möchte eine eigene Nischenseite erstellen. Ist es möglich mit diesen Informationen dann eigenständig eine Nischen Seite zur erstellen
oder ist das Video speziell nur für dieses Thema gedacht^^?
Super Video.👍 Vielen Dank.🙏
Sehr gut, Dankeschön
Das Video ist super, auch wenn einiges nicht so funktioniert wie bei Dir im Video. Meine Frage aber. Kann ich für jeden Blogbeitrag eine eigne Seite nehmen oder bleibt das dann für weitere Blogbeiträge ? Ich habe derzeit ein gekauftes Theme und Gutenberg. Muss ich mich trotzdem für ein Theme festlegen und bei Gutenberg hat man wiederverwendtbare Blöcke, gibt es das bei Elementor auch?
Hey Nikolaus!
Bei 25:15 wächst deine Spalte bzw. Box immer parralel zur Nachbarspalte von der Größe her mit. Zumindest in 2021 ist dies nicht mehr so, sodass die Box sich auf die Größe des Inhalts beschränkt und keine vertikale Ausrichtung zur Nachbarspalte möglich ist. Wie geht man hier vor?