Elementor Pro Pagebuilder für WordPress-Webdesign

Seminarziel

Anhand mehrerer Beispiel-Web-Projekte gestaltet jeder Teilnehmer seine Webseiten mit Elementor oder Elementor Pro und verwendet dafür schrittweise die neu erworbenen Kenntnisse für die Gestaltung und Inhaltsplanung. Im Rahmen der Schulung wird der Erwerb einer Elementor-Pro Lizenz erforderlich (ca. 40 Euro) die anschließend weiterverwendet werden kann. Sie erfahren im Seminar, wie Elementor optimal konfiguriert wird und wie Sie Seiten, Beiträge und Produkte in WordPress und WooCommerce ansprechender gestalten können. Im Rahmen eines Übungsprojektes werden Sie mit Life-Copy/Paste Designs über Webseiten hinweg kopieren. Anhand verschiedener Anwendungsbeispiele verwenden Sie Farbverläufe, verschleierte Hintergrundbilder, Image-Parallaxing & Scrolling, Maskierungen und diverse Slide-In-Effekte. Sie nutzen außerdem dynamische Inhalte, experimentieren mit der zeitgesteuerten Darstellung von Elementen und kreieren Ihre eigenen PopUp-Fenster. Nach dem Seminar sind Sie imstande Responsives Webdesign für alle Displayformate zu erstellen, überblicken Sie die typografischen Möglichkeiten von Elementor und können die passenden Elementor-Vorlagen für verschiedene Arten von Websites auswählen. Außerdem wird im Seminar gezeigt, wie mithilfe der Elementor Kits professionelle Branchen-Webseiten zweckentsprechend erstellt werden, z.B. für Rechtsanwaltskanzleien, Immobilienfirmen oder die Gastronomie. 

Inhalt

Übungen

• Installieren, Aktivieren und Konfiguration von Elementor Pro im WordPress-Backend
• Landingpage mit Elementor
• Website und Blog mit Elementor
• Individualisierter Onlineshop mit Elementor und WooCommerce
• Erstellen und Überarbeiten von Theme-Dateien
• Organisatorische und Technische Vorbereitung

Techniken

• Design Essentials von Elementor in Typographie, Layout und Farben
• Anforderungen von Elementor Pro an Server, Datenbank und WordPress
• Elementor Preis und Lizenzmodell
• Elementor Templates Kits, Design Widgets
• Theme Builder, Form Builder, Popup Builder
• Webseiten Erstellung mit Elementor Pro einschl. Home-Seite, Header, Footer, Navigation, Blog, Beiträge, 404-Seite, Shop-Seiten
• Voreinstellungen Allgemein für Benutzerrechte, Beiträge, Farben und Typographie
• Voreinstellungen Design Inhaltsbreiten, Widgetabstand, gestreckte Seiten (Full Size Page) Breakpoints
• Layout und Design-Techniken: Vertikale und Horizontale Ausrichtung, Abschnittsteilungen, Benutzerdefininierte Attribute und CSS, Eingangsanimationen, Ränder, Hintergrundbilder, Vorschau, Responsive Einstellungen, Breakpoint-Steuerung
• Wiederverwendbare Templates erstellen und Designs kopieren
• Template für Wartungsmodus (Coming-Soon-Seite)
• Integration von Formularen, Captcha, Social, MailChimp, TypeKit Web Schriftarten oder Google Fonts
• WooCommerce Builder für Online-Shops mit WordPress
• Verwendung von hilfreichen AddOns von Elementor