Pour information:

Je suis (pour l’instant) en version 2.8 de WordPress, les versions sont régulierement mises à jour, j’utilise comme thème pour mon blog personnel, Magazine Basic, ce thème permet une disposition en une deux ou trois colonnes. Il permet également l’utilisation de widgets. Voici ci-dessous un exemple d’interface public. (Source du blog officiel)

Pour cette première approche j’ai volontairement utilisé un vocabulaire dédié aux C.M.S

Interface public; Interface privé; racine d’un site Web

Voici ce qu’est l’interface public de WordPress, c’est la racine de votre Weblog, tout le monde peut y accéder

L'interface public de WordPress

L’interface public correspond à l’url racine de votre site Web, chez free par exemple la racine de votre site est sous la forme http://login.free.fr

Pour accéder à votre interface privé, c’est à dire l’interface qui va vous permettre d’administrer votre Weblog, il faut passer par la page login, on y accède via un lien « Log in » ou « administration du site » (cela dépend du thème, de l’habillage de votre Weblog). Si vous ne trouvez pas le lien pas de soucis il suffit de taper apres la racine de votre site /wp-login.php

La page d'accès à votre interface privé passe par le login administrateur

Comme l’indique la capture d’écran, il vous suffit de mettre votre login et votre mot de passe (Pas celui de chez Free, rien à voir) que vous avez indiquez lors de l’installation.

Après vous êtes « logué », vous allez pouvoir accéder à l’interface privé, qui va vous permetre d’administrer votre WordPress.

L'interface d'administration de votre WordPress

Avant de commencer voici la liste de ce que vous devez avoir pour l’installation du C.M.S WordPress:

• WordPress dans un dossier non zippé dans votre ordinateur
• Un compte Web
• Un logiciel de transfert de fichier (Filezilla)

Première Etape: Ouverture d’un compte Web gratuit chez Free.fr

Free.fr

Accès Gratuit

formulaire (à droite)

Remplir le formulaire

Étape 4: Choix du login et Url du site

Choix du login

Demande des informations

Verification

• Votre login
• Votre mot de passe (A ne pas changer sous peine de grande galère)…

Elle contient également d’autres informations générales (Compte Pop, DNS…)

Voici pas à pas les différentes étapes ( trois au total) à suivre:

Vous rendre sur le site officiel de free

Munissez vous de vos identifiants (lettre). Vous rendre sur le site de Free http://portail.free.fr/ Cliquez sur Mon compte, attention le site de Free change assez souvent graphiquement parlant il se peut que « Mon compte » bouge de place…

Lorsque vous serez connecté à votre compte chercher la rubrique Gestion de vos pages perso, et choisissez Activer votre compte pour les pages personnelles.

Gestion de vos pages perso

Dernière étape: Activation des pages perso et de la base de donnée MySQL

Logo Filezilla

Maintenant que votre compte est ouvert sur Free, nous allons maintenant télécharger le logiciel open source de transfert de fichiers: Filezilla. Voici les étapes qui vont vous guider pas à pas dans cette étape. Attention il faut télécharger Filezilla client et non Filezilla server

Première étape: localiser le site officiel à l’aide de Google

Fig. 1

Dans la case de recherche (Fig.1) tapez le mot clé Filezilla, Google va alors vous retourner la page des résultats

Fig. 2

Il faut toujours télécharger à partir du site officiel, ceci afin d’éviter le téléchargement d’une version antérieure. Cliquez sur Download Filezilla Client

Il ne vous reste plus qu’à choisir la version de votre système d’exploitation

Choisir la version de votre O.S

Fenêtre de téléchargement pour Mac OS X

L'archive en .zip

Après l’installation vous pouvez lancer Filezilla pour voir l’interface du logiciel, nous parlerons de la configuration FTP dans un autre article. Patience…

Interface Graphique

Télécharger la version française

Il ne vous reste plus qu’à télécharger la version française en cliquant sur « Télécharger WordPress 2.8″

Cliquez sur "Télécharger WordPress 2.8"

Attention cliquez bien sur le bouton pour le format zip, le lien en dessous donne le format tar.gz, voici un exemple d’utilité de 7zip (open source) qui ouvre tous les formats par rapport à Winzip (privatif).

Dé-zipper l'archive sur votre bureau

A partir de cette étape enregistrer l’archive sur votre Bureau et décompresser là sur votre Bureau également. Vous devriez avoir un dossier WordPress sur votre Bureau.

PS: Sur ce site vous avez la possibilité de télécharger des anciennes version de WordPress mais aussi des versions expérimentales (versions Alpha, bêta, Release Canditate « RC »). C’est ce que l’on appelle les phases de développement:

Phases de développement

Voici une partie de l’historique du développement des versions de WordPress, observez la rapidité de développement le 26 juin 2009 la version 2.8.1 Beta 2 (Respect…)

2.3 Beta 1 Août 2007

2.3 Beta 2 04 Septembre 2007

2.3 25 septembre 2007

2.3.3 Version avec maj de sécurité Février 2008

2.5 Mars 2008

2.6.5 Novembre 2008 Maj sécurité

2.7 Release Candidate 1 , 1er Décembre 2008

2.7 Release Candidate 2, 10 Décembre 2008

2.7 Coltrane, 11 Décembre 2008

……..

2.8.1 Beta 1, 21 Juin 2009

Présentation de WordPress 2.8

WordPress

Vous voici maintenant en possession d’un dossiers zippé que vous pouvez supprimer puisque dans l’étape 4, je vous ai demandé de le dé-zipper Nous allons un peu regarder ce qu’il y a dans le dossier WordPress. Encore un peu de patience vous allez bientôt pouvoir envoyer le dossier ou les fichiers (précision importante) sur votre hébergement Web (Free en l’occurence).

Voici donc le dossier wordpress en question:

Le dossier Dé-zippé

Analysons un peu son contenu:

Vous pouvez voir que le dossier principal de wordpress  contient des fichiers et des sous-dossiers:

Contenu du dossier principal

Jusque là vous devez me suivre , les fichiers portent tous l’extension .php sauf deux :

Un fichier .html et un fichier .txt

Je n’ai pas besoin de vous dire que personnes n’ouvrent ces deux fichiers mais ils sont pourtant très importants!!

Commençons par readme.html, en cliquant dessus il devrait s’ouvrir avec votre navigateur par defaut c’est à dire Firefox.

Ce fichier contient une foule d’informations dont voici les pricipaux extraits:

Le préambule

Le Préambule est peut-être la seule lecture à faire pour commencer dans WordPress, nous apprenons le nom de l’auteur qui a rédigé ce préambule et qui est le créateur de WordPress: Matt Mullenweg (vous vous conseille de regarder son Weblog sous WordPress (heureusement lol) à cette adresse, Petit détail rigolo regarder le .ico dans l’url de son blog cela ne vous rappelle rien ?

Retourner l'écran de votre ordinateur pour voir la solution...

Je reviens encore sur le préambule sur une portion plus précisément:

Nous avons passé des milliers d’heures sur le développement WordPress, et nous nous attachons tous les jours à vous faciliter la vie.

Juste pour dire: Respect, respect à matt, au développeurs, aux traducteurs, à tous ceux qui utilisent WordPress, c’est aussi pour cela que j’ai du mal à comprendre quelqu’un qui me dirait « Pfff c’est nul WordPress, je comprends rien, …. » voila ça c’est fait.

On ne se lance pas dans les C.M.S comme on passe chez Mac-Do, Flunch, Quick, comme on boit un café ! D’abord il faut se documenter sur les C.M.S, connaître leurs noms, leurs points forts, faibles, les tester, et enfin se stabiliser sur un choix

Voici une interwiew sous-titrée en français pour mieux comprendre le « phénomène »

L’équipe de WordPress ne s’arrentent pas à la création d’un C.M.S, je me demande d’ailleurs quand ils dorment… Leurs projets vont bien plus loin encore:

bbPress (un logiciel de forum)

Akismet (ou Automattic Kismet) est un système permettant de lutter contre le spam dans les commentaires des billets de WordPress. Plugin commercial non libre mais une autorisation gratuite pour les Weblog personnel.

WordPress MU

WordPress Mu, ou Multi Utilisateurs, est un logiciel conçu par Automattic et la communauté WordPress. Il propose aux utilisateurs une version de WordPress capable de gérer des centaines voire des milliers de blogs sur une unique installation. Il est utilisé par le journal Le Monde, le blog de la fondation Mozzila…

Les logos en vrac

Attention

Nous voici à une étape importante du développement Web c’est le transfert des fichiers et dossiers de WordPress vers notre hébergeur Web. Ici je vais vous donner la configuration qu’il faut entrer dans Filezilla pour accéder à votre espace personnel via le protocole FTP. Cette étape importante n’est pas compliquée si vous respecter les consignes. Les captures ci-dessous sont faites sous Mac OS X, cela ne change pas grand chose pour les Windosiens.

1ere étape: Ouvrez votre logiciel FTP pour l’exemple je vais vous montrez l’opération sous Filezilla Client

Cliquez sur le Menu Fichier (Capture sous Mac Os X)

Pour éviter de retaper les codes FTP Utilisons le gestionnaire de sites

Déclaration du compte

Voici les informations des champs à remplir

Après cette étape vous pouvez maintenant cliquer sur le bouton connexion:

Cliquez sur le bouton connexion

A cette étape vous devriez voir apparaître dans l’interface de Filezilla votre ordinateur (à gauche) et le site distant (votre hébergeur à droite). Dans l’interface de gauche placez-vous dans votre dossier WordPress (Dossier doit se trouver sur le Bureau Desktop)

La partie de gauche votre ordinateur, la partie de droite votre hébergeur

En appuyant sur connexion Filezilla a envoyé un message au serveur afin d’y accéder et de lister les fichiers à l’interieur de votre espace (qui pour l’instant ne contient aucun fichiers).

Nous allons maintenant vérifier sous la forme d’un petit exercice, que vous pouvez créer un dossier chez votre hébergeur, pour cela c’est très simple faite un clic droit dans la partie droite de Filezilla et choisissez « Nouveau Dossier » appelez le « test ». voir captures ci-dessous.

Cliquez droit et créez un nouveau dossier Test

Si vous regarder dans la fenêtre du haut de Filezilla vous verrez que celui-ci a envoyé une commande unix au serveur MKD pour lui dire de créer un répertoire. (Voir ci-dessous). Le nom complet de la commande est mkdir

Envoie d'une commande unix au serveur Make a directory

Vous devriez voir le dossier test dans la partie de droite. Nous allons maintenant déposer un fichier dans ce dossier. Double cliquez sur le dossier test pour entrer à l’intérieur. Voir capture d’écran ci-dessous

L'interieur du dossier test

Nous allons maintenant comme exercice envoyer le fichier readme.html dans le dossier test: dans la partie de gauche de Filezilla, sélectionnez le fichier readme.html, faîtes un clic droit dessus et choisissez envoyez

Filezilla envoie au serveur la commande d’envoie du fichier readme.html

Filezilla transfert le fichier readme.html de votre ordinateur vers votre hébergeur

Vérifiez sur internet en tapant votresiteweb.free.fr/test/ vous devriez voir apparaître le readme.html

Maintenant nous allons supprimer le fichier readme.html et le dossier test, dans un premier temps entrez dans le dossier test en double cliquant sur le dossier test dans la partie de droite de Filezilla, sélectionnez le fichier readme.html, clic droit dessus => supprimer. (voir figure ci-dessous)

Suppression du fichier readme.html

Tout comme pour la création du repertoire Filezilla envoie une commande DELE (delete)

Répétez l’opération pour le dossier test.

Bon il est l’heure d’envoyer les fichiers sur WordPress…

Alors placez-vous dans le dossier WordPress de votre Bureau, seletionnez tous les fichiers, faites un clic droit dessus et envoyer…

Selectionnez tous les fichiers WordPress

A ce stade vous pouvez prendre un café il faut attendre maintenant que tous les fichiers soient envoyés…

Le début du transfert commence... patience... Café UP

Vous pouvez regardez défiler vos fichiers en bas dans Filezilla

Comme au restaurant... y a la file...

Faite bien attention à la fin que tous vos fichiers ont été transférés!!! sinon passez sur l’onglet Transfert échoués, réinitialisez l’état de la file (clic droit) remettre dans la file d’attente (clic droit)

A la fin vous devriez avoir autant de fichiers d’un côté que de l’autre…

Vérifiez que vous avez bien envoyé tous les fichiers

Fin de cette étape importante vous pouvez reprendre un café, ou thé…

]]> http://maitregnou.wordpress.com/2009/06/22/etape-6-transfert-de-wordpress-vers-free/feed/ 0 maitregnou important Image 11 Gestionnaire de site Free Parametrage Connexion Interface de Filezilla Connexion Création d'un dossier Test Commande de creation de dossier Dossier test Envoie Readme EnvoieFichierRedme clicdrosupfichier CommandeDelRead EnvoieWordpress Fichiersenvoyé Wordpressfileattente fintransfert