Vorbereitung und Installation von Drupal 8
  • Begrüßung, Fragen und Motivation
  • Update: Es wird ein Nachfolgekurs geben und zusätzliche Hilfe online
  • Drupal 8: Vorbereitung und lokale Installation
  • Drupal 8: MySQL Datenbank für Drupal einrichten
  • Hinweis für XAMPP Nutzer! (PHP Version 7.1 nutzen)
  • Drupal 8: Download
  • Drupal 8: Die Installation
  • Hinweis: Acquia Dev Desktop 2 ist ab Drupal 8.4.x nicht empfehlenswert
  • Lokale Drupal-Installation mit Acquia Dev Desktop
  • Windows: Alternative lokale Drupal-Installation von Bitnami
  • Drupal 8 Anfänger-Quiz
Die Grundlagen von Drupal 8
  • Drupal 8: First Look - Administrationsoberfläche und Standard-Ansicht von Drupal
  • Drupal 8: Eine Seite anlegen (Statischen Inhalt hinzufügen)
  • Drupal 8: Seite bearbeiten und Bild zum Inhalt hinzufügen.
  • Drupal 8: Artikel anlegen (zeitkritischer Inhalt wie z.B ein Blogpost)
  • Lege nun selbst zur Übung Artikel und Seiten an.
  • Lösung zur Aufgabe (Artikel und Seiten selbst anlegen)
  • Drupal 8: Menu erweitern, verwalten und verändern.
  • Drupal 8: Blöcke in Drupal
  • Drupal 8: Erstelle einen individuellen Block mit eigenem Text und Link.
  • Drupal 8: Entferne einen vorhandenen Block
  • Drupal 8: Website-Logo ändern (Bartik Theme / Standard Design)
  • Drupal 8: Bartik Theme mit einfachen Mitteln farblich ändern
  • Drupal 8: Design der Website durch ein anderes Theme ändern
  • Drupal 8: Ein kostenloses Beispiel-Theme installieren und aktivieren
  • Drupal 8: Drop-Down Untermenus erstellen
  • Das Drupal 8 Grundlagen-Quiz
Inhaltstypen (Content Types) und Ansichten (Views)
  • Neuen Inhaltstyp erstellen und testen
  • WICHTIG: Inhaltstypkorrektur immer VOR jeder Inhaltspflege - ein Beispiel
  • Produktübersichtseite mit Views Teil 1
  • Produktübersichtseite mit Views Teil 2 - Feldinformationen untereinander
  • Taxonomie kennenlernen - Kategorien mit eigenen Tags/Terms festlegen
  • Inhaltstypen um Taxonomy-Feld erweitern
  • Unterschiedlichste Inhalte mit gleichem "Tag" in einem View anzeigen
  • Block mit Views erstellen: Die neuesten drei Produkte
  • Teil 1: Artikel-Slideshow mit Views erstellen
  • Teil 2: Artikel-Slideshow mit Views erstellen
Benutzerverwaltung und Benutzerrollen
  • Einen weiteren Benutzer bzw. Administrator hinzufügen
  • Benutzerrechte der einzelnen Benutzerrollen verwalten
  • Benutzerregistrierung für Besucher/Gäste der Website deaktivieren
  • Benutzerregistrierung um weitere Pflichtfelder erweitern
  • Benutzerregistrierung mit eigener Benutzerrolle
Drupal regelmäßig sichern und aktuell halten
  • Drupal MySQL Datenbank schnell sichern
  • Drupal FTP-Daten mit Datenbank-Datei lokal sichern und abspeichern
  • Drupal Core Update: Drupal aktualisieren
Drupal auf deutsch
  • Die Systemsprache von Drupal auf Deutsch umstellen
Drupal 8 erweitern
  • Mit Drupal 8 sind viele Module bereits an Bord
  • Module direkt von Drupal.org installieren / Cookie-Hinweis-Modul installieren
Drupal 8 Theming - Vom Entwurf bis zur Website - Projektbeispiel mit Bootstrap
  • Alle Dateien zum Theming für Drupal 8
  • Vorbereitung:Installiere einen Editor (Brackets) und richte das Projekt ein
  • Vorbereitung: Installiere einen AutoCompiler für SASS (hier Prepros)
  • Vorbereitung: Nacktes Basis-Theme (Dootstrap) installieren
  • Vorbereitung: Dootstrap-Theme mit Autocompiler verknüpfen (Prepros)
  • Der Design-Entwurf für das eigene Drupal Theme
  • Die Regionen des neuen Themes
  • Ein kurzer Blick in die Theme-Dateien
  • Unnötige Blöcke deaktivieren und CSS- und JS-Aggregation abschalten
  • Navbar-Header nach Designvorlage umsetzen
  • Logo über Drupal-Theme Settings einbinden
  • Logo-Höhe anpassen und Border-Radius der Bootstrap Navbar entfernen
  • Mobile Ansicht: Logo Mittig positionieren und Hamburger-Button anpassen
  • Social Media Buttons über Blöcke integrieren und Sub-Bar optisch anpassen
  • Social Media Buttons mit CSS gestalten.
  • Breadcrumbs auf Unterseiten aktivieren
  • Template-Overwrite der Breadcrumbs inkl. CSS-Anpassungen
  • Content-Bereich aufräumen, unnötige Blöcke löschen und Breadcrumb-Titel nutzen
  • Unterseite mit Inhaltstyp nach Entwurfsvorlage anlegen und gestalten
  • Allgemeine Text-Schriftgröße mit CSS anpassen
  • Startseite: Teaser-Block anlegen und nach Entwurfsvorlage gestalten
  • News-Bereich der Startseite: Die letzten 3 Artikel anzeigen lassen
  • News-Bereich: Anpassen der front--page.html.twig und CSS
  • News-Bereich: Letzte CSS Anpassungen des Blocks auf der Startseite
  • Startseite: Info-Block mit Text und Bild einrichten
  • Info-Block mit Bild abschließen und h2 Abstand für große Screens setzen
  • Weiteren Info-Block mit umgekehrter Bild-Text-Reihenfolge
  • Bildabstände der Info-Blöcke mit einer zusätzlichen Klasse hinzufügen
  • Footer: Vorbereitung - Mehrere Seiten anlegen
  • Footer Menü-Blöcke anlegen und platzieren
  • Footer mit CSS gestalten
  • Social Media Buttons im Footer ergänzen
  • Footer-Linie einbinden
  • Feintuning: h2 Abstand im Big-Teaser, Button-Farben, Footer-Abstand zum Content
Gestaltung und Anordnung von eigenen Views und Nodes
  • Views: Textbereich mit Token-Wert hinzufügen
  • Views: Produktübersichtsseite mit Boostrap responsive darstellen
  • Views: Feed aus View deaktivieren und Zeilenumbrüche entfernen
  • Views: Produktübersichtsseite optisch verbessern: Abstände, Schriftgrößen, Farbe
  • Views: Produktübersichtsseite mit Link/Button zum Produkt (zur Node)
  • Node: Unnötige Labels abschalten und Template-Overwrite vorbereiten
  • Node: Bearbeite die Darstellung und Feldpositionen eines Inhaltstyps
  • Theming Details und Twig-Infos in der Drupal 8 Dokumentation
Drush: Die shell-basierte Anwendung für Drupal-Websites