Entwicklung einer Film-Datenbank mit WordPress und PCM: Ausbaustufe 1

In Ausbaustufe 1 unserer beispielhaften Film-Datenbank zeigen wir, wie man mit WordPress und PCM eine einfache Datenbank aus WordPress-Standard-Inhalten und einer weiteren individuellen Beitragsart aufbauen kann.

Aufbau des Datenmodells mit WordPress:

In WordPress werden die Inhalte von Seiten und Beiträgen in einer Datenbank gespeichert. Diese kann erweitert werden, sodass ein gezielter Zugriff auf Informationen möglich wird. Beim Aufbau der Datenbank ist es daher wichtig eine klare Gliederung der Inhalte zu erzeugen. Daraus resultierend ergibt sich nicht nur eine Verbesserung der Benutzerführung, sondern auch eine Erleichterung bei der redaktionellen Bearbeitung sowie eine erhebliche Steigerung des SEO-Potentials für die gesamte Website.

WordPress Standard-Inhalte (Seiten & Beträge)

In WordPress sind standardmäßig zwei Inhaltsarten enthalten: Seiten und Beiträge.

Seiten eignen sich in erster Linie für konstante Inhalte, die in der Regel so bestehen bleiben und keine häufigen Aktualisierungen erfordern, wie z.B. das Impressum o.ä. Auch die Startseite ist in WordPress eine Seite, die in ihrem Aufbau konstant bleibt. Die Inhalte der einzelnen Sektionen können jedoch z.B. durch dynamische Prozesse aktualisiert werden und z.B. automatisch die neuesten News anzeigen.

Zusätzlich zu den Seiten ist in WordPress standardmäßig der Post Type „Beiträge“ enthalten. Dieser stammt aus dem anfänglichem WordPress-Konzept zur Blog-Erstellung. Jeder neu erstellte Beitrag wird in WordPress als eigenständiger Inhalt (Post) angelegt und enthält dementsprechend eine eigene Detailseite mit festerURL. Zusätzlich wird meist eine Übersichtsseite „News“ erstellt, auf der alle veröffentlichten Posts automatisch aufgelistet werden.

In unserer Film-Datenbank nutzen wir die Startseite (Homepage) als Übersichtsseite über alle Filme und die neusten News. Weitere News werden zusätzlich auf einer News-Übersichtsseite dargestellt.

 

 

Custom Post Types (Individuelle Betragsarten)

Um eine hohe Zahl an Inhalten der gleichen Art übersichtlich verwalten zu können macht die Erstellung individueller Beitragsarten (Custom Post Types) Sinn. Eigene Inhaltsarten (Custom Post Types) können in WordPress mit dem PlugIn Toolset Types erzeugt werden.

Da in einer Filmdatenbank natürlich die Filme den größten Bestandteil an Inhalten darstellen haben wir den Custom Post Type „Filme“ erstellt. Ähnlich wie bei den News-Beiträgen besitzt jeder Film als eigener Post eine Detailseite mit einer festen URL, die nach dem Schema: / was bin ich / wie heiße ich aufgebaut wird (z.B. /filme/film-titanic). Anhand dieser eindeutigen URL-Struktur können die Inhalte von den Suchmaschinen besser indiziert werden.

Durch ihre eindeutige Struktur können Custom Post Types zudem an beliebigen Stellen auf der Website, z.B. in entsprechenden Sektionen auf der Startseite, dynamisch ausgegeben werden.

PCM – das PERIMETRIK®-Tool zur einfachen Ausgabe dynamischer Inhalte

Als langjährige Experten zum Thema Dynamische Inhalte nutzen wir bei unseren Projekten für die Ausgabe dynamischer Inhalte  unser selbst entwickeltes WordPress-PlugIn PCM. Weil die Anforderungen zum Thema Dynamisierung innerhalb der letzten Jahre immer komplexer wurden, haben wir PCM regelmäßig erweitert und an die Bedürfnisse unserer Kunden und Projekte angepasst. Mittlerweile verfügt PCM über so vielseitige Möglichkeiten für die Ausgabe Dynamischer Inhalte wie kaum ein vergleichbares WordPress-PlugIn.

 

Referenzen Bilder Template

Mit PCM Dynamic Content können alle Beitragstypen nach verschiedenen Ausgabekriterien gefiltert werden.

Referenzen Bilder Template

Auf der Startseite wird in verschiedenen Sektionen mit PCM eine Auswahl der neusten Filme sowie die neusten News-Beträge dargestellt.

Startseite mit dynamischer Übersicht aktueller Filme und News

Auf der Startseite unserer Demo-Filmdatenbank zeigen wir dynamisch mit PCM eine Auswahl der neusten Filme und News-Beiträge.

In der Sektion „Die neusten Filme“ werden mit PCM die zuletzt erstellten Posts des Custom Post Types „Filme“ aufgelistet. Die Anzahl der gezeigten Filme haben wir in den PCM-Einstellungen auf vier gesetzt und dazu passend eine vierspaltige Darstellung gewählt. Die Zahl der gezeigten Inhalte und das Spaltenverhältnis sind in PCM beliebig wählbar. Optional können weitere Elemente in weiteren Zeilen dargestellt werden. Neben einer Sortierung nach Erstellungsdatum sind in PCM zudem weitere Sortierkriterien, wie z.B. alphabetisch oder nach Zufall möglich, aber auch nach individuellen Merkmalen, wie z.B. „Erscheinungsjahr“.

Um eine einheitliche und ansprechende Darstellung der Filme zu erhalten haben wir ein entsprechendes Loop Layout mit dem WordPress Theme Divi erstellt. Dieses zeigt das Beitragsbild (Filmplakat) in einer fest definierten Ausgabegröße. Bei Hover über einen bestimmten Inhalt wird zusätzlich der Filmtitel eingeblendet. Jedes Element ist mit der entsprechenden Film-Detailseite verlinkt, sodass der User per Klick entsprechend weitergeleitet wird.

Unterhalb der Filme werden – diesmal dreispaltig – die aktuellsten Beiträge mit PCM angezeigt. Auch hier erfolgt die Sortierreihenfolge nach Erstellungsdatum (der aktuellste Beitrag wir zuerst angezeigt). Ebenso wie für die Filme haben wir auch zur dynamischen Ausgabe der News-Beiträge ein Loop Layout mit Divi erstellt. In diesem werden die Elemente (Beitragsbild, Beitragskategorie, Titel und Teasertext) jedoch untereinander dargestellt. Per Klick auf einen Beitrag wird auch hier auf die entsprechende News-Detailseite weiterleitet.

SEO-optimierte Detailseiten für alle Posts des CPTs „Filme“

Um das Layout der Filme zu vereinheitlichen haben wir mit dem Divi Theme Builder ein Layout für die Detailseiten des CPT „Film“ erstellt.

Im Theme Builder Layout für „Alle Detailseiten des CPT Filme“ haben wir einen einheitlichen Aufbau und eine ansprechende Darstellung aller Inhalte fest definiert. Die Titelsektion zeigt den Filmtitel und eine Inhaltsbeschreibung. Rechts daneben wird das Beitragsbild als Filmplakat dargestellt. Unterhalb der Beschreibung werden weitere Fakten in Steckbriefform aufgelistet.

Unterhalb des individuellen Contents zum Film stellen wir dynamisch weitere Informationen dar. Dazu haben wir die Sektion „Weitere Filme“ erstellt, in der mit PCM zusätzliche Filmvorschläge aufgelistet werden. Die Sortierreihenfolge erfolgt nach Zufallsprinzip, sodass immer neue Vorschläge auf den verschiedenen Detailseiten geboten werden.

Im Unterschied zu anderen Tools, wie z.B. dem Divi Blog Modul können im PCM umfangreiche Bedingungen für die dynamische  Inhaltsausgabe definiert werden. So ist es in diesem Falle möglich den jeweiligen Film, auf dessen Detailseite der User sich gerade befindet, in den Vorschlägen für weitere Filme auszuschließen.

Die Kombination von zentralen Layouts und dynamischen Inhaltssektionen mit PCM ist gleichermaßen praktisch wie sinnvoll:  Pro Film müssen lediglich ein individueller Titel, ein Beschreibungstext, die Daten für den Steckbrief sowie ein passendes Beitragsbild in entsprechende Benutzerfelder eingetragen werden – und schon ist eine repräsentative Film-Seite mit allen wichtigen Infos und weiteren dynamischen Inhalten fertig.

 

Referenzen Bilder Template

Auf der Film-Detailseite wir jeder Film mit Titel, Beschreibung, Steckbrief und Bild dargestellt. Die Sektion „Weitere Filme“ zeigt mit PCM zusätzliche Filmvorschläge.

Referenzen Bilder Template

Jeder veröffentlichte News-Beitrag erhält eine eigene Detailseite, die individuell gestaltet werden kann. Fest in einem zentralen Layout definiert ist die Darstellung von Titel, Teasertext und Beitragsbild. Darunter kann mit dem Divi Builder individueller Content in Form von weiteren Textpassagen, Bildern, Videos und mehr ergänzt werden.

Detailseiten für News-Beträge

Ebenso wie für die Detailseiten des Custom Post Types „Filme“ haben wir auch für den WordPress Standard-Beitragstyp „News“ ein zentrales Theme Builder Layout erstellt. Darin haben wir die Ausgabe und Darstellung von Titel, Kategorie, Teasertext und Beitragsbild definiert.

Um dennoch eine individuelle Gestaltung der einzelnen Beiträge zu ermöglichen kann jeder Beitrag beliebig mit dem Divi Builder um zusätzlicheTextpassagen, Bilder oder Videos erweitert werden.

Zur thematischen Gliederung der einzelnen News-Beiträge ist in WordPress das Anlegen verschiedener Beitragskategorien möglich. Zusätzlich zur Kategorie „Allgemein“ haben wir in unserer Film-Datenbank die beiden Beitragskategorien „Interviews“ und „Trailer“ erstellt. Jeder News-Beitrag kann einer oder mehreren passenden Beitragskategorien zugeordnet werden. Anhand dieser Zuordnung lassen sich die Beiträge dynamisch mit PCM auch abhängig von ihren Kategorien ausgeben, so können z.B. alle Inhalte des Post Types Beiträge aus der Beitragskategorie „Trailer“ gezeigt werden.

Übersichtsseite für News-Beträge

Für den WordPress-Beitragstyp „News“ wird in WordPress zusätzlich eine Übersichtsseite (News-Archiv) erstellt, auf der alle veröffentlichten News-Posts automatisch untereinander aufgelistet werden. Die News werden mittels einer Blog-Post-Funktion von Divi ausgegeben und nach Aktualität sortiert. Die Auflistung der Beiträge erfolgt im WordPress-Standard-Layout einfach untereinander – dies sieht unschön aus und ist zudem unübersichtlich.

Um das News-Archiv weiter auszubauen haben wir auch hier statt der WordPress Blog.Post-Funktion unser PCM verwendet. Auf diese Weise können die einzelnen Posts ansprechend nebeneinander dargestellt werden. Dazu haben wir ein vierspaltiges Grid ausgewählt. Anders als mit der Blog-Post-Funktionen lässt sich im PCM zudem die Anzahl aller gezeigten Posts auf der Übersichtsseite definieren. So könnte z.B. die Anzahl der gezeigten Beiträge auf 12 beschränkt werden, um Ladezeit zu sparen. Weitere Beiträge können dann ggf. mittels einer Load More-Funktion nachgeladen werden, alternativ kann eine automatische Paginierung aktiviert werden.

Zur besseren Übersicht haben wir zudem die Ausgabe der Beiträge pro Kategorie differenziert: Zuerst werden alle Beiträge der Kategorie „Allgemein“ dargestellt, darunter die neusten Trailer und zuletzt alle Inhalte, die der Beitragskategorie „Interviews“ zugeordnet wurden. Um die verschiedenen Sektionen optisch voneinander zu unterscheiden, haben wir im Layout der Seite unterschiedliche Hintergrundfarben pro Abschnitt eingestellt.

 

Referenzen Bilder Template

Auf der Übersichtsseite „News“ werden mit PCM zunächst alle veröffentlichten News-Posts sortiert nach ihrem Erstellungsdatum (neuester Post zuerst) aufgelistet. In weiteren Sektionen werden mit PCM nur News-Beiträge aus bestimmten Kategorien (z.B. Trailer“) dargestellt.

Fazit:

In Ausbaustufe 1 der PERIMETRIK® Film-Datenbank 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.

Wir haben erläutert, wie die Gestaltung zahlreicher Inhalte komfortabel durch zentrale Layouts mit dem professionellen WordPress Theme Divi erfolgt.  Zudem haben wir die technischen Möglichkeiten zur dynamischen Inhaltsausgabe mit WordPress und unserem Divi PlugIn PCM Dynamic Content demonstriert, das eine sinnvolle Differenzierung der verschiedenen Inhaltsarten ermöglicht.

Auf diese Weise haben wir eine attraktive Startseite mit den wichtigsten Infos auf einen Blick erzeugt und informative Detailseiten mit hervorragendem SEO-Potential für alle Filme erstellt.

Wie man die Film-Datenbank durch die Verwendung sinnvoller Taxonomien weiter ausbauen und noch erfolgreicher nutzen kann, zeigen wir in Ausbaustufe 2.

Weitere Projekte für

Unsere Lösungen für dieses Projekt:

In diesem Projekt konnten wir auf einige bewährte Lösungen zurückgreifen:

Benutzerdefinierte Beitragstypen

Mit Custom Post Types bzw. Benutzerdefinierten Beitragstypen können individuelle Inhalte verwaltet und dargestellt werden. Häufige benutzerdefinierte Beitragstypen sind z.B. Referenzen, Kunden, Kundenstimmen oder FAQ.

Dynamische Inhalte

Dynamische Inhalte verringern den Pflegeaufwand, erhöhen den Mehrwert für den Nutzer und verbessern die Sichtbarkeit in Suchmaschinen massiv (SEO). PERIMETRIK® ist Experte für Dynamische Inhalte und setzt diese sinnvoll auf Ihrer WordPress Website ein.

Landing Page

Mehr Content, mehr Nutzen, mehr Relevanz – Wir erstellen Ihnen eine Website-Struktur für Ihre WordPress Seite, mit der einfach und schnell neue Landing Pages generiert werden können.

Layout-Erstellung / Template-Entwicklung

Ein Layout ist eine Gestaltungsvorlage für Websites und deren Inhalte. Layouts oder Templates eignen sich besonders für Inhaltsarten, mit denen zahlreiche Archiv-oder Detailseiten generiert werden, wie z.B. für Posts oder Terms.

Wir erstellen für Ihre Website-Inhalte zentrale Layouts, die Ihnen die redaktionelle Arbeit beim Anlegen neuer Inhalte erleichtert und viel Aufwand spart.

Suchen Sie eine professionelle Internetagentur?

Kunden ähnlicher Branchen