Wie erstelle ich eine individuelle WordPress Startseite

Das beliebte CMS WordPress ist längst mehr als ein reines Bloggersystem. Durch eine Vielzahl an Plugins und ein offenes System, bieten sich zahlreiche Möglichkeiten, mit WordPress auch Webseiten für Unternehmen und Webseiten mit Portal- oder Magazin-Layouts zu erstellen. So hat der Online-Redakteur die Möglichkeit über das bekannte Backend die Inhalte zu steuern, die auf der individuellen Startseite zu sehen sind. Wie man mit WordPress Hausmitteln eine einfache individuelle Homepage erstellt, erkläre ich hier…

Was ist ein Magazin-Layout?

Bei WordPress mit seinen Standard-Themes ist es normal, dass auf der Startseite die letzten Artikel chronologisch linear aufgelistet werden. Alternativ kann eine statische Seite als Startseite angegeben werden. Bei einem Magazin-Layout gibt der Grafiker einer Webseite vor, dass an bestimmten Stellen des Themes Inhalte dynamisch oder statisch eingebaut werden können. Beispielsweise gibt ein Redakteur vor, dass in einem Slider bestimmte Top-Artikel erscheinen sollen. In einer weiteren Box sollen die neuesten Artikel erscheinen, während darunter Inhalte aus einem eingebauten Forum dargestellt werden.

Schritte zum WordPress Magazin-Layout

Bei der folgenden Anleitung setze ich etwas Grundkenntnisse bei der Erstellung von WordPress-Themes voraus:

1. Ein eigenes Template für die Startseite anlegen

Zuallererst kopiert man die Templatedatei page.php und benennt diese zum Beispiel in page-startseite.php um. In diese Datei schreibt man am Anfang nach dem öffnenden PHP-Tag:

/*
Template Name: startseite
*/

Dadurch erkennt WordPress, dass es sich bei der Datei um ein weiteres Template einer Seite handelt. Und man hat nun die Möglichkeit im Backend rechts neben dem Editor unter „Attribute“ dieses Template als Vorlage für die Seite zu wählen.

2. Eine alternative Startseite erstellen

Nun erstellt man eine neue Seite mit dem Namen „Startseite“. Dieser Seite weist man das neue Template zu. Der Inhalt ist erstmal unwichtig. Anschließend weist man WordPress noch an, eine andere Seite als Startseite zu verwenden. Diese Option findet sich unter „Einstellungen->Lesen->Startseite zeigt…“.

3. Grobes Layout anlegen

Am besten hat man schon ein fertiges HTML Grundgerüst seiner gewünschten Webseite, welches man in die Bereiche Header, Content, Footer teilen kann. Die header.php und footer.php bindet man wie üblich in die page-startseite.php jeweils am Anfang und Ende ein. Im Contentbereich erstellt man das eigentliche Magazin-Layout mit all seinen gewünschten Div’s und HTML5 (Section,Article, etc.) Elementen. Hat man dies erledigt, sollte die Startseite der Webseite bereits als statische Version das gewünschte Ergebnis zeigen.

4. Installieren der Plugins und Einbau in Widgets

Für die eigentliche Magazin-Funktionalität verwendet man diverse Plugins, welche in einzelnen Sidebars angezeigt werden. Die eigentliche Funktionalität einer Sidebar wird hier quasi für die Ausgabe von Inhalten an verschiedenen Positionen missbraucht. So kann man zum Beispiel das Plugin „WP One Post Widget“ verwenden, um einzelne oder mehrere Artikel in Sidebars zu positionieren, welche dann wiederrum in einem dafür vorgesehenen Div per

dynamic_sidebar('Sidebarname');

aufgerufen werden. Der genaue Ablauf:

1. Sidebar erstellen in der functions.php
2. z.B. Plugin WP One Post Widget installieren
3. Widget in die neue Sidebar einfügen und einen oder mehrere Artikel wählen
4. Per dynamic_sidebar(‚Sidebarname‘); die Sidebar an der gewünschten Position einfügen

fertig. So kann man sich problemlos an vielen verschiedenen Stellen im Theme Sidebars ausgeben, welche von einem Redakteur sehr einfach gesteuert werden können. Die Ausgabe formatiert man über CSS. Das WP One Post Widget ist hier natürlich nicht das einzige Plugin, das verwendet werden kann um Inhalte auszugeben. Man kann statischen HTML Text über das HTML Widget ausgeben, PHP Code über das WP PHP Widget, eine Umfrage über WP-Polls und vieles mehr. Für die meisten gewünschten Elemente gibt es das passende Plugin. Interessant ist auch das Custom Post Widget, mit dessen Hilfe Content-Blöcke erstellt werden, die dann an den gewünschten Sidebar-Positionen ausgegeben werden.