Das Hörbuchkind

Ein Projekt im WordPress Backend

Projektbeschreibung und Vorgehensweise

  • Hintergrund
  • Aufgabe
  • Umsetzung

Im Mittelpunkt des Projektes steht die technische Arbeit mit WordPress.
Das Ergebnis wird vor der Gruppe präsentiert.

  • Thema für die Internetpräsenz ist frei wählbar
  • Child Theme erstellen und Anpassungen im Backend mittels HTML, CSS, JS und PHP vornehmen
  • WP Plugins einbinden und im Backend anpassen
  • vollständige Responsivität der Website gewährleisten

Thema und Umfang der Website

  • Im Mittelpunkt steht die Vorstellung von Kinderbüchern im Rahmen eines Blogs. 
  • Die Struktur des Blogs folgt den drei Hauptkategorien  "Kinderbuchreihen", "Einzelbücher" und "Autoren". Diese werden über die Navigation angesteuert. 
  • Die Kategorie "Kinderbuchreihen" umfasst zu jeder Reihe eine Unterkategorie, die den Inhalt kurz beschreibt. Alle zu einer Reihe vorgestellten Bücher sind als Blog-Beiträge der jeweiligen Kategorie zugeordnet. 
  • Hörproben von bis zu vier Minuten vermitteln einen ersten Eindruck vom Buch und von meiner Stimme. 
  • An zwei Terminen in der Woche können bis zu fünf Kinder an einer Vorlesestunde mit mir teilnehmen. 

größte Anpassungen des Child-Themes im Backend

  • Header mit bewegten Bildern: mittels CSS fliegt der Drache Kokosnuss erst durch das Bild und fährt dann auf Rollschuhen zurück. Schließlich bleibt er auf einem Bücherstapel sitzend im Header sichtbar. 
  • Header-Gestaltung abweichend von Theme-Vorgaben: zwei Logos umschließen Titel und Beschreibung der Website. 
  • Scroll-up-Button: Einbinden eines freigestellten png (Heißluftballon) und Animation mit JS. 

Verwendete Plugins für den Funktionsumfang

  • Elementor und Essential Addons (Website-Gestaltung)
  • Salon Booking (Terminbuchungen)
  • Form Maker (Kontaktformular)
  • AudioIgniter (Einbinden von Audio-Dateien)
  • Loco Translate (Übersetzung und Änderung von Texten der Plugins)

Anpassungen der Plugins im Backend

  • Abweichende Gestaltung des Plugins zur Terminbuchung
  • Einfügen zusätzlicher Felder im Buchungsformular via functions.php
  • Anpassung der Terminauswahl
  • Teilweise Übersetzung bzw. Umschreiben von Plugin-Texten mittels Loco Translate

Eindrücke des Projektes

„Das Hörbuchkind: Kinderbücher – Vorstellungen, Hörproben, Vorlesestunden“ 

Diese Website habe ich im Rahmen meiner Weiterbildung aufgesetzt. Sie ist online nicht erreichbar. 

#1: Header mit CSS-Animation.
Der Drache Kokosnuss fliegt und fährt auf Rollschuhen durch das Bild. Auf einem Bücherstapel sitzend bleibt er dauerhaft im Header sichtbar.
#2: Scroll-up-button mit JS-Animation.
Der Heißluftballon als freigestelltes png trägt die Website zurück nach oben.