Elementor Praxis Kurs - Der Nr. 1 WordPress Page Builder

Name: Elementor Praxis Kurs - Der Nr. 1 WordPress Page Builder
Rating: 4.3 (385 reviews)

Der Elementor Praxis Kurs von WPC mit vielen hilfreichen Tipps & Tricks rund um den beliebtesten WordPress Page Builder

Highest Rated

Created byDanijel Rose

Last updated 11/2022

German

What you'll learn

Sicherer Umgang mit dem besten Page Builder Elementor
Hilfreiche Plugins für Elementor kennenlernen
Die besten Elementor Themes kennenlernen
Unterschiede zwischen ähnlichen Funktionen besser verstehen
Fortgeschrittene Designs mit Elementor erstellen
Verschiedene Widgets von Elementor & Elementor Pro anwenden

Course content

13 sections • 53 lectures • 9h 6m total length

Einleitung4:29
Elementor Tutorials auf dem WPConsultant Blog:
https://wpconsultant.de/wordpress-elementor-tutorials-deutsch/

Warum du nicht alle Unterseiten mit Elementor erstellen solltest (Performance)?
https://wpconsultant.de/elementor-templates/

Warum das Hello Elementor Theme nicht das schnellste WordPress Theme ist?
https://wpconsultant.de/besten-elementor-themes-2019/

Was du bei der Anwendung von Motion Effects beachten solltest?
https://wpconsultant.de/elementor-motion-effects/
WordPress einfach und sicher installieren (Lektion aus dem WordPress Kurs)10:41
Elementor & Elementor PRO installieren4:45
Coming Soon Seite erstellen7:06

UPDATE 13.09.2020: Elementor 3.0 - Überblick der neuen Version5:50
Neue 3.0 Features vorgestellt auf dem Elementor Blog: https://elementor.com/blog/elementor-3-new-professional-features/
UPDATE 13.09.2020: Elementor 3.0 - Site Settings18:19
UPDATE 13.09.2020: Elementor 3.0 - Der neue Theme Builder (PRO)5:53
UPDATE 13.09.2020: Elementor 3.0 - DOM Struktur & Performance13:00
Neue 3.0 Features vorgestellt auf dem Elementor Blog: https://elementor.com/blog/elementor-3-new-professional-features/

Elementor Anatomie - Seiten, Sektionen, Spalten und Elemente6:16
Die besten Elementor Themes9:12
Unterschied Spalten / Innerer Abschnitt / Inline Positionierung5:26
Navigator verwenden (Abschnitt lässt sich nicht bearbeiten)2:47
Responsive Webdesign mit Elementor5:49
UPDATE 02.03.20: Mehrere Farben innerhalb eines Textfeldes verwenden2:48
HTML und CSS Cheat Sheets:
https://cssauthor.com/html-and-css-cheat-sheets/
Und hier ist noch ein interaktives Cheat Sheet:
https://htmlcheatsheet.com/css/

Sticky Header erstellen (kostenlos)6:56
Header erstellen mit Elementor Pro und transparent machen (PRO)11:54
Beitrag über die besten Elementor Themes: https://wpconsultant.de/besten-elementor-themes-2019/
Beitrag über die Elementor Templates: https://wpconsultant.de/elementor-templates/
Sticky Header erstellen mit Elementor PRO5:51
Vorstellung des Problems: Abschnitt lässt sich nicht bearbeiten -> Lösung in der Lektion "Navigator verwenden"

Vorstellung der Seite des Monats4:23
Top 10 Elementor Seiten im Juli 2019: https://elementor.com/blog/showcase-july-2019/
Globale Einstellungen für den Elementor Showcase4:34
Footer erstellen mit Elementor PRO25:29
Startseite nachbauen 1. Abschnitt - Hero Section (Split Design)17:19
Kostenlose und lizenzfreie Bilder: https://pixabay.com/de/
Mit einem Optimierungsvorschlag zum Responsive Design
Startseite nachbauen 2. Abschnitt - Kacheln Design16:52
Frage: Wann verwendet man Padding und wann Margin?
Startseite nachbauen 3. Abschnitt - Abschnitt mit coolen Trennlinie9:10
Startseite nachbauen 4. Abschnitt - Instagram Feed Widget4:51
Startseite nachbauen 5. Abschnitt - Testimonials Karussell4:09
Fullscreen Navigationsmenü erstellen - Teil 1 (Tipp: Finder verwenden!) (PRO)10:31
Tipp: Finder aufrufen: Windows -> Strg + E oder Mac -> Cmd +E
In dieser Lektion wird auch eine Fehlerbehebung gezeigt, was man tun kann, wenn das Menü nicht sichtbar ist.
quiz1
Fullscreen Navigationsmenü erstellen - Teil 2 (Elementor Popups) (PRO)13:14

Motion Effects Teil 1 - Bewegungseffekte beim Scrolling (PRO)11:48
Motion Effects Teil 2 - Floating Headline (PRO)7:15
Google Fonts aus Elementor entfernen bzw. selbst hosten (PRO)15:32
Wie du ein Child Theme anlegen kannst: https://wpconsultant.de/wordpress-child-theme-erstellen/

Code Schnipsel, der in die functions.php Datei des Child Themes eingefügt werden muss:
add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );
UPDATE 13.03.20: Eigenes Elementor Widget erstellen28:51
Beitrag auf dem WPC Blog: https://wpconsultant.de/eigenes-elementor-widget-erstellen-ohne-code-kenntnisse/
UPDATE 13.09.20: Elementor CSS Tricks - Image Masking mit Custom CSS19:20
Der dazugehörige Artikel: https://wpconsultant.de/elementor-tricks-image-masking-custom-css/
Hilfreiche Links aus diesem Tutorial:
HappyAddons: https://happyaddons.com/?ref=71 (Affiliate)
Templates von Crocoblock: https://crocoblock.com/plugins/?ref=359 (Affiliate)
SVG Tutorial: http://tutorials.jenkov.com/svg/index.html
CSS Mask: https://developer.mozilla.org/de/docs/Web/CSS/mask
CSS background-clip: https://css-tricks.com/almanac/properties/b/background-clip/

Requirements

WordPress Grundkenntnisse sind von Vorteil aber nicht unbedingt erforderlich
Empfehlung: Zuerst den WordPress Kurs von WPC (auch hier auf Udemy) absolvieren
Computer und Internet Grundkenntnisse sind hilfreich

Description

Mit dem Praxis Elementor Kurs von WordPress Consultant Danijel Rose kannst du deine eigene Website schnell und einfach erstellen. Du kannst mit dem Kurs sogar eine eigene Karriere als Webdesigner starten und wunderschöne Websites für deine Kunden designen. Der Nummer 1 Page Builder für WordPress hat bereits über 6 Millionen aktive Installationen und es werden täglich mehr!

Sei jetzt dabei und lerne, wie du effizient mit dem tollen Design-Tool arbeiten kannst!

Folgende Inhalte werden im Kurs behandelt:

Die wichtigsten Grundeinstellungen für ein optimales Elementor Setup
Die besten Elementor Themes
Die besten Elementor Addons
Responsive Design mit Elementor - mobile Optimierung
Anwendung von verschiedenen Elementor Widgets
Sticky Header erstellen
Eine Top-10 Website Schritt für Schritt mit Elementor erstellen
Motion Effects
Google Server Verbindungen auflösen und Google Schriftarten und Custom Fonts selbst hosten (DSGVO)
Elementor SEO

...und vieles mehr!!!

Anmerkung: Während die Benutzeroberfläche von WordPress seit Beginn mehr oder weniger gleich geblieben ist, ändert sich die Oberfläche von Elementor gefühlt mit jedem Update. Das ist eine riesige Herausforderung für Content Ersteller. Ich versuche in regelmäßigen Abständen neue Lektionen zu diesem Kurs hochzuladen. Es kann aber passieren, dass wenn du diesen Kurs ansiehst, der eine oder andere Button nun an einer anderen Stelle zu finden ist, als es in den älteren Lektionen noch zu sehen ist.

Ich bitte deshalb um Verständnis und hoffe, dass dir der Kurs großen Lerneffekt und viel Spaß bietet!

Schöne Grüße,

Danijel von WPC

Who this course is for:

Firmeninhaber und Kleinunternehmer, die schnell und einfach eine WordPress Website erstellen möchten
Alle WordPress Website-Besitzer
Alle WordPress Webdesigner (auch zukünftige :-))

Elementor Praxis Kurs - Der Nr. 1 WordPress Page Builder

What you'll learn

Explore related topics

Course content

ABSCHNITT 1.1 - Das optimale Elementor Setup Teil 14 lectures • 27min

ABSCHNITT 1.2 - Nur relevant für Elementor Version 2.9 und kleiner3 lectures • 19min

ABSCHNITT 1.3 - UPDATE 13.09.2020: Was ist neu in Elementor 3.0?4 lectures • 43min

ABSCHNITT 1.4 - Das optimale Elementor Setup Teil 22 lectures • 18min

ABSCHNITT 2 - Elementor Tipps & Tricks - Teil 16 lectures • 32min

ABSCHNITT 3 - Header mit Navigationsmenü erstellen3 lectures • 25min

ABSCHNITT 4 - Hero Sektion erstellen3 lectures • 28min

ABSCHNITT 5 - Elementor Addons & Widgets anwenden5 lectures • 49min

ABSCHNITT 6 - Elementor Showcase: Seite des Monats (Top 10) komplett nachbauen10 lectures • 1hr 51min

ABSCHNITT 7 - Elementor Tipps & Tricks - Teil 25 lectures • 1hr 23min

Requirements

Description

Who this course is for: