Ce billet est une traduction localisée (et testée) d’un article original de Jay Robinson qui pourrait bien m’aider dans le futur pour essayer une débauche de thèmes Wordpess. Et qui sait, envisager un jour de publier sur une plateforme CHIC….

Wordpress n’est pas qu’une plateforme de blogs. Mais c’est aussi un système de gestion de contenu vraiment sophistiqué que vous pouvez utiliser pour développer et gérer des sites web de clients professionnels. Mieux encore, il est complètement gratuit. Pour démarrer vos expérimentations, ça peut être pratique et moins stressant de faire vos bricolages sans publier de fichiers sur internet. Vous trouverez donc ci-après un kit complet pour expérimenter en local sur votre Mac.

Dans ce tutoriel, je décrirai comment paramétrer un fichier sur votre Mac que vous pourrez utiliser pour pratiquer la construction de sites web avec PHP et une base de données MySQL. Mais avant de démarrer, vous aurez besoin :

1. d’un Mac
2. d’un éditeur de texte
3. d’un navigateur web

Commençons :

1. Téléchargez WordPress à partir de WordPress.org (ou sur le site francophone pour une version traduite). Décompressez le fichier obtenu dans un dossier appelé « wordpress ». Renommez-le VOTRE_NOM_PROJET (le mien s’appellera « Projet Microformats » pour illustrer l’exemple). Glissez-le dans le dossier Sites que vous trouverez dans votre répertoire utilisateur. Pour un accès plus facile, j’ai ajouté le répertoire Sites dans le répertoire latéral de ma fenêtre du Finder :

2. Téléchargez le logiciel gratuit MAMP à partir de Mamp.info et installez la dernière version. MAMP veut dire Mac, Apache, MySQL et PHP. Cette application aide à gérer vos bases de données MySQL de manière directe et conviviale. Ouvrez l’application et cliquez sur “Preferences…”, puis sélectionnez l’onglet « Apache » pour sélectionner notre Document Racine.

Nous voulons sélectionner le répertoire Sites situé dans le répertoire « Home ». Le chemin devrait lire /Users/VOTRE_NOM_UTILISATEUR_MAC_OS_X/Sites. Une fois MAMP activé, vous devez voir des feux verts. Testez-le pour voir s’il fonctionne en ouvrant votre navigateur et en allant sur http://localhost:8888/. Vous devriez voir les contenus de votre répertoire ~/Sites. Rappelez-vous que nous préparons un environnement de développement local. « Localhost » veut dire votre ordinateur, aussi personne d’autre dans le monde ne pourra voir ces fichiers dans son navigateur web.

Bon, MAMP fonctionne, et MySQL attend juste de notre part que nous lui donnions quelques tables de bases de données. Allez sur http://localhost:8888/MAMP (doit être tout en capitales) puis cliquez sur “phpMyAdmin”. Une fois là, saisissez le nom de votre projet dans le champ « créer votre base de données » avec VOTRE_NOM_PROJET. Mon nom de base de données sera « ProjetMicroformats » pour coller à mon projet :

3. Maintenant, nous n’avons plus qu’à faire correspondre WordPress avec la base de données. Accédez à VOTRE_NOM_PROJET dans ~/Sites et renommez le fichier wp-config-sample.php en wp-config.php. Ouvrez le fichier pour éditer le contenu. DB_NAME veut dire nom de la base de données, aussi entrez VOTRE_NOM_PROJET. Les DB_USER et DB_PASSWORD sont tous deux réglés sur “root”. Laissez “localhost” pour le serveur, parce que le serveur est votre ordinateur local :

4) Visitez la page http://localhost:8888/VOTRE_NOM_PROJET et vous tomberez sur la fameuse installation de Wordpress en 5 minutes. Paramétrez le nom du blog et l’e-mail, et on vous donnera un mot de passe. (Je copie et colle ce mot de passe généré pour rentrer dans Wordpress, puis le change immédiatement vers quelque chose de plus facile à retenir. J’utilise un mot de passe simple pour tous mes sites de développement Wordpress, parce qu’ils ne sont pas sur l’internet) :

Wordpress est configuré pour tourner sur votre ordinateur, mais ne sera accessible que localement. La dernière étape est de paramétrer Coda pour accéder au répertoire.

5) Allez sur Coda, cliquez sur le bouton Sites (commande 1) et cliquez sur “Add Site…” (tout en bas de la fenêtre). Si vous développez localement, ceci sera utilisé simplement pour générer une vignette afin de voir votre projet dans Coda. Ce peut être la même URL, par exemple : http://localhost:8888/VOTRE_NOM_PROJET

Nickname

VOTRE_NOM_PROJET

Remote Root

Laissez ce champ tranquille

Local Root

Vous pouvez utiliser le bouton « Set » du navigateur pour trouver votre répertoire projet dans le répertoire Sites, ou copier et coller ce modèle : /Users/VOTRE_NOMUTILISATEUR_MAC_OS_X/Sites/VOTRE_NOM_PROJET

Connecting, Terminal and Source Control

Laissez ces champs. Vous ne devez pas les configurer pour le développement local.