Rückblick und Zusammenfassung „Entwicklung einer Filmdatenbank mit WordPress und PCM: Ausbaustufe 1“
In Ausbaustufe 1 haben wir gezeigt, wie in WordPress eine klar strukturierte Datenbank mit WordPress-Inhalten und einer weiteren individuellen Beitragsart ( dem Custom Post Type „Filme“) aufgebaut werden kann. Im folgenden erklären wir nun, wie diese Struktur durch die zusätzliche Verwendung von benutzerdefinierten Taxonomien weiter optimiert werden kann, um attraktive Landing Pages aufzubauen.
Taxonomien (Eigenschaften)
Taxonomien sind im Grunde Eigenschaften, die an die einzelnen Posts der Custom Post Types vergeben werden können. Meistens handelt es sich bei Taxonomien um „Themen“ oder „bereiche“, Taxonomien können aber auch z.B. auch „Orte“ sein.
Die einzelnen Inhalte einer Taxonomie werden „Terms“ genannt. In WordPress wird für jeden Term automatisch eine Archiv-Seite generiert, die den URL-Aufbau /bezeichnung-taxonomie/bezeichnung-term erhält.
Der Aufbau und die Gestaltung dieser Archiv-Seiten ist zunächst simpel; von WordPress vorgesehen sind lediglich die Darstellung des Titels und eines Beschreibungstextes. Die Archive bieten jedoch mit den richtigen Tricks riesiges Potentials zu attraktiven Landing Pages ausgebaut zu werden.
In der PERIMETRIK®-Filmdatenbank haben wir die Taxonomie „Genre“ erstellt und diese dem Custom Post Type „Filme“ und dem WordPress Post Type „Beiträge“ zugeordnet.
PCM – das PERIMETRIK®-Tool zur einfachen Ausgabe dynamischer Inhalte
Als langjährige Experten zum Thema Dynamische Inhalte nutzen wir bei all unseren Projekten für die Ausgabe dynamischer Inhalte stets unser selbst entwickeltes WordPress-PlugIn PCM. Weil die Aufträge zum Thema Dynamisierung innerhalb der letzten Jahre immer komplexer wurden und wir immer neues Potential bei der Nutzung Dynamischen Contents erkennen, haben wir PCM regelmäßig erweitert und an die Bedürfnisse unserer Kunden angepasst. Mittlerweile verfügt PCM über so vielseitige Möglichkeiten für die Ausgabe Dynamischer Inhalte wie kaum ein vergleichbares WordPress-PlugIn.
Im folgenden zeigen wir die erste Ausbaustufe unserer Film-Datenbank, die durch den Aufbau einer logischen Datenbank in Kombination mit PCM möglich wird:
Für die Terms der Taxonomie „Genre“ haben wir ein zentrales Layout erstellt. In diesem wird u.a. die PCM-Konfiguration fest gelegt. Mittels PCM werden auf jedem Term-Archiv dynamisch alle Filme und News-Beiträge, die zum jeweiligen Genre passen, aufgelistet.
Entwicklung von attraktiven Term-Archiven für die Taxonomie „Genre“ mit dynamischer Ausgabe passender Filme und News
Um die Posts des Custom Post Types „Filme“ sinnvoll gliedern zu können, haben wir mit WordPress und Toolset Types die Taxonomie „Genre“ erstellt.
Im Unterschied zu CPTs gelten Taxonomien in WordPress nicht als eigene Inhaltsarten, sondern sind vielmehr als Eigenschaften, die den Posts zugeordnet werden können. Trotzdem wird pro erstellten Term eine entsprechende Archiv-Seite in WordPress mit eindeutigem URL-Slug (z.B.: /genre/abenteuer) generiert. Baut man die Term-Archive weiter aus, eignen sich diese hervorragend als Landing Pages.
Um dieses Potential zu nutzen macht es auch hier Sinn ein zentrales Layout mit dem Divi Theme Builder zu erstellen. Für die Terms unserer Demo-Taxonomie „Genre“ haben wir ein einfaches Layout aus Titel, Kurzbeschreibung und Beitragsbild erstellt, in dem auch folgende Sektionen mit dynamischen Inhalten definiert wurden.
- Sektion Filme: In dieser Sektion werden dynamisch mit PCM alle Filme, die dem jeweiligen Genre zugeordnet wurden ausgegeben.
- Sektion News: In dieser Sektion werden dynamisch mit PCM alle Beiträge, die zum jeweiligen Genre passen ausgegeben.
Die Darstellung der Filme erfolgt vierspaltig, d.h., es werden immer vier Filme pro Zeile nebeneinander dargestellt. Wir haben ein entsprechendes Loop Layout entwickelt, welches zunächst das Beitragsbild in Form eines Filmplakats anzeigt. Bei Mouse-Over werden dem Benutzer der Filmtitel sowie eine Kurzbeschreibung angezeigt. Dazu wird das Beitragsbild abgedunkelt und der Text in heller Farbe auf dem Bild dargestellt. Per Klick auf einen Film landet der User dann auf der entsprechenden Detailseite und erhält dort weitere Informationen zum Film. In der Sektion „News zum Genre“ werden pro Zeile drei Beiträge nebeneinander darstellt. Hier besteht das Loop Layout aus einem Beitragsbild, Titel, Kurzbeschreibung und Link zur jeweiligen Beitragskategorie.
Übersichtsseite „Filme“ mit dynamischer Ausgabe der Filme nach Genre
In Ausbaustufe 1 haben wir bereits gezeigt, wie mit WordPress und PCM ansprechende Detailseiten für die Posts des Custom Post Types „Filme“ erstellt werden können.
Zusätzlich zu den Post-Detailseiten ist pro Custom Post Type auch die Erstellung einer Übersichtsseite sinnvoll. Übersichtsseiten werden in WordPress als Seiten angelegt und erhalten einen passenden URL-Slug mit der Bezeichnung des CPTs (z.B. /filme).
Jede Seite kann in WordPress individuell gestaltet werden. Dazu nutzen wir i.d.R. den Divi Builder, ein Gestaltungswerkzeug des Divi Child Themes. Da Übersichtsseiten im Unterschied zu den zahlreichen Detailseiten eines CPTs nur einmal vorkommen, ist ein zentrales Layout für Übersichtsseiten also nicht nötig.
Um die Übersichtsseite „Filme“ unserer PERIMETRIK®-Film-Datenbank an den Look der Startseite anzupassen haben wir auch hier eine ansprechende Titelsektion mit einem Stimmungsbild (Key Visual) erstellt. Darunter folgt in einer weiteren Sektion die Auflistung aller Filme.
Alle vorhandenen Filme werden auf der Übersichtsseite übersichtlich dargestellt. Damit dies gelingt haben wir mit PCM einen isotopen Filter verwendet. Beim ersten Aufruf der Seite werden dem User zunächst alle Filme dargestellt. Per Filterauswahl kann er die Auswahl der Filme dann beliebig eingrenzen und sich z.B. nur die Filme des Genres „Abenteuer“ anzeigen lassen. Ein isotoper Filter ist im Grunde genommen kein richtiger Filter, sondern funktioniert quasi wie ein Umschalter. Grenzt der User die Auswahl der gezeigten Inhalte ein, indem er eine Filterauswahl trifft, wird im Hintergrund keine Treffermenge ermittelt. Stattdessen werden alle Inhalte, auf die die Auswahl nicht zutrifft, im Frontend verborgen.
Auf der Übersichtsseite „Filme“ werden mit PCM alle Posts des CPTs „Filme“ dargestellt. Mit Hilfe des isotopen Filters kann der Benutzer die Auswahl der Filme einschränken und sich nur die Filme eines bestimmten Genres anzeigen lassen.
Fazit:
In Ausbaustufe 2 unserer PERIMETRIK® Film-Datenbank haben wir gezeigt, wie man die Term-Archive einer Taxonomie zu sinnvollen Landing Pages ausbaut und mittels PCM automatisch mit passenden Inhalten speisen kann.
Zudem haben wir anhand unseres Custom Post Type „Filme“ demonstriert, wie man mit WordPress und PCM eine ansprechende Übersichtsseite für Beitragstypen gestaltet, auf der alle Posts nach verschiedenen Kriterien aufgelistet und mit Hilfe eines isotopen Filters gegliedert werden können.
In Ausbaustufe 3 verraten wir, wie man mit WordPress und PCM weitere SEO-relevante Seiten erstellt, auf denen zweidimensional gefiltert wird.
