Moderne Internetseiten mit Wordpress in 2022 erstellen

Arbeite in Wordpress mit dem Gutenberg Editor, Elementor oder Full Site Editing

4.69 (22 reviews)
Udemy
platform
Deutsch
language
No-Code Development
category
instructor
265
students
19.5 hours
content
Jun 2022
last update
$84.99
regular price

What you will learn

Mit Wordpress moderne Lauyouts und Internetseiten erstellen

Lerne wichtige Plugins für Wordpress kennen

Lerne unterschiedliche Vorgehensweisen mit dem Gutenberg Editor, Elementor und Full Site Editing

Nach dem Kurs kannst Du eigenständig Projekte annehmen und für Dich oder Kunden Internetseiten erstellen

19 Stunden lernen, mitmachen und Erfolge im Gestalten von Internetseiten mit Wordpress erzielen

Description

In diesem Kurs führe ich Dich durch vier Projekte mit unterschiedlicher Herangehensweise in Wordpress.
Ich erkläre Wordpress von Anfang an, so dass Du ohne Vorkenntnisse starten kannst.

Im ersten Projekt lernst Du:

  • Arbeiten mit dem Block-Editor und dem Theme Astra

  • verschiedene Layouts mit Spalten

  • Arbeiten mit zusätzlichem CSS

  • Animationen per CDN einbinden und anwenden

  • Galerien, Veranstaltungen, Kontaktformular & Mehrsprachigkeit mit Plugins einbinden

Im zweiten Projekt lernst Du:

  • Astra Starter Templates nutzen

  • Starter Template mit Shopintegration installieren

  • Shopsystem WooCommerce untersuchen

  • Woocommerce Germanized installieren

  • Vorgehensweise anderer Entwickler (Starter Templates) nachvollziehen, Veränderungen vornehmen

Im dritten Projekt lernst Du:

  • Arbeiten mit dem Pagebuilder Elementor

  • Plugin Happy Addons für Elementor nutzen

  • komplexe Seitendesigns umsetzen

  • Arbeiten mit Ebenen

  • Animationen nutzen

Und im vierten Projekt lernst Du

  • Arbeiten mit FSE – Full Site Editing

  • neueste Entwicklungen seit 5.9

  • Theme 2022 von WordPress

  • Einblicke in die neuen Entwicklertools von WordPress

  • Templateteile bearbeiten und verwalten


Wir arbeiten mit dem Gutenberg Editor, dem populären Theme Astra und dem Pagebuilder Elementor. Das neue Feature Full Site Editing wird ebenso in einem Projekt erklärt. Ich führe Dich von Anfang an durch Wordpress bis hin zu komplex gestalteten Seiteninhalten. Dabei verlieren wir nie die unterschiedlichen Endgeräte aus den Augen. Du lernst im Kurs viele nützliche Plugins kennen, die Du in Deinen Projekten verwenden kannst. Wir schauen uns Mehrsprachigkeit auf der Seite an, Veranstaltungskalender und Yoast SEO. Du willst wissen wie man eine Wordpress Seite umzieht? Auch das wirst Du danach können. Einen kleinen Blick werfen wir sogar in Woocommerce und ich gebe Tipps wie man mit den Starter templates arbeitet, wenn man keine eigene Seite gestalten möchte.
Natürlich nutze ich in meinem Kurs nur die kostenlosen Plugins und Themes, so dass Du nichts investieren musst. Nach diesem Kurs bist du in der Lage deine eigene Website zu gestalten oder Kundenaufträge anzunehmen.

Screenshots

Moderne Internetseiten mit Wordpress in 2022 erstellen - Screenshot_01Moderne Internetseiten mit Wordpress in 2022 erstellen - Screenshot_02Moderne Internetseiten mit Wordpress in 2022 erstellen - Screenshot_03Moderne Internetseiten mit Wordpress in 2022 erstellen - Screenshot_04

Content

Einführung

Über den Kurs
Über die Homepage des Kurses
Statistiken
benötigte Software

Unterschiedliche Installationen von Wordpress

Installation allgemein
Installation mit XAMPP (PC)
Installation auf Mamp (PC / Mac)
Installation auf 1&1 (falls Du Webspace buchst)

Das Backend oder Dashboard von Wordpress

Projektvorbereitung
Einstellungen
Werkzeuge
Benutzer
Plugins allgemein
Themes
Seiten und Beiträge
Kommentare
Medien
Theme Astra installieren
Seitenaufteilung

Bilder vorbereiten in Photoshop oder Gimp

Regeln in der Fotografie
Freie Bilddatenbanken
Medien heraussuchen auf Pixabay
Bildformate allgemein
Fotos in Photoshop vorbereiten
Grafiken in Photoshop vorbereiten
Fotos in Gimp vorbereiten
Grafiken in Gimp vorbereiten

Projekt 1 - Theme einstellen

Dateierhöhung mit HTACCESS
Medien hochladen
Titel und Alternativtext
Beiträge und Seiten löschen
Menü anlegen und Seiten erstellen
Widgets und Seitenleiste
Startseite festlegen
Seite für Schrifteinstellungen vorbereiten
Schriftarten Regeln
Schriften einstellen
Farbtheorie
Farben einstellen
Container
Schaltflächen einstellen
Header builder: Logo und Favicon
Header Builder: Primärer Header & Menü für den desktop
Header Builder: Social Media Icons
Header Builder allgemein
Toggle Button oder mobiles Menü
Mobiles oder Off Canvas Menü einstellen
Mobiles Menü Social Icons
Transparenter header
Breadcrumbs und Elternseiten
Blogeinstellungen
Footer Builder Copyright
Footer Builder Widgets
Leistung: Schriftarten lokal speichern

Der Gutenberg Editor

UI- und UX-Design
Textblöcke und Links
Medien
Design
HTML und Widgets
Theme Einbettungen
Vorlagen
Plugins für den Editor installieren
Kadence und Spectra Übersicht

CSS und Schriften hochladen

zusätzliches CSS
CSS Generatoren
CSS im Editor nutzen
responsives CSS schreiben
Skripte von Codepen nutzen
Schriften hochladen
CSS sauber schreiben

Blöcke aufbauen

Blöcke allgemein
Erster Abschnitt
zweiter Abschnitt
dritter Abschnitt
vierter Abschnitt
fünfter Abschnitt
sechster Abschnitt
siebter Abschnitt
achter Abschnitt
neunter Abschnitt
zehnter Abschnitt
Pfeil

Animationen

Animate CSS
WoW Javascript
Animate CSS Funktionen
Animate.CSS und Wow.js anwenden

Seitenaufbau Projekt 1

Wiederverwendbare Blöcke
Aufbau Home Header
Home weitere Abschnitte einfügen
Home neuen abschnitt erstellen (Eisvogel)
Home letzter Abschnitt einfügen
Anker setzen
Plugins: Scroll to top und Page scroll to id
Seite Aktuelles: Header
Seite Aktuelles: Beiträge/News
Seite Aktuelles: Abschnitt mit Slideshow
Seite Galerie: Elemente einfügen
Seite Galerie: Galerie einfügen
Seite über uns

Plugins im ersten Projekt

Allgemeine Info zu Plugins und Themes
Veranstaltungskalender
Seite: Kontakt aufbauen, Google Mpas
Kontaktformular
Polylang (mehrere Sprachen) installieren
Polylang: Seiten und Menü anlegen
Polylang: Seiteninhalte übertragen
Polylang: Beiträge übersetzen
Polylang: Events übersetzen
Polylang: Kontaktformular
Footer Kosmetik mit CSS
zusätzliches CSS in externe Dateien speichern
Plugin: Under construction
Plugin: Hide Login
Plugin: Complianz (Cookie Banner)
Plugin: Duplicator Seitenumzug und Backup
Plugin: All in one WP Migration Seitenumzug und Backup
Plugin: YOAST SEO / Suchmaschinenoptimierung

Projekt 2

Astra Starter Templates
Woocommerce und Woocommerce Germanized

Projekt 3 Voreinstellungen Plugins, Theme

Einleitung
Theme und Plugins installieren
Grundeinstellungen vornehmen, Seiten anlegen
Schriftarten hochladen
Medien hochladen
Theme einstellen
Navigationsdesign mit CSS
Footer einstellen

Projekt 3 Pagebuilder Elementor

Elementor Einführung
Elementor Stilvorlagen Farben
Elementor Stilvorlagen Schriften
Home: Abschnitt 1
Home Abschnitt 2
Home: Abschnitt 3
Home: Ankerlink und mobiles Menü
Home: Abschnitt 4
Home: Abschnitt 5
Home: Abschnitt 6
Home: Abschnitt 7
Home: Abschnitt 8 / Templates erstellen
Home: Abschnitt 9
Home: Abschnitt 10
Home: Links zu Drinks
Karte: Templates abspeichern
Karte: Templates importieren
Karte: Beiträge für Visual Portfolio
Karte: Plugin Visual Portfolio
Karte: Visual Portfolio einbinden
Karte: Abschnitt 3 erstellen
Location: Einleitung
Location: 1 & 2ter Abschnitt
Location: Plugin WP Forms Kontaktformular

Projekt 4

Einleitung
Das Projekt
Plugins
Einstellungen
Schriften und Medien hochladen
Editor Übersicht
Templates und Templateteile
Eigene Schriftarten verwenden
Farben einstellen
Header Template erstellen
Home: erster Abschnitt
Header Template Menü stylen
Footer Template und Cookies
Home Inhalte
Beiträge anlegen und Beitragstemplate
Portfolio: Plugin Visual Portfolio im Editor nutzen

Reviews

Ines
July 9, 2022
Sehr gut erklärt, vielleicht etwas mehr auf MySQL und php eingehen, da ich als Anfänger nicht weiß was das ist.
Peter
July 6, 2022
Die Wiedergabe funktioniert sehr gut auf meinem IPad 12.9“. Am Pc kann ich gleich die Schritte mitmachen. Perfekt?
Tobi
June 30, 2022
Für Leute die einen Einstieg in Webdesign suchen (sowohl mit/wie auch ohne Vorkenntnisse) und sich speziell an Wordpress probieren wollen, kann ich den Kurs nur wärmstens empfehlen. Es wird von der Pike auf alles sehr gründlich erklärt. Von der Einrichtung von XAMPP/oder ein Webspace-Paket, über die Installation bis zur Arbeit mit verschiedenen Plugins, dem Wordpress-Editor wie auch Elementor etc. Die Projekte machen viel Spaß. Es wird darüber hinaus viel Hintergrundwissen vermittelt welches man gut zum Start für seine eigenen Projekte dann gebrauchen kann. Wirklich ein richtig toller Kurs. Vielen Dank
Markus
June 11, 2022
Ich bin kein großer "Bewerter", allerdings finde ich Astrid hats verdient, wirklich toller Kurs! Kein unnötiges, zu viel in unpraktischen Details verlorenes Gerede, sehr schön gestaltete Seiten und Projekte - authentisch, seriös, gefällt mir sehr gut! Auch was abgesehen von Wordpress angesprochen wird wie Photoshop und Kleinigkeiten zu Bildern z.B. ist top und war sogar noch einiges dabei das ich so noch nicht gehört habe.

Charts

Price

Moderne Internetseiten mit Wordpress in 2022 erstellen - Price chart

Rating

Moderne Internetseiten mit Wordpress in 2022 erstellen - Ratings chart

Enrollment distribution

Moderne Internetseiten mit Wordpress in 2022 erstellen - Distribution chart
4670604
udemy ID
5/3/2022
course created date
5/9/2022
course indexed date
Bot
course submited by