Symbiose: Wordpress und Typo3 – Navigation & Footer

Hans Christian Reinl — Mon, 31 May 2010 08:00:55 +0000

Es war nun schon öfter der Fall, dass wir eine Typo3-Seite aufgesetzt haben und eine Blog-Funktion integrieren wollten. Frage ist dann, was nimmt man für eine Extension, die all das kann, was wir brauchen. Eine Antwort darauf haben wir bisher nicht finden können. Nur eins wissen wir: ttnews und die anderen News-Systeme von Typo3 können es nicht. Leider!

Beste Lösung: Wordpress

Wir haben uns dann entschieden Wordpress als Blog-System zu nutzen. Die Integration in die bestehende Typo3-Seite ist aber leider nicht so einfach möglich.

Ein großes Problem ist es den Seitenbaum aus Typo3 zu übernehmen, in welchem die eigentlichen Content-Seiten gespeichert sind. Wordpress soll also als reines Blog-System laufen ohne die “Seiten”-Funktion.

Also haben wir uns das Problem mal genauer angeschaut. Zwei Lösungsansätze gibt es:

a. aus dem Wordpress-Theme auf die Datenbank von Typo3 zu greifen und die Navigation erstellen
b. Typo3 eine Navigation erstellen lassen und in Wordpress einbauen

Wir haben uns für Variante b entschieden, da das auslesen der Datenbankstruktur sicherlich recht aufwendig ist. Außerdem ist server-übergreifender Datenbank-Zugriff aus sicherheitstechnischen Gesichtspunkten nicht zu vertreten. Liegt also die Wordpress-Installation auf einem externen Server, wäre hier schon Ende!

Der Ansatz der zweiten Variante scheint da sinnvoller.

get_the_menu() mit Typo3

Per TypoScript lassen wir uns von Typo3 die Seitenstruktur ausgeben. Die Blog-Seite wird im Typo3 als externer Link realisiert.

wordpress_menu = PAGE
wordpress_menu.typeNum = 111
wordpress_menu.10 < lib.menu
wordpress_menu.config.metaCharset = utf-8
wordpress_menu.config.additionalHeaders = Content-Type:text/html;charset=utf-8
wordpress_menu.config.absRefPrefix = http://www.example.com/

Die erstellte Seite besteht aus verschachtelten unordered Lists, eingebettet in eine HTML-Datei.

Der aktive Navigationspunkt “Blog” soll auch aktiv sein, sobald wir uns im Blog befinden.
Daher haben wir hier einen Trick angewendet, wir erstellen im Typo3-Seitenbaum eine Unterseite zu Blog. Diese können wir dann als Startpunkt für unsere Verlinkung nutzen. Dazu mehr im nächsten Schritt.

Das Seitenelement in Wordpress importieren

Im Wordpress-Theme können wir die generierte Seite nun weiter verarbeiten. Die Datei wird mittels der PHP-Funktion implode() erst einmal in eine Variable gelesen um in weiteren Schritten die eigentliche Navigation (die im Body-Tag eingeschlossen ist) zu isolieren:

$nav = implode(" ", file ("http://www.example.com/index.php?id=28&type=112"));
$nav = explode ("", $nav);
$nav = explode ("", $nav[1]);
echo $nav[0];

Nun wird als eine saubere Navigationsliste ausgegeben.

Die Datei, die wir auslesen ist http://www.example.com/index.php?id=28&type=111. Der Typ wird im TypoScript als wordpress_menu.typeNum definiert. Die id ist die Seiten-Id der Unterseite. Somit bekommt Typo3 das Gefühl sich wirklich im Blog zu befinden und kann somit auch eine entsprechende aktive Klasse einbinden.

Footer

Beim Footer ist es genauso, wie bei der Navigation. Wir erstellen per TypoScript die Seite. Allerdings müssen wir hier einen anderen Seitentypen verwenden, beispielsweise 112. Und den Inhalt sollten wir auch aus dem entsprechenden Footer-Element auslesen und nicht aus der Navigation.

Im Wordpress kann man sich die Seite dann wieder genauso holen, wie bei der Navigation. Die Seiten-ID kann man hierbei entsprechend belassen.

Fazit

Man erleichtert sich durch dieses Vorgehen die Pflege der Website ungemein. Man hat schließlich nur einen Seitenbaum den man pflegen muss. Und auch nur einen Footer. Die Seitenleiste und der Content-Bereich ist bei einem Blog meistens sowieso anders, als auf den übrigen Seiten.

Ein großes Manko ist allerdings, dass man für beide Systeme dennoch ein eigenes Template aufsetzen muss. Hier eine entsprechende Lösung zu finden ist wohl eher schwer. Vielleicht fällt uns aber auch da etwas ein!

TYPO3 Kurzreferenz für Redakteure

Daniel Heitz — Thu, 27 May 2010 14:29:25 +0000

Die TYPO3 Kurzreferenz beschreibt die Basisfunktionen für die Pflege Ihrer Website mit TYPO3. Es werden Themen wie das Einfügen von Texten und Bildern, sowie die Strukturierung und Organisation des Seitenbaums in einfach Schritt-für-Schritt Anleitungen behandelt. Lernen Sie außerdem kleine Tricks, die den Umgang mit dem TYPO3-Backend wesentlich erleichtern und die Arbeit mit TYPO3 beschleunigen.

Laden Sie hier die TYPO3-Kurzreferenz als PDF

WordPress Kurzreferenz für Redakteure

Daniel Heitz — Thu, 27 May 2010 10:17:35 +0000

Die WordPress Kurzreferenz ist hilfreich, wenn Ihre Website mit WordPress entwickelt wurde und Sie die Inhalte Ihrer Seite selbst aktualisieren und ergänzen möchten. Lernen Sie in wenigen, einfachen Schritten, wie Sie neue Seiten anlegen, Seiten bearbeiten und Seiten mit Inhalt füllen. Die Kurzreferenz ist auch eine ideale Ergänzung zur WordPress Schulung. Das Dokument ist bewusst kurz gehalten, enthält aber alle wichtigen Grundlagen, um Ihre Website pflegen zu können und gibt Antwort auf die wichtigsten Fragen, beim ersten Umgang mit dem WordPress-Backend.

Laden Sie hier die WordPress-Kurzreferenz als PDF

/gebrüderheitz - Blog