Première partie: l’installation

Tout comme dans les articles « Mise en place d’un blog sous WordPress » et « Installer un CMS : le cas de Joomla », je vais ici vous apprendre à faire votre site sous Drupal. Après avoir acheté un hébergement et un nom de domaine, nous pouvons nous lancer.

Drupal est une alternative à WordPress plus difficile à manier, en raison d’une ergonomie qui n’est pas toujours intuitive. Il est donc souvent destiné à des utilisateurs un peu plus expérimentés. Néanmoins, Drupal dispose de certains atouts, notamment d’une plus grande flexibilité. Il est nécessaire, avant de lancer son projet (site internet ou blog), de définir ses besoins. Un blog s’orientera ainsi vers WordPress, SPIP ou autre Dotclear, alors qu’un site plus complet et « professionnel » utilisera surement davantage Drupal ou Joomla ! A chaque projet convient un CMS. A vous de trouver le vôtre !

La première étape consiste à télécharger Drupal à cette adresse.. Avant de poursuivre, je vous conseille d’éditer le fichier .htaccess sur votre serveur pour y placer les lignes suivantes:

Cliquer sur l'image pour voir l'image en plus grand

Il est en effet nécessaire de prendre certaines précautions selon l’hébergeur que vous avez choisi (notamment OVH). Ensuite, décompressez l’archive pour n’obtenir qu’un dossier (à l’aide d’un logiciel de décompression comme Winrar). Cette étape est similaire à celle décrite dans « Mise en place d’un blog sous WordPress »: nous allons placer l’ensemble des fichiers et dossiers sur le serveur dans le dossier « www ». Le transfert ne dure que quelques minutes, soyez patient Si vous avez quelques soucis avec FileZilla, revenez aux deux tutoriels cités précédemment, leur présentation vous éclairera.

Contrairement au premier tutoriel, nous allons ici suivre l’installation automatique offerte par le CMS. Rendons nous directement sur le site sur lequel nous avons placé le contenu de l’archive (http://monsite.fr par exemple):

Par défaut, l’installation se fait en anglais. Si vous souhaitez que Drupal soit en français, il suffit de télécharger la traduction à cette adresse puis de décompresser l’archive et placer son contenu directement sur le serveur.

A la prochaine étape, il vous suffit de dupliquer le fichier « default.settings.php » et nommer son doublon « settings.php ». Cliquez pour continuer.

Pour cette nouvelle étape, il va vous falloir retrouver les identifiant et mot de passe fournis par votre hébergeur et les entrer ici. Vous pouvez, si vous le souhaitez, ajouter un préfixe à votre table. Ceci vous permettra de discerner les tables utilisées par Drupal en observant le préfixe placé devant. Dans mon exemple, les tables utilisées par Drupal seront nommées sous la forme: _drupal_*.

Poursuivez l’installation automatique. Vous devrez attendre quelques minutes durant le chargement :

Vous obtiendrez au final ce résultat, prouvant le bon déroulement de l’installation :

En cliquant sur « votre nouveau site », vous aurez accès au fruit de votre travail : votre site tout beau tout neuf ! Il ne vous reste plus qu’à personnaliser votre site avec les nombreux thèmes et plugins disponibles… Et à alimenter votre site !

Besoin d’aide pour votre site sous Drupal ? Consultez cette page, vous y trouverez une aide précieuse.

Deuxième partie: Les avantages et inconvénients de Drupal

Comme je l’ai dit plus haut, Drupal est un peu plus difficile à manier que WordPress, ce qui en fait un CMS moins utilisé que ce dernier. L’ergonomie dans son espace d’administration laisse à désirer, et il faut parfois chercher un bon moment pour effectuer la modification voulue.

Il bénéficie cependant de quelques avantages indéniables. Même si WordPress tire une grande force de ces nombreux plug-ins (plus de 8500 aujourd’hui), Drupal n’a pas grand chose à lui envier avec ses 4000 modules. Si toutefois vous ne trouvez pas le module qu’il vous faut, Drupal permet aussi de faire vos propres modules grâce à une API puissante vous permettant de développer des outils pour vos propres besoins.

De plus, Drupal est un logiciel libre : vous êtes donc en droit de le modifier dans le cadre de la license GPL pour le faire correspondre un maximum à vos besoins. Vous disposez aussi d’une communauté active de 500 000 personnes, présentes pour vous aider sur les forums officiels.

Enfin, et il s’agit du point le plus important selon moi, Drupal est un CMS performant et pouvant résister à un fort trafic, comme il le fait sur de nombreux sites professionnels tel que Rue89.fr.

3. Installer Joomla en ligne

Vous venez de faire le plus dur. Maintenant il vous suffit de vous rendre sur votre site, par exemple http://cuisinedemaman.fr. Une redirection automatique vous amène à http://cuisinedemaman.fr/installation/index.php si aucune installation n’a été faite au préalable. Vous arrivez à cet écran :

Cliquer sur l'image pour la voir en plus grand

Sélectionnez la langue de votre choix (Français se met par défaut) et cliquez sur « Suivant » en haut à droite. Vous arrivez à l’étape de pré-installation. Ici le logiciel inspecte votre serveur pour voir si tous les éléments nécessaires à l’installation sont présents. Ne vous inquiétez pas si des paramètres recommandés (en bas) ne sont pas verts, l’installation se fera quand même. Par contre il est primordial que les éléments du haut soient en vert pour continuer l’installation. Si vous avez quelque chose en rouge, il faudra vous référer à votre hébergeur ou demander de l’aide à la communauté Joomla.
Si tous les éléments sont corrects vous pouvez cliquer sur suivant en haut à droite.

L’étape suivante est en fait la licence publique générale GNU que vous vous engagez à respecter. En bref, vous êtes libres de modifier les fichiers comme bon vous semble, d’améliorer le programme et de rendre publiques les modifications afin que l’ensemble de la communauté en bénéficie (gratuitement ou non). Faîtes suivant encore une fois.

La quatrième étape est la plus importante. C’est maintenant que nous allons configurer la base de données. Il va falloir vous référer au mail (le même où vous avez récupéré les informations du FTP normalement) que vous a envoyé votre hébergeur pour récupérer les données de configuration de la base de données. Remplissez les champs avec ces informations comme sur l’image :

Lorsque vous faîtes suivant, le logiciel crée les tables dans la base de données. Si tout s’est bien passé, vous passez à l’étape suivante. Si vous avez un message d’erreur, vous avez dû vous tromper dans les informations que vous avez rentré. Si c’est le cas faîtes simplement précédent et refaîtes l’étape avec les bonnes informations.

Si vous n’avez pas eu de problèmes à l’étape 2, vous pouvez ignorer l’étape suivante. Elle est utile uniquement pour un type de serveur particulier. De toute façon ne vous inquiétez pas, cette étape n’empêchera pas votre installation et peut au besoin se refaire dans l’interface administration une fois l’installation terminée.

C’est bientôt terminé. L’étape 6 vous permet de configurer votre site. Inscrivez le nom de votre site (exemple : La cuisine de Maman), votre e-mail (pour les formulaires de contact et en cas de mot de passe perdu) et votre mot de passe (attention, c’est celui que vous utiliserez pour vous connecter à l’administration de votre site).
On vous donne également la possibilité d’installer des données d’exemples. Il s’agit de faux contenus qui seront d’office ajoutés pour vous donner une idée de votre site une fois rempli. Je conseille aux débutants de réaliser cette étape. Pour ce faire, cliquez sur le bouton « Installer les données d’exemples« .
La dernière option de cette étape vous donne la possibilité de charger des données d’une autre installation de Joomla. Comme cet article s’adresse à des néophytes, je ne la détaillerai pas.
Vous pouvez cliquer sur « Suivant » en haut à droite.

Voila l’installation de Joomla est terminée. Il ne vous reste plus qu’à supprimer le dossier « installation » à l’aide de votre logiciel FTP (Filezilla). Une fois cela fait vous pouvez aller voir votre site.

Pour vous connecter à votre interface administration, allez à http://cuisinedemaman.fr/administrator/ ou cliquez sur le lien « administrator » quelque part dans le menu du site. Utilisez l’identifiant « admin » et le mot de passe choisi à l’étape 6.

Votre site est maintenant opérationnel. Il ne vous reste plus qu’à créer/éditer vos contenus et à personnaliser votre site. Je vous conseille le document pdf « Joomla pour les nuls » mis à disposition gratuitement par la communauté. Il est très bien fait et vous aidera grandement dans la conception de votre site.

Amusez-vous bien !

Suite à l’achat d’un hébergement et d’un nom de domaine, il va évidemment falloir arriver à l’étape où l’on va mettre en place un site web, un blog ou tout projet qui nécessite d’avoir un petit espace sur Internet.

Je présenterai plus tard d’autres alternatives, mais comme aujourd’hui WordPress est la solution que je connais le mieux, commençons par ce qui me semble être le plus simple, efficace et rapide à mettre en place.

Il va falloir tout d’abord vous rendre sur fr.wordpress.org pour télécharger la dernière version de WordPress (à l’heure où je vous parle il s’agit de la 2.9.1 disponible en français ici )

Une fois téléchargée et dézippée, allez dans le dossier « wordpress » pour retrouver un fichier nommé wp-config-sample.php, que vous allez renommer en wp-config.php (il vous suffit juste de cliquer sur le nom et d’en effacer la partie -sample).

Puis ouvrez ce fichier wp-config.php dans un éditeur de texte de type Notepad ou TextEdit. Réservez-le sur le côté le temps de créer une base de donnée.

Pour cela il va vous falloir mettre les mains dans le cambouis (mais nul raison d’avoir peur) et retrouver le mail qui vous a été envoyé par votre hébergeur.

Dans ce mail (mais vous pourrez également retrouvez ces informations dans l’espace client de votre hébergeur), il y a une donnée qui vous donne une adresse qui ressemble à phpmyadmin4.trusttelecom.fr

En allant à cette adresse, il vous sera demandé votre Login et Mot de passe, qui sont fournis dans ce même mail (ou même page).

Une fois sur cet écran, et plus précisément dans la zone « Créer base de données »,vous allez effacer les trois points pour ajouter le nom de votre site. Dans le cas de WebTribulation, j’ai mis quelque chose ressemblant à Valentin1911_webtribulation puis cliquez sur « Créer ».

Retournez dans le fichier wp-config.php que vous avez ouvert dans un éditeur de texte.

Dans la partie « Réglages MySQL », vous allez remplir comme suit, en remplaçant les informations que j’ai mis ici par celles qui vous ont été données dans le mail de votre hébergeur. Et en ce qui concerne « le nom de la base de données de WordPress », il va falloir mettre le nom de la base de données que vous venez de créer (chez moi c’était Valentin1911_webtribulation).

Voici un exemple de ce à quoi cela peut ressembler

// ** Réglages MySQL – Votre hébergeur doit vous fournir ces informations. ** //
/** Le nom de la base de données de WordPress. */
define(‘DB_NAME’, ‘ValentinTT1911_webtribulation’);

/** Utilisateur de la base de données MySQL. */
define(‘DB_USER’, ‘ValentinTT1911′);

/** Mot de passe de la base de données MySQL. */
define(‘DB_PASSWORD’, ’145w5004′);

/** Adresse de l’hébergement MySQL. */
define(‘DB_HOST’, ‘localhost’);

Ici il va falloir utiliser un client FTP qui va nous permettre de mettre les éléments constitutifs de votre WordPress sur votre hébergement. Si vous n’avez jamais utilisé de client FTP, je vous conseille d’installer FileZilla (très simple d’utilisation, il est disponible pour Windows, Mac et Linux).

Une fois que vous l’aurez installé, démarrez-le puis entrez les données demandées. C’est à dire remplissez les champs « Hôte », « Identifiant » et « Mot de passe » et « Port ». Toutes ces informations sont présentes dans le mail envoyé par votre hébergement et seront donc sous la forme :

« Hôte » : ftp4.trusttelecom.fr « Indentifiant » : valentinTT1911 « Mot de passe » : 145w5004 « Port » : 21

Puis cliquez sur « Connexion rapide ».

La partie gauche de FileZilla, nommé « Site local », représente le disque dur de votre ordinateur. La partie droite, nommée « Site distant » représente l’espace d’hébergement qui va accueillir votre site.

C’est ici dans la partie en bas à droite (où sont inscrit les mots « Votre hébergement »), que vous allez faire un clic droit « Créer un dossier » que vous allez nommer « www » (sans les guillemets). Ce répertoire sera connu comme étant le répertoire racine. C’est dans celui-ci que vous allez mettre votre site.

Vous allez ensuite utiliser la partie gauche (Site local) pour retrouver le dossier « WordPress » (celui dans lequel vous avez modifié le wp-config). Une fois trouvé, vous allez double-cliquer dessus pour avoir tous les dossiers et fichiers qu’il contient dans la partie en bas à gauche (avec notamment les dossiers « wp-admin », « wp-content », etc.)

Vous allez tout sélectionner, tous les dossiers et fichiers contenus dans « WordPress » à l’exception du premier dossier

Vous allez ensuite tout faire glisser vers le dossier « www » que vous aviez créé dans le « Site distant » (comme dans l’image ci-dessous).

Il va falloir ici attendre quelques instants (voir minutes) pour que tous les fichiers se mettent sur votre hébergement.La dernière ligne de la partie supérieure de Filezilla dira : « Statut : déconnecté du serveur »

Une fois le transfert effectué, allez dans votre navigateur Internet et entrez l’adresse de votre site auquel vous ajoutez /wp-admin/install.php à la fin.

Par exemple : http://cuisinedemaman.fr/wp-admin/install.php

Entrez le titre de votre blog et votre adresse mail (vous pourrez encore modifier ces informations par la suite), puis cliquez sur « Installer WordPress ».

Vous allez être redirigé vers un écran qui vous donnera votre nom d’utilisateur (qui sera « admin ») et un long mot de passe compliqué (il vous faudra le changer par la suite).

Cliquez sur « Se connecter » et vous pourrez entrer ces informations qui viennent de vous être données.

Vous avez désormais un site web.

Vous êtes tout d’abord face au panneau d’administration qui va vous permettre de gérer votre site web.

Mais il vous suffit de cliquer en haut sur « Aller sur le site » pour voir le résultat.

Bien évidemment, le visuel par défaut est un peu rudimentaire… mais on va arranger cela très bientôt dans un futur article.