In diesem Tutorial wird erklärt, wie man ganz leicht ein phpBB3-Forum mit dem Standard-Layout SubSilver2* in das eigene Wordpress-Design einbauen kann, so dass das Forum unter dem Header des Wordpress-Designs erscheint und unter dem Forum der Wordpress-Footer. Als Beispiel dafür dient meine Seite Angi’s Nagerwelt:

*Es funktioniert sicherlich ganz ähnlich für das zweite Standard-Layout ProSilver, allerdings basiert dieses Tutorial auf der Verwendung von SubSilver2.

1. Installation der Software

Benötigt werden die jeweils neueste Version von Wordpress und phpBB3. Lade sie herunter und installiere sie nach den folgenden Vorgaben:

1. Wordpress ins Root-Verzeichnis (Hauptordner) deines Webspace installieren.
2. Dein gewähltes Wordpress-Theme installieren und aktivieren.
3. Unterordner forum/ ins Root-Verzeichnis erstellen.
4. phpBB3 im Unterordner forum/ installieren.
5. Im phpBB3-Adminmenü das Layout SubSilver2 aktivieren.

Es funktioniert auch mit einer beliebigen anderen Ordnerstruktur, allerdings ist diese meiner Meinung nach die logischste Aufteilung. Blog bzw. Homepage liegen so im Hauptverzeichnis und das Forum hat wie es sich gehört den Pfad www.domain.de/forum.

2. Wordpress-Design vorbereiten

Um das Wordpress-Design um das Forum herumzulegen, brauchen wir zunächst den Quelltext der Index-Seite von Wordpress. Dazu öffnest du im Browser die Hauptseite von Wordpress. Hast du die Anweisungen zur Ordnerstruktur befolgt, ist das der Grundpfad zu deinem Webspace, z.B. www.domain.de oder www.homepage-anbieter.de/deinname.

Den Quelltext kann jeder Browser anzeigen. Beim Internet Explorer klicke oben in der Menüleiste auf “Ansicht” und dann auf “Quelltext”. Beim Firefox ebenfalls in der Menüleiste “Ansicht” und dann “Seitenquelltext anzeigen”.

Jetzt musst du aus dem Quelltext die Teile heraussuchen, die du für Header und Footer brauchst. Dazu musst du zunächst wissen, welche Teile du angezeigt haben möchtest und wo sie im Quelltext zu finden sind. In den folgenden zwei Bildern siehst du die Teile rot markiert, die ich für mein Layout ausgewählt habe:

Sieh dir nun den Quelltext an. Die meisten Wordpress-Layouts sind auf div’s aufgebaut. Man nennt sie auch Container oder Ebenen. Nun gilt es, die Container zu finden, die für Header und Footer verantwortlich sind.

Zusätzlich brauchen wir noch den Hauptcontainer, der die gesamte Seitenkonstruktion umgibt. Diesen zu finden ist nicht schwer, er steht ganz am Anfang des Inhaltsbereichs eines HTML-Dokuments. Das Problem ist eher, die Stelle auszumachen, an der der Header endet, sowie die Stelle an der der Footer beginnt. Denn alles was dazwischen steht, brauchen wir nicht.

Weiter zu Seite 2 >>