Création d'un forum avec WordPress | Tutorial #1 : Installation de Simple Press Forum

Objectifs

Je vais vous livrer ici la méthode permettant d’insérer un forum parfaitement administrable et ce, sans quitter ni son blog, ni son panneau d’administration WordPress.

Avant toute chose, sachez que ce tutoriel présente quelques étapes relativement ardues nécessitant quelques connaissances en HTML et en CSS. Cependant, ne vous découragez pas pour autant les étapes sont nombreuses mais simples à mettre en oeuvre. Essayez, c’est avant tout apprendre à créer !

J’ai donc pris la décision de découper cet article en 2 parties qui seront publiées à quelques jours d’intervalle :

1. Tutorial #1 : Installation de Simple Press Forum ;
2. Tutorial #2 : Configuration de l’administration du forum ;

Téléchargement de Simple Press Forum

Pour réaliser un forum avec WordPress, il vous faut tout d’abord télécharger l’excellent plugin :

  Simple Press Forum (1,1 MiB, 1 826 hits)

Pensez à télécharger les 2 archives. La première contenant l’ensemble des fichiers du plugin, la seconde n’étant qu’une simple mise à jour de sécurité.

Une fois téléchargés, extrayez les fichiers ZIP dans un nouveau dossier. Faites de même avec la mise à jour en écrasant les fichiers de la première archive.

Si vous ne souhaitez pas faire la mise à jour, vous pouvez tout aussi bien ne télécharger que la première archive.

Installation du plugin

A l’aide de votre client FTP favori – FileZilla ou Windows, par exemple, uploadez le dossier du plugin vers l’emplacement suivant :

/wp-content/plugins/

Rendez-vous ensuite dans votre panneau d’administration WordPress puis ouvrez le menu Extensions. Activez ensuite le plugin en question.

Un nouvel onglet a fait son apparition, l’onglet Forum. Cliquez sur ce dernier puis suivez la procédure affichée à l’écran.

Création d’une page Forum

De la même manière que pour une page d’archive, il nous faut créer une page modèle qui notre page d’accueil du forum. Je me suis basé sur le guide de l’auteur disponible en anglais, que j’ai volontairement réduit par 2 ou 3 pour aller à l’essentiel.

En résumé, ce modèle de page va nous permettre d’effectuer les modifications suivantes :

• Suppression de la sidebar pour une meilleure ergonomie ;
• Ajout du header et du footer ;
• Respect de la charte graphique du blog ;

Pour ce faire, il nous faut utiliser un éditeur HTML. Dans notre cas, nous utiliserons le Bloc-notes Windows de sorte que tout le monde l’ait en sa possession.

Duplication du fichier page.php

Ouvrez le menu Démarrer, saisissez notepad.exe ou bloc-notes puis appuyez sur Entrée.

Enregistrez dès à présent le fichier avec la dénomination suivante :

forum.php

Comme l’indique l’auteur du plugin, nous devons nous baser sur le fichier page.php de WordPress. Dupliquez donc le contenu de celui à partir de votre client FTP dont l’emplacement est :

/wp-content/votre_thème

Vous avez également la possibilité d’accéder au fichier page.php à partir de l’administration de votre blog en passant par Apparence puis Editeur de thème. Cliquez ensuite sur le fichier en question (Modèle de page).

Une fois le fichier page.php en votre posession, ouvrez-le puis faites Ctrl + A – pour sélectionner l’intégralité de son contenu, puis Ctrl + C – pour le copier, et enfin Ctrl + V – pour le coller, dans le fichier forum.php.

Dénomination de la page

Localisez en haut de page le bout de code suivant :

<?php
/*
Template Name: page.php
*/
?>

Remplacez-le par :

<?php
/*
Template Name: Forum
*/
?>

Cela permet de donner un nom à notre modèle de page.

Suppression de la sidebar

Pour faciliter la lecture, nous allons enlever la sidebar qui n’est guère très utile dans un forum.

Pour cela, il nous faut localiser le code suivant :

<?php get_sidebar(); ?>

Sélectionnez-le puis supprimez-le.

Selon le thème utilisé, celui-ci peut également être de cette forme :

<?php include (TEMPLATEPATH . "/sidebar.php"); ?>

Dans ce cas, supprimez celui-ci.

Respect de la charte graphique

Ce passage est de loin le plus compliqué. Je ne peux, en effet, expliquer la démarche pour l’ensemble des thèmes WordPress, une vie ne suffirait sans doute pas !

Par contre, de manière générale, je vous conseille de créer une classe ou un ID CSS lequel vous assignerez dans votre structure HTML.

Un bon point de départ consiste à localiser le bout de code suivant :

<div id="content" class="narrowcolumn">

Puis de créer une nouvelle classe CSS que vous nommerez largecolumn – en raison du fait que la sidebar ait été supprimée.

Éditez ensuite le fichier styles.css puis créez une nouvelle classe juste à la suite de narrowcolumn. Vous pouvez dupliquer les éléments et modifier ceux qui vous intéressent, notamment la propriété width (largeur).

Une fois les modifications opérées, enregistrez-le fichier puis mettez-le en ligne à l’emplacement suivant :

/wp-content/votre_thème

Utilisation du nouveau modèle

Nous allons maintenant créer la page d’accueil du forum proprement dite. Pour cela, dans votre panneau d’administration WordPress, cliquez sur Ecrire puis sur Page.

Dans le module Modèle de page, sélectionnez Forum.

Publiez la page.

Votre forum est maintenant créé ! Pour y accéder, saisissez le nom de votre blog suivez d’un slash puis de forum ou alors ouvrez le module Forum puis cliquez sur l’icône Aller au forum.

Si tout à fonctionner, votre forum est maintenant opérationnel… du moins en théorie car il nous reste à le configurer en profondeur pour rendre celui-ci utilisable par vous-même mais aussi par ces usagers.

55 commentaires pour “Création d'un forum avec WordPress | Tutorial #1 : Installation de Simple Press Forum”

1. dpod dit :

   9 janvier 2010 à 19 h 39 min

   salut a tous,

   j’ai installé le forum en suivant le tutorial, merci.

   Par contre j’ai un petit souci, lorsque le sujet est long et se retrouve sur 2 pages, je ne peut plus editer les messages, ni en tant qu’admin ni en tant qu’usager.
   D’ailleurs les usagers ne peuvent plus non plus éditer leur posts.

   Il n’y a pas de message d’erreur, si j’essaie d’éditer un message sur la page 1, je suis rediriger vers la page 2, et si j’essaie d’éditer un message sur la page 2 je suis rediriger vers la page 1.

   Des idées ?

   l’adresse du forum :
   http://www.portail-poker-67.fr/forum.

   Merci d’avance

   Répondre
   • Maigret dit :

     9 janvier 2010 à 20 h 11 min

     Je n’ai encore jamais rencontré ce problème lors de mes tests. Avez-vous contacté le support du site officiel ? Ils pourront certainement mieux vous aider que moi.

     Répondre
2. serge dit :

   10 janvier 2010 à 15 h 20 min

   Merci, pour le tuto;
   J’ai installé forum sous thesis qui marche très bien. Dommage que SimplePress Forum n’est pas validé en XHTML 1.0 Strict… si il y quelqu’un qui veut participer pour le retoucher à un budget raisonnable….

   Super initiative de lancer les tutos sur installation de forum et comment enlever la sidebar. Bonne continuation

   Répondre
3. JaCKoT dit :

   3 mars 2010 à 21 h 15 min

   Merci pour le tuto mais j’ai un gros soucis dès le début, je ne trouve pas le code:  » 1.  »
   dans mon dossier page.php…Sachant que j’utilise le thème vina.

   J’espère que vous trouverez une solution à mon problème…Je sais que je ne suis pas doué dans le langage site internet…merci

   Répondre