Blu Dot Schulungsvideos
WordPress und Divi für Redaktionen

Eure Website soll leben. Hier könnt ihr als Redaktion unkompliziert die Arbeit mit dem Redaktionssystem Divi in WordPress lernen. Die ca. anderthalb Stunden sind gut investiert. Aber auch später könnt ihr hier immer wieder nachschauen, wie etwas ging: Mit der Browser-Suchfunktion findet ihr das Schlagwort und wo die Erläuterung in der Zeitleiste steht.

Noch zwei Tipps: Im Fullscreen-Modus (jeweils unten rechts) sieht man mehr. Und für Schnellchecker: In den Player-Einstellungen unten rechts kann man die Video schneller abspielen lassen (z.B. in 1,25-fachem Tempo).

Teil 1A: Ein erster Blick auf die Benutzeroberfläche

Inhalte:
0:15 Was ist WordPress?
0:40 Benutzeroberfläche
1:20 Seiten und Beiträge
2:05 Inhaltsansicht im Beitrag
3:40 Seiten
5:45 Bilder, Medien
6:30 Benutzer:innen

Teil 1B: Gründlicher Einstieg

Inhalte:
0:00 Login und erster Blick ins Backend
2:25 über WordPress
4:15 Ansicht anpassen
4:45 Aktualisierungen
5:30 Seiten
6:35 Beiträge
9:30 Kategorien
11:05 Schlagwörter
12:45 Website-Struktur
14:15 Medien (Bilder, PDFs, …), Formulare und anderes
15:10 Erweiterungen / Plugins
17:00 Themes
18:15 das Divi-Theme und sein Child-Theme
14:50 Benutzer:innen
22:00 Standard-Seite
24:55 Du kannst (als Redakteur:in) nichts kaputt machen

Teil 2: Beiträge in Gutenberg anlegen

Inhalte:
0:00 Intro: WordPress-Oberfläche
1:00 Benutzer:innen anlegen
2:36 Beitrag vorbereiten
3:30 Was ein Beitrag ist, Ansicht im Blogmodul
4:00 Schlagworte und Kategorien
4:50 Beitrag anlegen im Gutenberg Standard-Editor
6:20 Veröffentlichen und vorerst auf „privat“ stellen
8:05 Beitrags-Attribute in der Seitenleiste:
– 8:16 Titelform (= URL, Web-Adresse des Beitrags)
– 9:10 Autorenschaft
– 9:40 Kommentare zulassen
– 10:00 Seitenformat
– 10:10 Datum der Veröffentlichung (auch zum später veröffentlichen)
– 11:07 Kategorien und Schlagwörter
– 12:34 Revisionen
– Textauszug > 19:36
– Beitragsbild (Titelbild) > 20:50

14:45 Beitrag befüllen im Gutenberg-Standardeditor
– 14:54 Headline (H1) als Titel und URL
– 16:28 Zwischenheadlines als Überschriften (H2, H3, …)
– 17:55 Links, interne und externe Links, nofollow-Links
– 19:36 Textauszug
– 20:51 Beitragsbild (Titelbild)
– 21:20 Darstellung in Suchmaschinen- und Social-Media mit Yoast SEO pflegen
– 22:40 Lesbarkeits-Index: kurze, einfache Sätze, Absätze, Subheadlines, …

24:15 Fazit: gute Vorbereitung ist die halbe Miete

Teil 3: Bilder

Inhalte:
0:00 Medien-Ansicht
0:50 Dateigröße
1:50 JPEG/WEBP, Kompression
2:40 Metadaten, Beschreibung zur Barrierefreiheit, URL
4:00 WordPress speichert automatisch verschiedene Größen
4:30 Bildkompression und Format ändern (externe Bildbearbeitung und in WordPress)
6:45 Plugin zur Kompression im Einsatz
7:00 SVG-Format: Plugin für SVG-Upload = randscharfe Abbildung von Logos, Icon etc. durch Vektordatei
7:45 Ein Wort noch zum Bildstil

Teil 4: Einstieg in Divi

Inhalte:
0:10 Was ist Divi? Grundeinstellungen, Header und Footer, was macht ein Theme?
4:40 Divi-Seite oder Divi-Beitrag anlegen („Point of no return“)
5:40 Bedienelemente, Wysiwyg- und Struktur-Ansichten
7:36 Die Grundstruktur des „Regals“

10:20 Einheitliche Options-Struktur für Zeilen und Module, Duplizieren, Bibliothek, Löschen, Module oder Stile kopieren und einsetzen.
– 11:50 Einstellmöglichkeiten
– 15:00 Mobilansicht, Mouseover-Effekte
– 16:20 Zwischenräume (Außenabstand, Innenabstand)

18:00 Arbeiten mit Musterseiten und Vorlagen (Bibliothek, Musterbeitrag duplizieren
21:00 Beitrags-Metadaten pflegen.
21:50 Abspeichern (ggf. als Entwurf)
22:15 Teasertext pflegen („Textauszug“)
23:00 Weitere Einstellungen der Divi-Oberfläche
23:40 Elemente im mobil-Modus aus-/einblenden
23:00 Weitere Optionen der Divi-Oberfläche
25:40 Aktionen rückgängig machen
27:00 Header und Footer bitte nicht bearbeiten

28:15 Modul-Optionen Inhalt / Design / Erweitert
– 29:30 ein Objekt mit Rand versehen, Rundung etc.
– 30:30 Ein Objekt mit Filtern versehen, Erscheinen-Effekte,
– 31:16 CSS-Klassen und CSS-ID (Sprungmarke) verwenden
– 33:10 CSS-Code einfügen
– 33:30 Sichtbarkeit bei Responsive-Zuständen
– 34:20 Scroll-Effekte

35:30 einen Beitrag löschen
36:10 Bild-Module
36:50 „Vorgegebene Seitenlayouts“ bei Beiträgen: Beitragsbild, Marginalspalte etc.

37:10 Arbeitsbeispiel: einen Beitrag gestalten: Text, Bild, …
– 37:40: Bildgröße
– 38:40: Einheit „vw“
– 39:45: Mouseover-Zustand
– 40:00 Filter, Bildergalerie

42:20 Divi-Elemente allgemein
43:05 Textänderungen direkt im Layout
44:00 Resumée
46:30 Spezial: Blog-Modul für Beiträge, Kategorien als Selektor,
48:00 Datumsformate: z.B.
– „j. M Y“ = 1. Okt 2026
– „j. m. Y“ = 1. 10. 2026
– „j. F Y“ = 1. Oktober 2026 (mehr unter http://www.phpbox.de/php_befehle/date.php)

48:10 Inhaltslänge für den Teasertext
48:40 Metadaten Auswahl, Kommentare, Linkziel, Zahl der gezeigten Beiträge,
49:50 Layout-Typ, weitere Einstellungen, Read-More-Text (bei „Inhalt“!)
51:00 Spaltenabstände in der Zeile
53:20 Outro

Teil 5: Nur schnell was korrigieren in WordPress und Divi

*Dieses Video kommt bald*