Elementor Pro Tutorial für Anfänger 2022

#wordpress erstellen –>


*Hier geht es zu Elementor: https://go.kolba.io/elementor
*Hier hoste ich meine Webseiten: https://go.kolba.io/easyname
*Hier findest du Borlabs Cookie: https://go.kolba.io/borlabscookie
*Code: “NIKOLAUSKOLBA” – 5% auf deine Bestellung

Schnellnavigation
00:00 Intro & Einleitung
00:50 Unterschied Elementor bzw. Theme
01:35 Pro vs. Free Elementor
03:05 Setup & Installation von Elementor Pro
05:03 Wartungsmodus aktivieren mit Elementor Pro
07:45 Elementor Template Bibliothek

Elementor Basics
08:27 Sektion, Spalten und Elemente mit Elementor
10:24 Der Elementor Navigator
11:12 Elementor Elemente (Reiter: Inhalt, Stil, erweitert)
13:02 Erstelle deine erste Sektion mit Elementor
16:14 Vorschau der Änderungen mit Elementor
16:45 Der Sektionen Hintergrund
18:00 Breite und Höhe von Elementor Sektionen anpassen
20:09 Spalten Einstellungen bei Elementor
24:23 Werbung: Borlabs Cookie
26:44 Globale Farben & Schriften bzw. Website Einstellungen bei Elementor
30:45 Verlauf und Revision Management mit Elementor
31:45 Duplizieren bzw. kopieren mit Elementor
35:03 Komplette Unterseite als Template speichern
37:00 Templates von Elementor importieren

Weitere Elementor Einstellungen
37:58 Erweiterte Einstellungen (Margin, Padding) mit Elementor
39:40 Schatteneffekt bei Elementor für Elemente, Spalten und Sektionen
40:47 Bewegungseffekte & Animationen für Elemente, Sektionen und Spalten
42:26 Trennlinien Form für eine Sektion einstellen mit Elementor
43:09 Theme Builder, Konditionen und Funktion von Elementor Pro
46:18 Sticky Header aktivieren und einstellen mit Elementor Pro
46:50 WICHTIG: Page Layouts bei Problemen
47:40 Mobile Ansicht (Responsive) mit Elementor Pro anpassen
50:06 Abschlussgedanken & Worte

#elementor #wordpress #tutorial

📝 Mehr zu meiner Beratung: https://go.kolba.io/mentoring

🔔 Abonniere den Kanal für weitere Videos: https://go.kolba.io/ytabonnieren

🚀 Alle wichtigen Links & Social Media Profile von mir: https://go.kolba.io/all

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.

Dieses Video beinhaltet Werbung.

Nikolaus Kolba

Share

Comments

  1. Vielen Dank für deine Mühe! Das Tutorial kommt mir gerade sehr gelegen! Mach weiter so!

  2. Wir haben dieses Video als "Basis-Schulung" für alle bestehenden und neuen Mitarbeiter definiert. lg

  3. Mega Tutorial 🚀

  4. Vielen Dank, Nikolaus für dieses Video & Einblicke in Elementor Pro.

    Würde es theoretisch auch reichen, nur Elementor Pro zu verwenden oder benötigt man in jedem Fall separat ein Theme?
    Wenn Letzteres: welches? Das Gratis Theme von Elementor, Astra oder OceanWP?

    Wenn ein Theme nötig sein sollte: braucht es dann auch wieder die PRO Variante (wie z. B. bei Astra), die mit weiteren Kosten verbunden ist oder ist das zu viel des Guten?

    (Beabsichtigt ist ein konvertierender Onlineauftritt mit Blog, kleinem Shop, Portfolio, Mitgliederbereich über externen Anbieter MyMemberSpot, E-Mail Marketing Anbieter Qentn & Automatisierung von Mitgliedschaftserwerb & einzelnen Kursen zum Kauf.)

  5. Hast du noch Fragen zu Elementor Pro bzw. fehlt dir etwas? Dann schreibe es gerne unterhalb in die Kommentare! Nicht vergessen die Navigation zu nutzen, wenn du etwas gezielt sucht:

    Schnellnavigation
    00:00 Intro & Einleitung
    00:50 Unterschied Elementor bzw. Theme
    01:35 Pro vs. Free Elementor
    03:05 Setup & Installation von Elementor Pro
    05:03 Wartungsmodus aktivieren mit Elementor Pro
    07:45 Elementor Template Bibliothek

    Elementor Basics
    08:27 Sektion, Spalten und Elemente mit Elementor
    10:24 Der Elementor Navigator
    11:12 Elementor Elemente (Reiter: Inhalt, Stil, erweitert)
    13:02 Erstelle deine erste Sektion mit Elementor
    16:14 Vorschau der Änderungen mit Elementor
    16:45 Der Sektionen Hintergrund
    18:00 Breite und Höhe von Elementor Sektionen anpassen
    20:09 Spalten Einstellungen bei Elementor
    24:23 Werbung: Borlabs Cookie
    26:44 Globale Farben & Schriften bzw. Website Einstellungen bei Elementor
    30:45 Verlauf und Revision Management mit Elementor
    31:45 Duplizieren bzw. kopieren mit Elementor
    35:03 Komplette Unterseite als Template speichern
    37:00 Templates von Elementor importieren

    Weitere Elementor Einstellungen
    37:58 Erweiterte Einstellungen (Margin, Padding) mit Elementor
    39:40 Schatteneffekt bei Elementor für Elemente, Spalten und Sektionen
    40:47 Bewegungseffekte & Animationen für Elemente, Sektionen und Spalten
    42:26 Trennlinien Form für eine Sektion einstellen mit Elementor
    43:09 Theme Builder, Konditionen und Funktion von Elementor Pro
    46:18 Sticky Header aktivieren und einstellen mit Elementor Pro
    46:50 WICHTIG: Page Layouts bei Problemen
    47:40 Mobile Ansicht (Responsive) mit Elementor Pro anpassen
    50:06 Abschlussgedanken & Worte

  6. Vielen Dank für dieses tolle Tutorial. Durch deine Lehrgänge bin ich jetzt in der Lage für meine Kunden schöne Webseiten zu erstellen. Schön, dass es dich gibt!!

  7. Wie immer ein sehr geiles Video =)

  8. Thanks for the upload!!! This content needs P r o m o S M!

  9. Ich kann da leider Nichts einfügen/ bearbeiten. Muss ich noch was einstellen bzw. beachten?

  10. Hallo Nikolaus, danke für dein sehr aufschlussreiches Tutorial. Gut erklärt und einfach nachvollziehbar.

  11. Hi Nikolaus, tolles Video, aber eine Frage habe ich noch zur Lizenz.
    Wie gehst du im weiteren mit der Lizenz in Bezug auf den Kunden um?
    In deinen Videos erwähnst du immer, dass Ihr alle Lizenzen selber kauft und der Kunde damit nichts am Hut hat.
    Die Pro Lizenz ist ja immer nur 1 Jahr pro Website gültig, wie lang bezahlt ihr denn dann "für" den Kunden?
    Gruß

  12. Als absolutes Greenhorn empfinde ich die Infos als super hilfreich!!! Da ich auch ein rechtes WEB-Greenhorn bin und als Autorin um die Notwendigkeit einer Website nicht herumkomme, würde ich mir eine etwas langsamere Sprache wünschen und, falls sich Termini nicht vermeiden lassen, sie zu erklären, sobald sie genannt sind. Ich habe z. B. folgende Begriffe als Hyperanfängerin mit 58 Jahren erst mal googeln müssen – was nervig ist: Was ist ein "Theme", was ein "Plugin", was bedeutet "Canvas" (die Übersetzung hilft enorm, sich Dinge sofort einzuprägen); die Differenzierung Marging und Padding war schwer zu verinnerlichen und viele mehr.
    Aber der Moderator Nikolaus Kolba verstehet es, das Produkt Element Pros super zu erklären. Ich werde es abbonieren!
    Seine Videos habe ich soeben nicht ohne Grund abboniert. Dennoch wünsche mir aber eine eingängigere Greenhorn-Sprache.
    Trotzdem! Vielen Dank Nikolaus Kolba für deine Erklärungen! Sie haben mir eine klare die Entscheidung FÜR Element Pro gegeben. Ich freue mich auf Elementor Pro und weitere hilfreiche Tippes von Niklaus Kolba!

  13. Mich würde sehr interessieren, welche Breakpoints für welche mobilen Geräte du verwendest, oder ob du es bei den 3 Standardgrößen belässt. Super Content immer von dir!

  14. Hallo Nikolaus, vielen Dank für Dein tolles Tutorial. Mich würde interessieren: kann ich pro Sektion verschiedene Varianten anlegen und nur eine "öffentlich anzeigen" lassen. Ich würde gerne verschiedene Versionen einer Sektion "vorbauen" und bei Bedarf dann auswechseln.

  15. Super! Danke!

  16. wofür brauchst du Elementor free als Erstinstallation. Fehlt was, wenn ich Elementor pro sofort installiere?

Comments are closed.