Il existe bien des solutions pour installer son propre blog de manière autonome et sans pour cela devoir débourser une fortune.
Nous allons explorer au cours de cette étape la mise en place d'un blog de type Wordpress sur l'hébergement gratuit 000webhost.
Vous trouverez sur le web divers fournisseurs d'hébergement gratuit, mais tous ne permettent pas obligatoirement de caler son propre nom de domaine, ou encore, certains obligent à utiliser leurs propres banières publicitaires.
Nous allons voir que le prestataire choisit pour cette étape, est non seulement gratuit exampt de pub, mais permet également d'apposer son propre nom de domaine.
Mise en place de l'hébergement.
Parfois, certains prestataires enfouissent le lien de leur proposition gratuite sous un tel monceau d'informations, qu'il faut alors creuser ou décortiquer leur offre, puis, après un dédale de navigations obscures, on finit souvent par se résigner et à accepter une de leurs propositions d'hébergement à tarif réduit certe, mais toutefois payantes...
Ici, ce que l'on peut apprécier chez ce prestataire, c'est que rien n'est bien compliqué, la procédure est on ne peut plus simple, il suffit de se rendre sur le site de 000webhost.com et dès la page d'accueil, tout est clair :
Un clic sur le bouton Order Now de la colonne Free Hosting, et on est alors redirigé vers le formulaire d'inscription adéquat. Bon, la question est... y-a-t-il un revers de la médaille ? Pour l'instant je n'en ai pas l'impression, quelques jours après, j'ai reçu un mail me demandant si j'étais satisfait du service, un lien d'affiliation m'était proposé, et depuis plus rien... affaire à suivre.
Sinon pour le formulaire d'inscription, cela se passe en 6 étapes :
Si vous le souhaitez, vous pouvez procéder à une réservation pour un nom de domaine auprès de gandi.net ou de tout registrar que vous sélectionnerez depuis le site d'Internic. Imaginons que votre association (ou société) se nomme 'Woaw'... vous réservez donc le nom de domaine woaw.fr (ou woaw.com)...
- Si vous avez réservé, vous pouvez saisir woaw.fr (ou woaw.com) dans la première case du formulaire 'A sur l'image' et l'url à remettre à vos internautes sera http://www.woaw.fr (ou http://www.woaw.com).
- Si par contre vous ne réservez pas de nom de domaine, alors vous saisissez woaw dans la seconde case 'B sur l'image', et l'url à remettre à vos internautes sera alors http://www.woaw.netai.net. Dans le doute utilisez la case B.
- Saisissez votre nom ou le nom de votre entreprise
- Indiquez votre e-mail... attention, toutes les informations importantes y seront expédiées
- Pensez à utiliser un mot de passe composé de lettres (minuscule et majuscule) et de chiffres. Vous pouvez même utiliser certains signes de ponctuation... par exemple D!5agT6rR est un mot de passe suffisament robuste.
- Authentifiez vous en saisissant la suite de caractères que vous lisez dans la case de sécurité. Il s'agit d'un Captcha, qui permet de distinguer un être humain d'un robot automatisé qui pourrait ouvrir des sites en toute transparence.
- Pensez également à lire les conditions générales avant de valider votre demande et de soumettre le formulaire
Une fois ces informations envoyées, votre compte passe en cours de création, et vous êtes alors redirigé vers la page d'administration. Vous devriez déjà avoir reçu un premier mail confirmant votre inscription en vous rappelant login et mot de passe.
Mise en place de la base de données
Avant de passer à l'étape d'installation à proprement parlé, nous allons préparer le serveur à recevoir Wordpress. Il va nous falloir mettre en place une base de données sur cet hébergement qui recevra l'ensemble des données de notre futur site.
Connectez vous sur votre page d'administration. Pour cela, utilisez le lien qui vous est fournis sur le premier mail : Access control panel at : , ou bien utilisez l'adresse générique de connection à l'espace membre. Utilisez vos login et mot de passe.
Cependant, il vous faudra attendre un délai de quelques heures tout au plus, avant que votre compte soit réellement activé. Durant tout ce temps vous obtiendrez un compte en cours d'activation.
Dès que le compte sera validé vous recevrez alors un second mail contenant l'ensemble des informations techniques nécessaires.
Une fois votre compte activé, vous pouvez accéder à la section Go to CPanel qui vous permet de régler tout un ensemble de paramètres du site, et notament la création et la gestion de votre base de données.
En défilant sur le bas de la page, vous obtiendrez un icône MySQL, cliquez sur ce lien. Par défaut, la page vous propose un formulaire Create new database and user. L'hébergement octroie automatiquement une racine non modifiable aux noms de bases de données du compte, ainsi qu'aux nom d'utilisateurs.
Ceci dit, libre à vous de les compléter pour les rendre personnelles : complétez donc le MySQL database name et MySQL user name. Attention, vous n'avez droit qu'à 7 caractères et uniquement des lettres (majuscules ou minuscules).
Ici encore, prenez soin de travailler votre mot de passe. Vous pouvez le complexifier en mélangeant lettres (minuscules et majuscules), chiffres et signes de ponctuation. Bien que les informations que nous allons présenter dans le site ne soit pas ultra-confidentielle, il est toujours préférable de sécuriser au mieux la porte d'accès à d'éventuels robots qui souhaiteraient utiliser le site pour SPAMER, FISHER ou tout autres envahissement souvent ennuyeux.
Une fois la base de données créée, l'ensemble des informations nécéssaires s'affichent, prenez soin des les mémoriser, nous en aurons besoin lors de la prochaine étape. Quoiqu'il en soit, vous aurez toujours accès à ces informations depuis votre page d'administration.
$mysql_host = "XXXX.000webhost.com";
$mysql_database = "A0456819_XXXXXX";
$mysql_user = "A0456819_XXXXXX";
$mysql_password = "XXXXXX";
Récupération des fichiers d'installation du blog Wordpress.
Là aussi bien que cela puisse paraître compliqué, la procédure si elle est bien suivie reste très simple. Commençez par télécharger les fichiers nécessaires depuis le site de Wordpress et décompressez les. Le dossier ainsi obtenu contient un ensemble de fichiers et trois dossiers.
Modification du fichier de configuration de la base de données
Pour l'instant un seul de ces fichiers va retenir notre attention, il s'agit du fichier wp-config-sample.php qu'il va falloir dans un premier temps renommer en wp-config.php. Il suffit pour cela de faire un click droit dessus, de sélectionner Renommer dans le menu déroulant et de supprimer -sample du nom.
Dans un second temps, nous allons devoir modifier son contenu afin d'indiquer les informations de connection à la base de données. Ouvrez ce fichier avec n'importe quel éditeur de texte tel que Bloc notes par exemple, mais il se peut que l'encodage du fichier ou des caractères posent soucis et qu'il faille utiliser un éditeur mieux adapté. Par exemple NotePad ++.
NotePad++ est gratuit et vous vous pouvez rapidement, le télécharger en sélectionnant npp.5.8.4.Installer.exe. Le numéro de version peut avoir changé entre l'écriture de ce billet et le moment où vous le lirez. Une fois téléchargé, lancez ce fichier et suivez l'installation par défaut. Vous pouvez alors ouvrir le fichier wp-config.php.
Une fois le fichier ouvert, vous constaterez qu'il contient un grand nombre de lignes de texte précédées soit d'un caractère / soit /*. Il s'agit en fait de commentaires. Les commentaires sont des parties de textes qui ne sont pas interprété par le système. Les commentaires sont uniquement là pour nous informer ou décrire le code employé et n'influent aucunement sur le fonctionnement du site, cependant il est préférable de ne pas les suprimer. En défilant vers le bas de la page, vous trouverez la partie qui nous intéresse et sur laquelle nous allons devoir intervenir.
define('DB_NAME', 'votre_nom_de_bdd');
/** Utilisateur de la base de données MySQL. */
define('DB_USER', 'votre_utilisateur_de_bdd');
/** Mot de passe de la base de données MySQL. */
define('DB_PASSWORD', 'votre_mdp_de_bdd');
/** Adresse de l'hébergement MySQL. */
define('DB_HOST', 'localhost');
Il faut remplacer les parties votre_nom_de_bdd, votre_utilisateur_de_bdd, votre_mdp_de_bdd et localhost par les valeurs propres à la base de données que nous avons créé. Attention durant cette étape à prendre soin de ne pas supprimmer les simples guillemets, ni d'en introduire d'autres en copiant collant. Par exemple, en ce qui concerne le nom de la base de données, cela donnerait la modification suivante :
define('DB_NAME', 'votre_nom_de_bdd');deviendra define('DB_NAME', 'A0456819_XXXXXX');
Détail des modifications à apporter :
Rappel des données saisies préalablement lors de la création de la base de données :
$mysql_host = "XXXX.000webhost.com";
$mysql_database = "A0456819_XXXXXX";
$mysql_user = "A0456819_XXXXXX";
$mysql_password = "XXXXXX";
| Contenu actuel | Description | Remplacer par le contenu de : |
|---|---|---|
| votre_nom_de_bdd | le nom de la base créée lors de l'étape précédente | $mysql_database |
| votre_utilisateur_de_bdd | le nom de l'utilisateur créé lors de l'étape précédente | $mysql_user |
| votre_mdp_de_bdd | le mot de passe de l'utilisateur créé lors de l'étape précédente | $mysql_password |
| localhost | l'url du serveur où se trouve la base de donnée | $mysql_host |
| Les noms de base de données et d'uilisateur incluent les caractères imposés par 000webhost. Par exemple, A0456819_XXXXXX | ||
Transfert des fichiers sur le serveur d'hébergement.
Avant de commencer le transfert de fichier, il faut vous équiper d'un logiciel de client FTP. Il en existe de nombreux et la majeure partie d'entre eux sont Open Source et en téléchargement gratuit. En ce qui nous concerne et pour les propos de cet article, si cela n'est pas déjà fait, téléchargez et installez FileZilla (sous Windows et MacOS à partir de X.5) ou Cyberduck (sous MacOS).
Une fois le logiciel téléchargé et installé, récupérez les divers paramètres FTP de votre hébergement. Vous les trouverez soit depuis le tableau de bord de votre compte d'administration, espace View FTP Details, soit sur le second mail que vous avez reçu lors de votre ouverture de compte. Ces informations se présentent sous la forme suivante :
| Paramètres | Valeurs | Informations |
|---|---|---|
| FTP host name | puce-et-media.site11.com | URL hôte de destination des fichiers. |
| FTP user name | a8670241 | En plaçant le Logon Type sur Normale, il vous faudra entrer cet Identifiant. |
| FTP password | ****** | Le mot de passe n'est pas dévoilé, il s'agit du mot de passe de votre compte. Le premier que vous avez créé lors de l'ouverture du compte. |
| Folder to upload files | public_html | Il s'agit là du dossier dans lequel vous allez devoir déposer les fichiers. |
| ... autres informations ... | ||
Afin de procéder au transfert, je vous invite à vous rapprocher de l'article Gestion et client FTP pour mieux comprendre l'utilisation du client FTP. Si vous êtes sous MacOS et que vous avez choisi CyberDuck, la procédure devrait vous sembler identique, si toutefois vous rencontriez des soucis, n'hésitez pas à nous en faire part et nous ouvririons alors un article sur l'utilisation de CyberDuck.
Lorsque vous vous connectez avec FileZila sur le serveur distant, vous arrivez sur la racine du serveur, l'ensemble des fichiers devront être copié dans le dossier appelé public_html.
Avant toute chose, commencez par supprimmer le fichier default.php présent dans le dossier de destination, puis transférez l'ensemble des fichiers récupérés et décompréssé lors de la première étape, ainsi que le fichier wp-config.php modifié lors de l'étape précédente. Une seule question. Devons nous transférer le dossier lui-même ou uniquement ce qu'il contient ?
La réponse dépendra de vos besoins et de votre utilisation de cet espace. Si par exemple ce site actuel ne sera que l'unique représentation de votre site, transférez alors uniquement le contenu du dossier et pas le dossier lui-même. Si par contre ce site est un site parmis d'autres sites que vous allez déposer dans cet espace, alors renommez le dossier décompressé, qui par défaut doit avoir un nom du style wordpress-2.9.2-fr_FR en blog ou tout autre terme de votre choix. Transférez ensuite ce dossier.
Dans le premier cas, si votre URL de base est par exemple http://www.woaw.fr, l'accès au blog pour les internautes ou pour la suite de l'installation sera http://www.woaw.fr, dans le deuxième cas l'accès sera http://www.woaw.fr/blog. (si votre dossier a été nommé blog)
Démarage de l'installation
Le transfert terminé, tout est prêt, il ne reste plus qu'à installer Wordpress, ou du moins à lancer la procédure d'installation automatique... Il suffit simplement de pointer vers l'adresse URL de ce site et dont nous venons de parler à l'étape précédente.
Si tout a bien été configuré vous devriez obtenir une page de bienvenue sur l'installation de wordpress. Vous trouverez un mini formulaire à remplir avec les données suivantes :
- Donnez un titre à votre blog (ce titre pourra être changé depuis l'interface d'administration).
- Indiquez également votre Email, attention c'est à cet email que seront envoyés les messages depuis la plateforme.
- Définir votre login et mot de passe en tant qu'administrateur de site. Ces login et mot de passe vous permetrons de vous connecter à votre compte administrateur du blog. Sans lui, vous ne pourrez rien modifier ou ajouter à votre blog. Par sécurité, un mail vous rappelant login et mot de passe est envoyé à l'adresse fournie durant l'installation.
- Autorisez ou non votre blog à apparaître dans les moteur de recherche, en cochant ou la non la case prévue à cet effet.
- Pressez le bouton, Installer Wordpress.
- Voilà... c'est tout.
Nous voilà donc affublé de divers mots de passe :
| Ordre de création | Utilité |
|---|---|
| Premier, lors de l'ouverture du compte | Login et mot de passe du compte administrateur de l'hébergement. |
| Second, lors de l'activation de votre compte par l'équipe d'hébergement | Login du compte FTP, le mot de passe étant identique à celui de votre compte administrateur. |
| Troisième, lors de la création de la base de donnée | Login et mot de passe pour l'utilisateur de la base de donnée. |
| Quatrième, attribué lors de l'installation de Wordpress | Login et mot de passe d'administrateur du blog. |
| * Normallement vous ne devriez plus avoir besoin d'utiliser les deux premiers, seul le dernier vous permettra d'accéder à votre site pour faire évoluer son architecture, son contenu, sa présentation et tout autre modification que vous souhaiteriez y apporter. | |
Pour aller plus loin.
Interface Front-end
Votre blog est maintenant installé et prêt à l'emploi. Le blog utilise une architecture de contenu et un visuel par défaut. Dorénavant vos internautes pourront accéder à sa consultation depuis l'adresse http://www.woaw.fr
Interface Back-end
Vous accéderez à l'interface d'administration depuis http://www.woaw.fr/wp-admin, vous serez alors invité à saisir votre login / mot de passe pour accéder au tableau de bord. Ce genre d'opération dépasse le cadre de cet article qui a pour but de vous aider à l'installation de Wordpress sur un hébergement gratuit fourni par 000webhost.com. Un article devrait prochainement vous guider dans les premiers pas de l'utilisation et la personalisation de Wordpress.
