21 Ein eigenes. Diskussionsforum. Bauen Sie auf Ihrer Website eine Community auf. Warum ein Diskussionsforum anbieten?

Transkript

1 21 Ein eigenes Diskussionsforum Bauen Sie auf Ihrer Website eine Community auf Warum ein Diskussionsforum anbieten? Ein komplettes Forum aus dem Internet laden Die Software phpbb2 installieren und konfigurieren Das Forum an die eigene Website anpassen

2 Mit Diskussionsforen können Sie für Leben auf Ihrer Website sorgen und bei Ihren Besuchern noch besser ankommen. In diesem Kapitel schauen wir uns an, wie wir ein Forum auf unsere Seiten bringen, ohne selber programmieren zu müssen. Eine Website bietet in erster Linie nur Inhalte an, zu Interaktivität mit den Besuchern kommt es nur selten, höchstens mal ab und zu über ein Kontaktformular. Sie können aus Ihrer Website aber auch einen richtigen Treffpunkt im Internet gestalten, in dem gequatscht, diskutiert und gestritten werden kann, nicht nur mit Ihnen, sondern auch von Besucher von Besucher. Ein Diskussionsforum bringt Leben auf Ihre Website und ist ganz einfach einzubauen, ohne jede Programmierarbeit. Eine hervorragende Forensoftware, in PHP programmiert, ist das im Internet kostenfrei herunterladbare phpbb2. Es ist sehr einfach zu installieren und zu konfigurieren. Vorraussetzung ist nur ein Webserver mit PHP- und MySQL-Unterstützung und eine eigene Website, die darauf läuft. Wir werden in diesem Kapitel mit phpbb2 ein Diskussionsforum auf unserer Website installieren, konfigurieren, gestalten, anpassen und benutzen. Am Anfang steht aber erst einmal der Download. Download Zu allererst müssen Sie die neueste Version von phpbb2 und dazu die deutschen Sprachdateien herunterladen, denn das Forum soll schließlich nicht in Englisch funktionieren, damit es auch jeder deutsche Besucher benutzen kann. Schritt für Schritt: Herunterladen von phpbb2 1. Gehen Sie in den Downloadbereich von phpbb.com Öffnen Sie die Website im Browser und wechseln Sie dort in den Download-Bereich, indem Sie auf Downloads klicken. 300

3 Downloaden Sie die neueste Version von phpbb2 [Full Package] im Zip-Format von der Seite. Damit das Forum auf Ihrer Seite in deutscher Sprache angezeigt werden kann, benötigen Sie auch die deutschen Sprachdateien und Bilder. Scrollen Sie dafür im Fenster Downloads so weit herunter, bis der Eintrag Deutsch angezeigt wird. Diese Sprachdatei duzt den Benutzer, die gleich darauf folgende benutzt das höflichere»sie«. Wählen Sie die bevorzugte Version aus. Wir benutzen für unser Beispiel die siezende Version. Klicken Sie dann auf 1, um die deutsche Sprachversion, und auf 2, um die deutschen Bilddateien dazu herunterzuladen. 2. Herunterladen von phpbb2 und deutschen Sprachdateien

4 3. Dateien entpacken und bereitstellen Entpacken Sie zuerst die Datei phpbb2.zip und dann lang_german_ sie.zip. Verschieben Sie den entpackten Ordner lang_german auf Ihrer Festplatte in den Ordner phpbb2/language wie in der folgenden Abbildung. 4. Bilder entpacken und integrieren Entpacken Sie nun die Datei subsilver_german_sie.zip und verschieben Sie den daraus entstehenden Ordner lang_german aus dem Ordner subsilver/images in den Ordner phpbb2/templates/ subsilver/images. 302

5 Verschieben Sie den gesamten Ordner phpbb2 in den Hauptordner Ihrer Website, in unserem Beispiel sufisoul_uebungen. 5. phpbb2 in Website integrieren In Dreamweaver wird jetzt im Bedienfeld Dateien der Ordner phpbb2 angezeigt. Ist das nicht der Fall, überprüfen Sie noch einmal die letzten Schritte. 1 Übertragen Sie den Ordner phpbb2 auf den Webserver, indem Sie ihn auswählen und auf die Schaltfläche 1 klicken. 6. Ordner phpbb2 auf Server übertragen Falls sich das Fenster Abhängige Dateien einschliessen öffnet, klicken Sie darin auf Nein, damit keine Abhängigkeiten überprüft werden. Das Forensystem befindet sich jetzt auf dem Webserver. Es muss nun noch installiert und konfiguriert werden. Ende Installieren Als nächstes wird die Forensoftware phpbb2 auf dem Webserver installiert. Die Dateien haben wir schon auf diesen übertragen, es müssen nur noch einige Komponenten eingerichtet werden. Die Installation ist sehr einfach und erfolgt komfortabel über den Webbrowser. 303

6 Schritt für Schritt: Installation von phpbb2 auf dem Webserver 1. Website im Browser aufrufen Rufen Sie Ihre Website im Browser auf und setzen Sie dahinter»/phpbb2«an die URL, um das Forensystem zu starten. Es erscheint folgende Webseite a 2. Einstellungen vornehmen Wählen Sie unter Datenbanktyp die gewünschte Datenbank aus, meist ist MySQL 4.x 1 die richtige Wahl. Wenn Sie die Installation zum ersten Mal auf dem Webserver vornehmen, wählen Sie Installation 2. Geben Sie in der Rubrik Datenbankkonfiguration den Host 3, Datenbank 4, Benutzername 5 und Passwort 6 für die Datenbank ein. Diese Daten erhalten Sie von Ihrem Webspace-Provider. Geben Sie unter 7 Ihre -Adresse ein und tragen Sie einen Benutzernamen 8, hier»admin«, und ein Passwort 9 ein, über das Sie Ihr Forensystem administrieren können. 304

7 Klicken Sie abschließend die Schaltfläche Installation beginnen a. Es werden nun u. a. die MySQL-Datenbanktabellen erstellt. Zum Abschluss erscheint die Webseite aus der folgenden Abbildung. Betätigen Sie noch die Schaltfläche Installation abschliessen. Es erscheint ein Hinweis, dass die Verzeichnisse install und contrib auf dem Webserver gelöscht werden sollen. 3. Installation abschließen Wechseln Sie zurück in Dreamweaver und wählen Sie unter Fenster Dateien den Listeneintrag Remote-Ansicht aus. 4. Remote-Ansicht in Dreamweaver aktivieren 305

8 5. Verbindung zum Webserver herstellen Klicken Sie auf Schaltfläche 1, um eine Verbindung zum Webserver herzustellen. Nach einem kurzen Moment wird im Bedienfeld dann der Site-Ordner auf dem Server angezeigt Ordner install und contrib entfernen Selektieren Sie die Ordner install und contrib im Ordner phpbb2 und drücken Sie (Entf), um sie zu entfernen. Die Verzeichnisse werden auf dem Server gelöscht. Wechseln Sie im Bedienfeld Dateien zurück auf Lokale Ansicht. Es werden wieder die Daten im Site-Ordner auf Ihrer Festplatte angezeigt. 306

9 Ende Ihr Forensystem ist nun voll funktionsfähig. Sie können es unter der URL Ihrer Website mit dem Zusatz /phpbb2 (z. B. aufrufen. Es sieht dann in etwa so aus, wie in der folgenden Abbildung: Abbildung 20.1 Das Forensystem phpbb2 nach erfolgreicher Installation auf dem Webserver Der Titel yourdomain.com und der Name des Forums»Test Forum 1«müssen noch umbenannt werden. Darum kümmern wir uns im nächsten Schritt. Konfigurieren Auch die Konfiguration unseres phpbb2-forums erfolgt online einfach über den Browser. Sie müssen sich nur als User»admin«und mit dem Passwort einloggen, dass Sie bei der Installation angegeben 307

10 haben. Dann kommen Sie in die entsprechenden Menüs mit den Voreinstellungen. Schritt für Schritt: phpbb2-forum konfigurieren 1. Einloggen über den Browser Öffnen Sie das Forensystem im Browser (z. B. phpbb2) und füllen Sie die Felder Benutzername 1 und Passwort 2 aus. Klicken Sie auf Login 3, um sich anzumelden Wechseln in den Administrations-Bereich Klicken Sie ganz unten auf den Link Administrations-Bereich. 308

11 Wählen Sie in der linken Navigation Einstellungen 1 aus, um den Forennamen zu verändern. Klicken Sie auf Konfiguration 2, um den Haupttitel des Forums zu ändern. 3. Einstellungen vornehmen 1 2 Ihr Forum ist nun fertig konfiguriert und kann bereits unter http: // von den Besuchern Ihrer Seite benutzt werden. Ende 309

12 Gestalten Mit der Software phpbb2 ist es sogar möglich, das Aussehen des eigenen Forums zu verändern. Das Design wird durch so genannte Styles bestimmt. Der voreingestellte Standard-Style von phpbb2 heißt subsilver. Im nächsten Schritt werden wir den Style zu dem Aussehen aus Abbildung 21.2 abändern. Abbildung 21.2 phpbb2 in einem alternativen Style Um das Aussehen zu verändern, können Sie einfach einen neuen Style von der Website herunterladen oder einen vorhandenen Style (z. B. subsilver) an Ihre eigenen Wünsche anpassen. Ein Style besteht aus HTML-Vorlagen mit der Dateiendung.tpl, Grafiken und CSS-Dateien, die im Ordner templates abgelegt werden. Standardmäßig ist phpbb2 nur mit einem Style ausgestattet. Um ein individuelles Design zu erstellen, reicht es aus, wenn Sie sich einen passenden Style downloaden und dann darin das Logo austauschen. 310

13 Abbildung 21.3 Im Ordner templates werden die Styles von phpbb2 abgelegt. Schritt für Schritt: Neuen Style installieren Gehen Sie auf die Website und klicken Sie auf Styles Downloads. Dort können Sie verschiedene Styles herunterladen. Wählen Sie innerhalb einer Rubrik (z. B. Immitations) einen Style aus, in unserem Beispiel nehmen wir VereorLCARS. 1. Style herunterladen 311

14 2. Style entpacken und bereitstellen Entpacken Sie die heruntergeladene Datei (z. B. VereorLCars.zip) und kopieren Sie den dabei entstandenen Ordner in phpbb2/templates. Bei einigen Styles, wie auch bei VereorLCARS, befindet sich innerhalb des entpackten Ordners noch ein weiterer Ordner mit Namen VereorLCARS. Kopieren Sie dann nur diesen in den Ordner phpbb2/ templates. 3. Style übertragen auf den Webserver Übertragen Sie den neuen Ordner auf den Webserver, indem Sie ihn in Dreamweaver im Bedienfeld Dateien selektieren und dann auf die Schalftläche Bereitstellen klicken. 4. Einloggen und Style installieren Loggen Sie sich in Ihrem Forensystem als»admin«ein und wechseln Sie in den Administrationsbereich. 312

15 Klicken Sie in der Navigation auf Hinzufügen und dann rechts im Hauptbereich auf Installation. Um den Style für das Forum zu aktivieren, klicken Sie in der Navigation auf Konfiguration und wählen rechts im Hauptbereich aus der Liste Standard-Style den gewünschten Style aus. 5. Style aktivieren Klicken Sie dann weiter unten im Formular auf absenden. 313

16 6. Neuen Style testen Klicken Sie im Administrationsbereich auf logoff. Öffnen Sie abschließend im Browser erneut das Forum (ohne Administrator-Anmeldung), um zu überprüfen, ob der neue Style auch wie in der folgenden Abbildung angezeigt wird. Ende Anpassen Das Forum ist jetzt fast fertig. Es funktioniert bereits und hat eine ansprechende Gestaltung. Wenn Sie möchten, können Sie nun noch Details anpassen und Bilder des Styles durch Ihre eigenen Bilder austauschen. Bilddateien von Styles in phpbb2 befinden sich im Ordner php2bb/templates/»stylename«/images. Abbildung 21.4 Das Bilderverzeichnis eines Styles in phpbb2 314

17 Um Ihre eigenen Bilder einzubinden, können Sie einfach die HTML-Dateien mit der Dateiendung.tpl in Dreamweaver anpassen. Vergessen Sie anschließend nicht, die Änderungen auf den Webserver zu übertragen, damit sie auch wirksam werden. 315