Articles avec le tag ‘cms’

Lorsque l’on créé un site web ou un blog, il peut être intéressant de pouvoir héberger « localement » son projet avant de le mettre en ligne. Pour se faire, il existe de nombreuses solutions mais les paramétrages des bases de données MySQL, de PHP… sont souvent compliqués pour les néophytes.

Pour une fois, la solution va venir de Microsoft (comme quoi… ) avec leur plate-forme web 2.0, qui va vous permettre de télécharger sur votre ordinateur, des CMS tels que DRUPAL, WORDPRESS, JOOMLA, DOTNETNUKE… et bien d’autres, mais également de quoi gérer l’ensemble AJAX, MYSQL, PHP, ASP.NET… Le tout une seule fois… Pas mal non ? Et en prime, le paramêtrage de l’ensemble se fait de façon semi-automatique et sans avoir besoin de la moindre connaissance des structures web/base de données… Alors certes, les puristes vous conseillerons probablement d’en passé par l’installation de modules tels qu’EASY PHP, XAMPP, WINAMP… qui vous permettent également de télécharger rapidement un ensemble d’outils indispensables à la configuration « en local » de votre site/blog, mais leurs paramêtrages sont tout de même un peu plus complexes.

Avec la plate-forme Microsoft, c’est dorénavant un jeu d’enfant, la marche à suivre est très explicite. A vous de jouer !

N.B. : configuration minimale : Windows 7, Windows Vista et Vista SP1, Windows XP SP2, Windows Server 2003 SP1, Windows Server 2008 et 2008 R2

Nous allons voir dans ce pas à pas, comment créer un blog sous WordPress. Pour ce tutoriel j’ai pris un hébergement chez 1&1, qui, s’il n’est pas spécialement un meilleur hébergeur qu’un autre, à le mérite d’avoir un rapport qualité/prix tout à fait honnête. Il a ses défauts et ses qualités, mais la démarche technique sera la même si vous utilisez un autre hébergeur de type OVH, Amen… Bon, vous êtes prêt ? Oui ? Alors c’est parti :

Tout d’abord, de quoi avons-nous besoin pour créer un blog sous Worpdress :

1. un hébergeur : ici donc 1&1, qui nous permettra également de créer la base de donnée nécessaire à la mise en place du blog.
2. un logiciel FTP pour accéder au serveur et télécharger les fichiers nécessaires à la mise en place de notre outil CMS WordPress. Il en existe des tas, mais le plus simple est encore d’utiliser FILEZILLA, gratuit et intuitif, comme déjà évoqué dans cet article.
3. un moteur de blog, à savoir un CMS (Content Managing System), ici WordPress. Pourquoi WordPress ? Tout simplement parce que c’est le moteur de blog le plus répandu au monde, fort d’une communauté d’utilisateur vraiment très impressionnante (la communauté francophone est d’ailleurs très active), il est totalement gratuit et l’un des plus facile à installer.

1/ L’HEBERGEMENT :

Souscrivez une offre d’hébergement sur le site de 1&1. Un bon compromis de départ pourrait être le PACK PERSO CONFORT qui offre un prix raisonnable, un bon niveau de performance, un espace alloué plus que suffisant… L’installation du blog en lui-même ne nécessite que quelques mégas de stockage et vous pourrez de toute façon migrer vers une offre plus performante lorsque votre blog deviendra une « référence » de la toile Commandez donc le pack de votre choix et laissez vous ensuite guider par le formulaire qui va bien. Réservez votre nom de domaine… Après vérification de vos coordonnées, 1&1 vous attribuera un compte client qui servira de porte d’accès pour la gestion de votre blog, de vos bases de données, de vos noms de domaines, de vos adresses mails, votre accès FTP… Après quelques minutes, vous recevrez par mail votre mot de passe pour l’accès à votre compte. Voilà, vous disposez maintenant de votre pack hébergement. Il vous faut maintenant cliquer sur « accès client » (tout en haut de la page d’accueil) pour vous connecter à l’aide de votre numéro de client et de votre mot de passe. Vous arrivez alors sur l’espace de gestion de votre pack.

Il va maintenant falloir créer une base de données qui contiendra votre blog. N’ayez pas peur, c’est facile, rapide et sans douleurs :p Cliquez sur « adminitration de MySQL ». Une fois sur la page d’administration de la base de données, cliquez sur « Nouvelle base de données ». Donnez un nom à votre nouvelle base (sans caractères spéciaux, restez simple) puis cochez le bouton « MySQL 5.0″ (sinon, votre base de données sera créée avec l’ancienne version 4.0 et votre blog ne fonctionnera pas de manière optimale). Voilà c’est fait, après avoir cliquer sur le bouton de validation, vous voilà avec une base de données toute propre et des informations indispensables qu’il vous faut conserver pour la mise en place de Worpdress. Vous pouvez bien sûr accéder à ses informations à tout moment à partir de votre compte client. La base de données nouvellement créer prend quelques minutes avant d’être active (15 à 30 minutes d’après 1&1, mais en réalité, la plupart du temps, au bout de 5 mn, ça fonctionne).

2/ LOGICIEL FTP :

Pour cette étape, nous utiliserons donc le logiciel gratuit FILEZILLA à propose duquel je vous conseil d’aller voir la vidéo de ce précédent article. Rendez vous donc sur la page d’acceuil de téléchargement de Filezilla, puis prenez la version adapté à votre système (si vous êtes sous Windows XP ou Vista 32b, c’est la version win32), installez et lancez le client. Faites Fichier/Gestionnaire de sites/Nouveau site et complétez les informations de connexion que vous trouverez sur votre compte client 1&1 dans l’onglet en haut à gauche : « gestion de vos accès FTP ».  Dans la fenêtre de gauche, donnez un nom quelconque à votre connexion, dans la fenêtre de droite, indiquez votre domaine (exemple: mondomaine.com), puis votre nom d’utilisateur et mot de passe. Consultez également les autres onglets de Filezilla. Mais à ce stade c’est suffisant pour réaliser sa connexion  sur le serveur distant.

Si vous n’êtes pas familier avec Filezilla ou avec un client FTP, exercez vous à l’utilisez, à transférer des fichiers que vous supprimerez par la suite. Filezilla fonctionne comme l’explorateur windows par exemple à ceci près qu’il permet de lire et écrire sur un lecteur distant à savoir sur le serveur de 1&1. De la même manière qu’avec un explorateur, on peut glisser les fichiers pour les copier d’un dossier à un autre, réaliser des actions avec des clics droits…

3/ LE MOTEUR DE BLOG : WORDPRESS

Rendez vous à cette page pour télécharger wordpress sous forme d’archive. Veillez à bien choisir le dernier pack (en tête de liste) pour installer la dernière version. Décompressez et placez le dossier WordPress quelque part sur votre disque dur, là ou vous le retrouverez facilement. Il nous faut maintenant transférer WordPress vers notre espace d’hébergement 1&1. Pour cela, ouvrez Filezilla et cherchez sur la partie gauche le dossier WordPress que vous avez précédemment décompressé et placé sur votre disque dur. Sur la partie droite de Filezilla, positionnez vous sur la racine de votre espace 1&1 (seul le symbole / doit apparaître) et glissez le dossier de la gauche vers la droite, le transfert s’effectuera complètement après quelques secondes, tout au plus quelques minutes, tout dépend de la vitesse de votre connexion. En bas de l’écran, des barres d’avancement permettent de contrôler le transfert. Vous pouvez renommez le dossier wordpress en un autre nom de votre choix, dans mon exemple ci-dessous c’est « monblog ». Prenez un nom qui a un rapport avec votre blog (cette étape n’est pas obligatoire). Le transfert des fichiers de WordPress est alors automatique et prend quelques minutes. Une fois terminé, il va maintenant nous falloir saisir les paramètres de connexion.  Dans le dossier WordPress de votre disque dur, ouvrez le fichier wp-config-sample.php avec « notepad » par exemple et saisissez les informations que vous retrouverez dans l’onget « Gestion du pack » > « Administration de MySQL » de 1&1. Remplacez alors les lignes:

define(‘DB_NAME’, ‘mettezvotrenomdebddici’);
par
define(‘DB_NAME’, ‘db123456789′);

define(‘DB_USER’, ‘mettezvotreidentifiantici’);
par
define(‘DB_USER’, ‘dbo123456789′);

define(‘DB_HOST’, ‘localhost’);
par
define(‘DB_HOST’, ‘db1234.1and1.fr’);

define(‘DB_PASSWORD’, ‘mettezvotredemotdepasseici’);
par
define(‘DB_PASSWORD’, ‘xyzXDFzz’);

Ne touchez pas aux autres lignes du fichier et vérifiez que vous ne laissez pas de blanc ou de caractères parasites entre les ‘ ‘ et avant les balises  <?php    et     ?>. Sauvegardez le fichier en le renommant en wp-config.php (on enlève sample), puis transférez le avec Filezilla sur votre espace 1&1 dans le dossier que vous avez créé tout à l’heure  « monblog » (ou wordpress si vous n ‘avez pas renommé le dossier en question).  Notez que cette étape de paramétrage pouvait également être faites avant le transfert des éléments WordPress de votre disque dur vers votre espace FTP. Le résultat est le même. Je vous conseil d’aller voir également la vidéo de cet ancien article du blog concernant l’installation de wordpress à partir d’un client FTP.

Il nous reste à terminé la mise en place de WordPress en tant qu’outil d’administration de blog. Pour ce faire, tapez l’adresse suivante dans votre navigateur : http://www.mondomaine.com/monblog/wp-admin/install.php (en remplaçant par votre nom de domaine réel et le nom du répertoire d’installation 1&1). Une fenêtre s’ouvre alors, vous demandant de donner un titre à votre blog. Il sera possible de le modifié par la suite, donc pas d’inquiétude si vous manquer d’inspiration. Indiquez également votre adresse e-mail, puis cliquez sur « Installer WordPress ». Là c’est l’instant fatidique où la petite goutte de peur coule le long de votre tempe. Si vous avez suivi toutes les indications précédentes, pas de problème, vous y êtes (si ce n ‘est pas le cas et qu’un message d’erreur apparaît, vérifiez votre fichier wp-config.php, vous avez sûrement un caractère parasite qui traine). WordPress vous fourni alors un « identifiant » : admin et un mot de passe aléatoire qu’il vous faudra changer ultérieurement dans le panneau de configuration pour plus de facilité d’utilisation. Mais en attendant, c’est ce mot de passe qu’il vous faudra utiliser. Notez le bien Et voilà, vous y êtes, votre blog est maintenant opérationnel à l’adresse suivante : http://www.mondomaine.com/monblog pour les lecteurs et http://www.mondomaine.com/monblog/wp-admin pour le panneau d’administration. Il ne vous reste plus qu’à le personnalisé, à installer quelques plugins indispensables et à le faire vivre. A vous de jouer

REMARQUE A PROPOS DE L’ERREUR 500 ET DU FICHIER .HTACCESS :

Il arrive parfois que vous rencontriez une erreur : Erreur 500 : erreur interne du serveur ! Celle-ci est dû au fichier .htaccess qui sert à la configuration personnalisable pour votre hébergeur (pour les serveurs Apache). On les utilisent également pour modifier les droits d’accès, créer des redirections, écrire des messages d’erreur personnalisés… Ils peuvent être placés dans n’importe quel répertoire de votre blog ou de votre espace d’hébergement la configuration s’appliquera alors au répertoire et à tous les répertoires qu’il contient. Pour créer un fichier .htaccess, il faut créer un nouveau fichier à l’aide d’un éditeur de texte (notepad par exemple) sur votre PC et enregistrez le en htaccess.txt. Puis une fois que vous l’aurez créé, transférez le avec Filezilla et renommez le sur votre serveur en .htaccess, car avec windows, vous ne pouvez pas enregistrer en .htaccess. Voici les lignes qui composent (par exemple) le  fichier .htaccess : (monblog étant bien sûr l’exemple du répertoire d’installation)

# BEGIN WordPress

<IfModule mod_rewrite.c>

RewriteEngine On

RewriteBase /monblog/

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule . /monblog/index.php [L]

</IfModule>

AddType x-mapp-php5 .php

DirectoryIndex index.php/

# END WordPress

Remarque : la ligne AddType x-mapp-php5 .php  est spécifique à 1&1, elle force l’utilisation du moteur v5 de PHP.

NDLR : je n’ai aucune part chez 1&1 et rien à gagner à les mettre en avant dans cet article hein, soyons clair, c’est un exemple comme un autre, thats’all.