Accueil   Semaine   Mois   Occaz'   Compte   Forum   Bas
Vendredi 20 août 2010
Systèmes de Gestion de Contenu (I): WordPress

Qu'est-ce que WordPress et que peut-on faire avec? Comment l'installer et le mettre en forme?  Qu'est-ce qu'un Système de Gestion de Contenu?

Je tente de vous l'expliquer ici.

image

C'est ce 17 juin 2010 qu'est sortie la version 3 de "WordPress". Et au nombre de téléchargements déjà effectués, on peut conclure au succès de cette plateforme.

image

Pour un aperçu en temps réel, c'est ici.

WordPress est un "Système de Gestion de Contenu".
Si ce vocable ne vous dit rien, c'est peut-être parce que vous l'avez entendu en Anglais avec "Content Management System" ou "CMS". Et si WordPress ne vous dit rien, c'est peut-être parce que vous avez entendu parler de "SGC" pourtant moins populaires tels Drupal ou Joomla! par exemple.

Pour faire court, si vous composez votre site web au moyen de simples fichiers html, on parle de site "statique". Au contraire, si le site est stocké dans une base de données, on parle de site "dynamique", parce que son contenu peut changer à tout moment en fonction du contenu de la base de données. Le "Système de Gestion de Contenu" va faire une grosse partie du travail pour vous: il vous permet d'ajouter ou de supprimer aisément des données, qui sont formattées à partir de l'apparence (thème) que vous avez choisi pour votre site. Pour faire court, vous vous concentrez sur le contenu, le "SGC" s'occupe du reste...

Pour lever toute ambiguïté, il convient de signaler qu'il y a en fait deux WordPress:

  1. WordPress.com qui permet d'éditer un blogue et qui se trouve en ligne
  2. WordPress.org qui vous permet de  rapatrier localement le fichier ad hoc sur votre machine locale pour mise en ligne ultérieure

C'est la seconde option, dans sa version francophone WordPress-fr.net, que je vais vous expliquer aujourd'hui.

Après une brève introduction, je vous montrerai ce qu'on peut faire avec un site WordPress; ensuite, je vous montrerai comment monter un tel site en quelques clics sur votre ordinateur.

L'histoire débute en Corse il y a une dizaine d'années: un blogueur du nom de Michel Valdrighi, utilisateur de "Blogger", pense qu'il y a mieux et plus simple, il sort rapidement une plateforme appelée "b2". Peu après, ce projet "Open Source" est repris par un jeune américain, Matt Mullenweg qui, avec le soutien d'une équipe de développeurs indépendants, poursuit le travail et le rebaptise dans sa dénomination actuelle. Moins de dix ans après les premiers pas de "b2", WordPress fait actuellement tourner plusieurs millions de sites internet dans le monde.

Pour l'heure, je vous propose d'entrer dans le vif du sujet. WordPress est installé sur mon ordinateur, éventuellement en réseau, et disons que je suis responsable d'un projet pour lequel je décide de communiquer au moyen de WordPress. Je l'appelle "Mon premier WordPress" et le visualise dans mon navigateur, disons Firefox.

L'écran d'accueil ressemble à ceci:

image

Ce qui frappe l'oeil en premier lieu, c'est le "look" par défaut qui apparaît. Pour WordPress 3, il s'appelle "Twenty Ten". Nous y reviendrons plus loin.
La base du site, c'est une collection d'articles appelés "posts" en Anglais. C'est ce qui constitue l'architecture de base d'un "blog".
Voyons comment nous allons modifier le premier article entouré (généré par WordPress lui-même à titre d'exemple) et ajouter un deuxième article.
Je vais dans la tableau de bord via le lien "Admin. du Site". C'est ici véritablement le cœur de WordPress.

image

En allant vers "Articles" en cliquant au choix l'un des deux liens entourés, plusieurs possibilités s'offrent à moi: je peux entre autres modifier mon article ou bien l'effacer.

image

Dans mon cas, c'est modifier que je veux faire, j'arrive donc à l'écran suivant:

image

Ensuite rien de plus simple, je tape simplement mon nouveau texte, tant pour le titre que pour le corps de l'article. Puis je sauvegarde ce que j'ai écrit avec le bouton "Mettre à jour" qui se trouve à droite de l'écran.
Avant d'aller voir le résultat proprement dit, j'écris "Mon deuxième article" au moyen du bouton "Ajouter" (1°):

image

Il ne me reste plus qu'à écrire sans oublier le bouton "Publier", et c'est fait! Le résultat donne ceci quand je retourne sur le site (2°):

image

Vous pouvez constater que c'est l'article le plus récent qui apparaît en premier lieu. Même si je ne vous le montre pas ici, vous pouvez inclure dans chaque article des éléments multimédia (photos, sons, vidéos), ainsi que des liens vers des documents de type doc ou pdf par exemple.
Dans la partie "Administration", vous pouvez définir notamment des catégories et/ou des mots-clés, qui vous permettront par la suite de trier vos articles. Les personnes ayant accès à votre site peuvent également poster l'un ou l'autre commentaire à chaque article. Les possibilités de WordPress sont innombrables.

Une caractéristique particulièrement intéressante de WordPress, c'est la notion de thème. Une recherche rapide sur Google (tapez "WordPress themes") me donne près de 50 millions d'entrées! Chaque thème vous coûtera entre 0 et quelques dizaines d'euros et qui permet de changer le look de votre site. Pour changer de thème, rendez-vous dans le menu "Apparence > Thèmes":

image

WordPress permet de télécharger des thèmes en fonction de vos critères de recherche.

image

J'ai choisi de vous montrer "Magazine Basic", un thème que je trouve particulièrement bien abouti. Vous sélectionnez "Installer", éventuellement après l'avoir prévisualisé.

image

image

Après l'avoir installé, il suffit d'activer ce thème alternatif.

image

Votre première page ressemble alors à ceci. Son look a radicalement changé!

image

Les thèmes les plus évolués sont adaptables en fonction de vos besoins ("customisable" en anglais). C'est d'ailleurs le cas de "Twenty Ten" dont vous pouvez, en 2-3 clics, changer la photo de l'en-tête.

Mais WordPress vous permet bien plus que la réalisation d'un simple blog: vous pouvez en effet développer un site web complet grâce aux "Pages", une autre option de WordPress dont je vous reparlerai dans un prochain article.

Comme je vous l'avais promis, je vous explique maintenant comment installer WordPress sur votre Mac. Pour les préliminaires, je me réfère volontiers à un article récent de Fabien Conus pour l'installation de "MAMP".
Vous téléchargez le ficher ".zip" de WordPress ici, puis après l'avoir décompressé, vous le renommez "monpremierwordpress" puis le glissez à l'endroit suivant: Applications > MAMP > htdocs

image

Ensuite, je crée dans mySQL la base de données du même nom: j'ouvre l'application MAMP et j'ouvre la page d'accueil, celle qui me permet d'accéder à l'interface mySQL.

image

L'écran suivant apparaît:

image

Je me rends ensuite dans "phpMyAdmin" et arrive dans le cœur de mySQL:

image

J'introduis le nom de ma base de données, puis j'active le bouton "Créer". Le nom de ma base de données est indiqueé à gauche sur l'écran.

Ensuite, je me rends dans le dossier que j'avais glissé tout à l'heure (Applications > MAMP > htdocs > monpremierwordpress) et je renomme le fichier "wp-config-sample.php" en "wp-config.php". J'ouvre ce fichier avec TextEdit par exemple, et je modifie son contenu en conséquence.

image

Je sauvegarde et ferme le fichier.
Je m'assure que MAMP est encore bien ouvert, comme l'indiquent les deux feux verts de cette application.
Enfin, je me rends dans Firefox, à l'adresse suivante:
http://localhost:8888/monpremierwordpress/wp-admin/install.php
C'est ici que je vais connecter "monpremierwordpress" à la base de données mySQL créée plus haut.
Dans l'écran qui apparaît, j'introduis le nom de mon site "Mon premier WordPress" et mon adresse e-mail, puis je clique sur "installer WordPress":

image

Les utilisateurs des versions précédentes de WordPress constateront avec plaisir qu'ils peuvent maintenant définir eux-mêmes le mot de passe alors qu'avant, c'était WordPress qui choisissait un mot de passe compliqué, et ce n'est qu'après qu'on pouvait le changer.

Voyez comme WordPress est gratifiant, tout est (presque) en ordre:

image

En pressant le bouton "Se connecter", j'arrive à l'écran qui me demande mon identifiant et mon mot de passe:

image

C'est de cette manière que j'aboutis à l'écran principal, qui contient déjà 1 article et 1 page d'exemple:

image

Par le lien indiqué, j'aboutis à la page principale de mon site.

En conclusion, j'espère que cette courte visite guidée vous aura permis de faire plus ample connaissance non seulement avec WordPress, mais plus généralement avec le concept de "systèmes de gestion de contenus".
Je peux aussi vous recommander les deux lectures suivantes pour aller plus loin dans le sujet:
Pour une bonne introduction générale à WordPress, c'est en Anglais: "Building a WordPress blog people want to read", Scott Mc Nulty.

image

Ce livre aborde tous les aspects pratiques d'un blog WordPress, très utile si vous souhaitez être l'administrateur d'un tel blog.

Pour une utilisation plus poussée, notamment pour comprendre le "moteur" de WordPress et l'architecture des thèmes: "WordPress, toutes les clés pour créer, maintenir et faire évoluer votre blog" de Francis Chouquet, Amaury Balmer et Xavier Borderie.

image

Les fondamentaux de WordPress y sont repris, mais les auteurs vont plus loin, notamment quand ils expliquent comment construire un thème ou un plug-in pour WordPress.

Attention, ces deux livres correspondent à l'ancienne version de WordPress; le premier sera mis à jour en décembre 2010; le second viendra plus vite puisque sa sortie est prévue pour septembre 2010. Je mettrai ici même une mise à jour dès que l'ouvrage sera disponible.

Si vous préférez les vidéos aux bouquins, rendez-vous sur WordPress.tv qui présente l'un ou l'autre aspect de la plateforme.

Dans un futur article, j'aborderai plus en détail les possibilités offertes par WordPress et nous pourrions aller plus en avant dans les thèmes.

En attendant, usez-en et abusez-en pour vos projets utiles... ou futiles!

Icon_print