Installer WordPress sur l’ancienne console d’Infomaniak

Ce module montre comment installer WordPress sur l’ancienne console d’Infomaniak :

(Cette page semble interminable. C’est parce que j’y détaille chaque étape de façon à ce que le maximum de personnes puisse en profiter. Si vous n’avez jamais touché à l’installation d’un site internet, je vous conseille de bloquer 2h de votre temps pour suivre ce module. Si vous suivez attentivement chaque étape, tout se passera bien).

1. Création de la base de données du site

WordPress a besoin d’une base de données pour stocker les articles et commentaires de votre site.

Tout d’abord, connectez-vous à la console d’administration de votre site en utilisant l’email et le mot de passe que vous avez reçus par email d’Infomaniak suite à l’activation de votre site internet.

Si tout va bien, vous devriez accéder à la console d’administration de votre site web :

La console d'administration de votre site internet.
La console d’administration de votre site internet.

Dans le menu de la console, cliquez sur Outils puis sur Bases de données pour accéder à cette page :

Infomaniak : ajout d'un nouvel utilisateur pour la base de données

1.1 Ajout d’un nouvel utilisateur

Avant de créer la base de données, nous allons devoir créer un nouvel utilisateur qui aura accès la base de données. Pour cela, cliquez sur le bouton Ajouter (1) de l’encadré « Liste des utilisateurs existants ».

Infomaniak : ajout d'un nouvel utilisateur

Choisissez un nom d’utilisateur ainsi qu’un mot de passe dont le niveau de sécurité est excellent puis cliquez sur le bouton Ajouter. Avant de poursuivre, notez précieusement les informations suivantes :

  • Le nom d’utilisateur de la base de données que vous avez choisi.
  • Le mot de passe pour le nom d’utilisateur de la base de données.

1.2 Ajout d’une nouvelle base de données

Si vous avez correctement suivi l’étape précédente, l’utilisateur créé devrait maintenant apparaître sur la page Outils > Bases de données :

Infomaniak : comment créer une nouvelle base de données

Pour créer la base de données, cliquez sur le bouton Ajouter (2) mis en évidence sur l’image ci-dessus. La page suivante s’affiche :

Infomaniak : configurer la base de données
Le nom de la base de données est ici wordpressinfomaniakcom

Premièrement, notez soigneusement le nom de la base de données (3) car nous en aurons besoin plus tard. Dans le champ commentaire (4), écrivez le titre de votre site web. Il est ensuite très important de cocher les cases (5) qui se trouvent à droite de l’utilisateur que vous avez créé au chapitre 1.1 de ce module. Cliquez enfin sur le bouton Ajouter pour créer la base de données.

1.3 Vérification & adresse du serveur de base de données

Si vous avez correctement suivi ce qui précède, vous devriez maintenant avoir un utilisateur qui a les accès à la future base de données de votre site WordPress ! Prenez le temps de vérifier que tout est OK sur la page Outils > Bases de données.

Infomaniak : trouver l'adresse du serveur de base de données

Avant de passer à l’étape suivante, notez soigneusement l’adresse du serveur de base de données (6). Nous en aurons besoin par la suite.

2. Télécharger la dernière version de WordPress

Cliquez sur ce lien pour télécharger la dernière version de WordPress en français sur votre ordinateur.

Si le lien direct ne fonctionne pas, ouvrez le site officiel de WordPress et téléchargez WordPress.

3. Mettre en ligne WordPress

Dans cette étape, nous allons voir comment installer WordPress sur Infomaniak.

3.1 Envoyer l’archive WordPress sur le serveur

Tout d’abord, connectez-vous à la console d’administration de votre site en utilisant l’email et le mot de passe que vous a envoyés Infomaniak suite à l’activation de votre site internet.

Dans le menu de la console, cliquez sur FTP puis sur Gestion des fichiers. La page suivante s’affiche :

Infomaniak : accéder au gestionnaire FTP

Notez d’abord soigneusement le nom d’utilisateur FTP (7), car nous en aurons besoin plus tard. Pour accéder au gestionnaire de fichiers, utilisez le mot de passe que vous a envoyé Infomaniak suite à l’activation de votre site internet. Cliquez ensuite sur le bouton Envoyer.

Vous arrivez ensuite sur cette page, qui va nous permettre de copier WordPress sur votre site internet :

Infomaniak : gestionnaire de fichiers (FTP)

Cliquez sur le bouton Envoyer des fichiers (8) puis envoyez l’archive de WordPress téléchargée au chapitre 2 de ce module. Patientez ensuite pendant l’envoi de l’archive sur le serveur (cela peut durer plusieurs minutes selon la rapidité de votre connexion internet).

Si tout se déroule correctement, vous devriez ensuite voir l’archive WordPress sur le serveur :

Infomaniak : extraire une archive depuis le gestionnaire de fichiers

3.2 Décompresser l’archive WordPress sur le serveur

Nous allons maintenant décompresser l’archive sur le serveur. Pour cela, cliquez sur l’icône Décompresser (9) qui se trouve sur la ligne de l’archive WordPress.

Infomaniak : configuration de l'extraction d'une archive via le gestionnaire de fichiers FTPLorsque cette fenêtre apparaît, cliquez sur le bouton Valider.

Si vous avez correctement décompressé l’archive WordPress, vous devriez maintenant avoir un dossier WordPress dans le dossier web du serveur :

Infomaniak : Gestionnaire de fichiers FTP

3.3 Déplacer le contenu du dossier WordPress au bon endroit

Nous allons maintenant voir comment déplacer le contenu du dossier WordPress dans le dossier web du serveur. Pour cela, commencez par ouvrir le dossier WordPress en cliquant dessus.

Infomaniak : déplacer des fichiers dans le gestionnaire de fichiers

Sélectionnez ensuite tout le contenu du dossier WordPress (10) puis cliquez sur le bouton Déplacer (11). La fenêtre suivante apparaît ensuite :

Infomaniak : configurer le déplacement de fichiers depuis le gestionnaire de fichiers

Cliquez sur le dossier web (12) puis cliquez enfin sur le bouton Valider (13).

3.4 Supprimer les dossiers inutiles

Bravo, nous sommes presque au bout. Comme le dossier ET l’archive WordPress sont désormais inutiles, nous allons les supprimer du serveur.

Infomaniak - le gestionnaire de fichiers (FTP)

Pour commencer, cliquez sur le dossier web (14) afin de revenir à la racine du site internet.

Infomaniak : supprimer des fichiers via le gestionnaire de fichiers FTP

Sélectionnez ensuite le dossier ET l’archive WordPress (15 & 16), puis cliquez sur le bouton Supprimer (17). Confirmez enfin la suppression des éléments sélectionnés.

3.5 Créer le dossier « uploads »

Avant de poursuivre, nous allons prendre un peu d’avance et déjà créer le dossier « uploads », qui accueillera les médias que vous partagerez sur votre site web (images, vidéos, fichiers pdf, etc.).

Infomaniak FTP Manager

Pour cela, ouvrez le dossier wp-content (18) en cliquant dessus. Cliquez sur le bouton Ajouter un dossier (19). Écrivez ensuite exactement uploads (20) puis appuyez sur la touche ENTER pour valider la création du dossier.

Infomaniak FTP Manager

Il reste encore une petite subtilité très importante à faire : nous devons dire au serveur que WordPress aura la permission d’écrire dans le dossier uploads. Sinon, vous ne pourrez tout simplement pas publier des images ou des médias sur votre site internet. Avouez que ce serait quand même un peu dommage non ?

Pour mettre le dossier uploads en écriture, cliquez sur le bouton Propriétés (21) qui se trouve sur la ligne du dossier uploads. La fenêtre suivante apparaît :

Infomaniak FTP Manager

Dans le champ Manuel (22), inscrivez le nombre 777 puis cliquez sur Valider (23).

Et voilà, cette atroce étape est terminée ! Rassurez-vous, le plus gros est désormais derrière vous.

4. Suivre l’assistant d’installation WordPress

Yes !! La partie fun est presque devant vous 😉 Mais nous avons encore du pain sur la planche, donc gardez votre concentration au top ! Maintenant, ouvrez votre navigateur internet et dans la barre d’adresse, tapez… le nom de domaine de votre site internet !! Si si… osez !

Si tout s’est bien déroulé auparavant… (on l’espère hein), vous devriez voir cette page :

Assistant d'installation WordPress - création du fichier de configuration

Cliquez sur le bouton Créer un fichier de configuration. La page suivante vous indique ensuite tout ce dont vous allez avoir besoin pour mener à bien la procédure d’installation de WordPress. Si vous avez soigneusement noté les informations que je vous ai indiquées, tout se passera bien 🙂

Après avoir lu cette page, cliquez sur le bouton C’est parti ! Et c’est justement sur la page qui s’affiche que nous allons faire le lien entre WordPress, la base de données et son utilisateur. Comme quoi, tout ce que je vous ai fait faire avant a un sens 😉

Installation de WordPress

Normalement, vous êtes censé avoir noté toutes ces informations. En cas de besoin, les indices suivants devraient vous permettre de mettre la main sur ce qu’il vous manque :

  • Le nom de la base de données et son identifiant sont précisés au chapitre 1.3 de ce module.
  • L’adresse de la base de données est également indiquée au chapitre 1.3 de ce module.
  • Le mot de passe demandé est celui que vous avez choisi au chapitre 1.1 de ce module.
  • Vous n’avez pas besoin de modifier le préfixe des tables.

Cliquez sur le bouton Envoyer lorsque vous avez complété les champs nécessaires.

Si WordPress n’a pas été capable de créer le fichier wp-config.php… il va falloir le faire manuellement. Le cas échéant, vous pouvez directement passer au chapitre 6 du module 😉

5. Créer le fichier wp-config.php

La création du fichier wp-config.php ne prend pas beaucoup de temps.

Commencez par copier tout le contenu du champ de texte de cette page :

Création du fichier wp-config.php
Vous pouvez utiliser la combinaison de touches CTRL + C pour copier la sélection.

Retournez ensuite dans le gestionnaire de fichiers via la console d’administration Infomaniak. Si vous avez un blanc, retournez simplement au début du chapitre 3.1 😉

Infomaniak : créer un nouveau fichier depuis le gestionnaire de fichiers FTP

Une fois que vous y êtes, ouvrez le dossier web puis cliquez sur le bouton Ajouter un fichier.

Wordpress - wp-config.php

Comme nom de fichier, inscrivez exactement wp-config.php (une faute de frappe est fatale).

Infomaniak : éditer le fichier wp-config depuis FTP Manager

Recherchez ensuite le fichier wp-config.php puis cliquez sur le bouton Editer comme indiqué sur l’image ci-dessus. La fenêtre suivante s’affiche :

Remplir le fichier wp-config.php
Vous pouvez utiliser la combinaison de touches CTRL + V pour coller le code.

Collez maintenant le contenu copié au début de ce chapitre. Cliquez enfin sur Enregistrer.

Et voilà, vous pouvez maintenant tranquillement terminer la procédure d’installation 😉

6. Terminer l’installation

À présent que le fichier wp-config.php est créé, cliquez sur le bouton Lancer l’installation.

Création du fichier wp-config.php

Si le fichier wp-config.php a correctement été créé, la page suivante s’affiche :

Fin de l'installation de WordPress

Il vous suffit alors de choisir…

  • le titre de votre site internet (vous pourrez le changer par la suite),
  • l’identifiant et le mot de passe qui vous permettront de mettre à jour votre site web,
  • l’adresse email que vous souhaitez associer à votre site web,
  • si vous souhaitez qu’on trouve votre site web via les moteurs de recherche ou non.

Notez précieusement votre identifiant et votre mot de passe. Vous en aurez besoin à chaque fois que vous mettrez à jour votre site internet ! Quand tout est OK, cliquez sur le bouton magique Installer WordPress. La page suivante s’affiche alors :

Le message qui s'affiche si tout s'est bien déroulé

WordPress vous félicite et vous invite à vous connecter à l’interface d’administration de votre site internet. Cliquez sur le bouton Se connecter.

Je vous conseille vivement d’ajouter la page qui s’affiche à vos favoris. Vous en aurez également besoin à chaque fois que vous souhaitez mettre à jour votre site internet 🙂

Connexion à l'interface d'administration de WordPress

Pour vous connecter à l’interface d’administration de votre site internet, utilisez l’identifiant et le mot de passe que vous venez juste de choisir. Si tout se passe bien, vous devriez ensuite arriver sur l’interface d’administration de WordPress.

Voici à quoi ressemble l'interface d'administration de WordPress.
Voici à quoi ressemble l’interface d’administration de WordPress.

Bravo ! Vous avez terminé l’installation de WordPress 🙂 Si vous tapez l’adresse de votre site internet dans un navigateur internet, vous devriez désormais voir l’embryon de votre futur site web ! Merveilleux non ?

Bienvenue sur internet 😉

7. Mon conseil d’ami…

Avant de découvrir comment fonctionne WordPress, je vous recommande vraiment de faire une liste avec toutes les informations suivantes :

  • L’adresse email qui vous permet d’accéder à la console d’administration Infomaniak (webmaster @votre-nom-de-domaine.com)
  • Le mot de passe qui vous permet d’accéder à la console d’administration Infomaniak (il est indiqué dans le mail d’Infomaniak)
  • Le nom d’utilisateur de votre base de données (voir chapitre 1.3 de ce module)
  • Le nom de votre base de données (voir chapitre 1.3 de ce module)
  • L’adresse du serveur de base de données (voir chapitre 1.3 de ce module)
  • L’identifiant dont vous avez besoin pour accéder à l’interface d’administration de WordPress (voir chapitre 6 de ce module)
  • Le mot de passe dont vous avez besoin pour accéder à l’interface d’administration de WordPress (voir chapitre 6 de ce module)
  • Le nom d’utilisateur FTP (voir chapitre 3.1 de ce module)
  • Le mot de passe FTP (en principe, c’est le même mot de passe que celui qui vous permet d’accéder à la console d’administration Infomaniak)

Si vous ne faites pas cela maintenant… vous risquez de le regretter, car vous aurez encore besoin de ces informations par la suite 😉

***
Aller au prochain module: WordPress: comment ça fonctionne ?
Sommaire de la formation