Francis Chouquet Lettering & Web Design

Création Thème WordPress | Tutorial #1: Installation de WordPress en local

0

Premier article d’une longue série sur la création d’un thème pour votre blog WordPress, nous allons commencer aujourd’hui par l’installation de WordPress en local sur votre ordinateur. Pourquoi faire ça ? Tout simplement pour pouvoir travailler librement, sans contrainte d’internet. Vous allez avoir sur votre ordinateur exactement les mêmes fichiers que sur le serveur qui héberge votre blog, et vous allez avoir une base SQL en local. Une fois votre thème terminé, vous n’aurez qu’à l’uploader vers le serveur et l’utiliser !

Il y a quelques temps, j’avais parlé de la possibilité de ne travailler que les fichiers CSS et une version HTML du blog. Cette utilisation en local est intéressante dans la mesure où l’on ne veut travailler que le style pour un thème existant. J’ai déjà essayé de travailler de cette manière et j’ai trouvé ça fastidieux. Le mieux est d’installer le blog en entier.

Vous allez donc devoir installer Apache, MySQL et Php sur votre ordinateur pour pouvoir héberger votre blog. Beaucoup d’ordinateurs possèdent déjà ces outils et des logiciels vont s’occuper du reste. Ces logiciels sont XAMPP pour Windows et Linux, et MAMP pour Mac. Malheureusement pour les windowsiens, je n’expliquerai ici que l’installation sur Mac, vu que c’est celle que j’ai effectué. Cependant, vous trouverez ici un super tutoriel en anglais qui vous explique la marche à suivre sous Windows XP. L’installation ne diffère pas beaucoup de MAMP. N’hésitez pas à poser vos questions si vous avez des soucis lors de l’installation de ces logiciels.

Alors, pour les Macs, comment on installe WordPress ? Tout d’abord, téléchargez MAMP, version normale. Installez le logiciel et notamment le widget qui figure dans le dossier. Une fois le widget installé, vous allez pouvoir l’utiliser pour démarrer les serveurs.

Si vous êtes sous sous 10.3, démarrez les serveurs en lançant tout simplement l’application MAMP.

Une fois les serveurs lancés, vous allez cliquer sur l’icone « Open Start Page ». Si tout se passe comme prévu, une page va s’ouvrir sur votre navigateur préféré et va vous donner toute une série d’informations concernant votre base MySQL. Notez ces infos (hôte, port, utilisateur et mot de passe). Ces infos devront être recopiés par la suite dans le fichier config.php.

Un peu plus haut sur cette page, vous avez un lien pour aller sur phpMyAdmin. Cliquez sur le lien. Vous allez devoir créer une base pour héberger votre blog WordPress. Pour cela rien de plus simple ! Sous l’intitulé « Créer une base de données, vous allez écrire « wordpress », laisser « Interclassement » et cliquer sur « Créer ». Votre base va alors être listée dans la colonne de gauche avec d’autres bases existantes. Refermez cette fenêtre, votre base est créee.

Maintenant, on va installer WordPress. Allez télécharger la dernière version sur WordPress Francophone. Décompressez le dossier, renommez-le « wordpress » et allez le placer dans le dossier Applications>MAMP>htdocs. A partir de maintenant, les étapes seront les mêmes que pour installer WordPress sur un serveur à distance.

  • Modifiez le fichier wp-config-sample.php avec les données récupérées sur la page de MAMP. Pour cela, utilisez votre éditeur de texte préféré. Vérifiez que l’extension du fichier reste bien .php. Normalement, ça devrait donner ça après modification:
1 2 3 4 
define('DB_NAME', 'wordpress');  // Le nom de la base de donnees define('DB_USER', 'root');   // Votre identifiant MySQL define('DB_PASSWORD', 'root'); // ...et votre mot de passe define('DB_HOST', 'localhost:8888');  // Dans la plupart des cas, vous n'aurez pas a modifier cette dernière ligne

Il est fort possible que vous ayez 8889 comme port, mais je pense qu’il vous faudra le modifier à 8888 pour que ça marche. Vérifiez l’adresse donnée lors de l’ouverture de la page d’accueil de MAMP qui fournit les infos. Dans l’URL, vous aurez le bon port à utiliser. Ensuite, vous allez lancer le fichier intall.php via cette adresse: http://localhost:8888/wordpress/wp-admin/install.php . Le contenu de la base sera créé et votre blog installé ! Récupérez les infos de login et connectez-vous à votre blog ! Celui-ci est dorénavant visible à cette adresse: http://localhost:8888/wordpress/.

Maintenant, on va pouvoir commencer à taper dans le dur et aller modifier les différents fichiers pour créer notre propre thème !!

Tutoriel suivant : « 2. pourquoi créer son propre thème ? »

Et si ça vous intéresse, avec des amis, on a créé notre boutique de ventes de thèmes WordPress, Peaxl. Venez jetez un oeil ! ;-)

Fran6

Sources: Michael Doig et Ben Bleikamp

166 Commentaires

  • Finalement Yé trouvé!
    Pour ceux qui ont le même soucis :
    il fallait en local, avant de copier la base de données, changer dans l’interface admin l’adresse du site dans : Réglages / généralités.
    Mais penser à sauvegarder une base de données avant de changer tout ça, car vous n’aurez plus accès à votre interface admin ensuite puisque l’adresse ne sera plus en localhost.

    Lien qui m’a aidé : http://www.pastanque.be/splits.....rveur.html

  • Merci pour ce tutoriel :)

  • cecile

    Bonjour,

    Merci pour votre tuto. De mon côté, j’installe WP sur PC. Au moment de lancer le fichier install (en utilisant l’adresse http://localhost/wordpress/wp-admin/install.php), j’ai le message suivant :
    define(‘DB_NAME’, ‘wordpress’); Fatal error: Call to undefined function __() in C:\xampp\htdocs\wordpress\wp-admin\includes\file.php on line 11
    Et si j’utilise l’adresse http://127.0.0.1/wordpress/, j’ai le message suivant :
    Fatal error: Call to undefined function wp() in C:\xampp\htdocs\wordpress\wp-blog-header.php on line 14
    Pourriez vous m’indiquer ce que je dois faire car je débute tout juste sur WP.

    Merci beaucoup
    Cécile

  • cg

    Bonjour,
    Merci pour ce tuto extrèmement bien fait.
    De mon côté, je suis sur PC et au moment de l’installation de WP, quand je tape http://localhost/wordpress/wp-admin/install.php dans mon navigateur, j’ai le message suivant :
    define(‘DB_NAME’, ‘wordpress’); Fatal error: Call to undefined function __() in C:xampphtdocswordpresswp-adminincludesfile.php on line 11
    Et quand je tape http://127.0.0.1/wordpress/ dans mon navigateur, j’ai celui ci
    Fatal error: Call to undefined function wp() in C:\xampp\htdocs\wordpress\wp-blog-header.php on line 14
    Pourriez vous me dire comment je peux résoudre ces deux pb? Je commence tout juste avec l’utilisation de WP.
    Je précise que quand je fais ces manip, mysql et apache sont bien lancés.
    Merci beaucoup de votre aide
    Cécile

  • Un grand merci pour cette article sur l’installation.
    Clair, précis, tout y est. Je l’ai suivi à la lettre et tout fonctionne.
    J’aimerai voir plus souvent des doc d’installation aussi claires.
    Gilles

  • Bonsoir !

    Tout d’abord, merci pour le tuto. Toutefois, mon Firefox m’empêche d’accéder à la page phpMyAdmin. J’ai ce message :

    Firefox ne peut établir de connexion avec le serveur à l’adresse localhost:8888.

    Ce qui est d’autant plus bizarre que mon localhost est 8889.
    Auriez-vous une solution?

    Merci et encore merci :)

    Guillaume

  • Guily > Tu as essayé avec localhost:8889 ? ^^

  • Je suis vraiment impressionné de la qualité de ce billet. Je voulais faire un blogue semblable mais plutôt de passé du temps pour essayer faire mieux ce qui sera impossible à mon avis et bien il va me faire un grand plaisir de faire un lien à votre Blogue. Merci beaucoup et Bravo!

  • brahim

    merci infiniment

  • Little Red Frog

    Alors ma première question est la suivante : comme j’ai l’intention de créer 2 sites différents, comment ça marche concrètement au niveau de l’installation des fichiers ?
    Quelle est la marche à suivre ?

    Merci d’avance !

  • Que veux tu dire par deux sites ? à deux endroits différents ou bientot tu veux un même coeur wordpress avec 2 contenus différents ?

  • Little Red Frog

    Non ce seront vraiment 2 sites différents (donc forcément au contenu différent).
    L’un sera mon site personnel avec mes coordonées et mon portfolio (pour résumé) et l’autre sera plutôt un blog.
    Mais je pense avoir trouvé la solution… arrêtez-moi si je me trompe… Il suffit de créer 2 bases de données avec des noms différents, de créer 2 dossiers différents dans le htdocs de MAMP et de lier les 2 avec les noms de bases de données correspondants ?
    Et quand on se connecte sur http://localhost:8888/wordpress/wp-admin, il suffit de remplacer « wordpress » dans l’adresse par le nom de la base de donnée à laquelle on veut se connecter ?

    Ou est-ce plus complexe que ça ?

  • C’est plus simple que cela, tu crée 2 dossiers dans ton htdocs de mamp :

    1) dossier_1
    2) dossier_2

    Tu installe dans chacun un wordpress (peu importe le nom de la base de donnée que tu donne à chacun) ce qui compte dans le chemin d’accès web c’est le nom du dossier donc :

    http://localhost/dossier_1
    ou
    http://localhost/dossier_2

    et non le nom de la base de donnée qui lui est important pour le code PHP, l’adresse web n’a rien avoir.

  • Little Red Frog

    mmh… bon, apparemment, c’est pas aussi simple que ça… ça marche pour l’un, mais je ne sais pas comment faire pour l’autre.
    si quelqu’un peut m’éclairer ?…

  • Qu’est ce qui ne fonctionne pas ? Qu’a tu fait ?

  • Little Red Frog

    j’ai fait exactement ce qu’indiqué plus haut…

    « créer 2 bases de données avec des noms différents, de créer 2 dossiers différents dans le htdocs de MAMP et de lier les 2 avec les noms de bases de données correspondants ?
    Et quand on se connecte sur http://localhost:8888/wordpress/wp-admin, il suffit de remplacer “wordpress” dans l’adresse par le nom de la base de donnée à laquelle on veut se connecter ? »

    mais quand je vais ensuite sur http://localhost:8888/nom_base.....1/wp-admin (la première que j’ai configurée, ça fonction > j’ai commencé par le processus d’installation (donner le nom pour le site, le nom d’utilisateur, choisir mot de passe etc) puis me suis connectée > ici, pas de problème.
    Ensuite, j’ai voulu faire de même avec ma deuxième BD créée dans MAMP. Ai lancé le processus d’install,et, forcément, ai eu un message me disant que c’était déjà installé. Donc j’essaie de me connecter en utilisant cette fois l’url http://localhost:8888/nom_base.....2/wp-admin mais je ne vois pas quel login utiliser vu que je n’ai rien configuré pour celle-ci…
    Donc, en résumé >
    1. j’ai créé 2 BD dans MAMP et créé 2 dossiers identiques dans le htdocs de MAMP
    2. j’ai utilisé le lien http://localhost:8888/wordpres.....nstall.php en remplaçant le terme « wordpress » par le nom de ma première BD
    3. j’ai suivi les étapes pour installer
    4. je me suis connecté sur WP en local avec ce premier site
    5. j’ai répété l’étape 2 avec le nom de ma deuxième BD > ce qui m’a donné un message me disant « Déjà installé blabla »
    >> j’arrive donc à me rendre sur le dashboard de le BD 1 mais pas sur celui de BD 2…

    PS : j’ai 2 noms de domaine différents donc il me faut vraiment les 2 sites

    J’ai cru apercevoir quelque chose à propos de sites multiples, je ne sais plus si c’était sur MAMP ou sur WP. Il me semblait que c’est payant… Est-ce possible ?

  • Little Red Frog

    ok pardon… ma faute… j’avais effectivement fait tout ce qu’il fallait, comme il fallait SAUF changer le nom de la DB dans le fichier wp-config.php
    Voilà qui est fait ! Maintenant, j’ai accès au 2 sites séparément par le localhost ^_^
    yeah moi ! :D

  • Louis

    Tout d’abord un grand merci a toi fran6art pour ce totoriel qui je l’espère va me faire découvrir les site web et leur gestion sous un angle nouveau, en effet je suis un pur néophyte…

    Pour ce qui est des problèmes d’installation et de configuration de wordpress et de création de base de donnée avec XAMPP (je parle ici du fameux fichier wp-config.php) j’ai trouvé une solution.
    Donc près avoir bataillé dans tout les sens avec ce dernier j’ai décidé de complètement désinstaller XAMPP pour le remplacé par WAMPserver (sous les conseils d’un ami bien entendu, je ne suis pas assez fou pour ne pas suivre le tutoriel à la lettre sans savoir ou je vais)

    L’installation est simple et rapide. Une foi celle ci terminée lancer l’application.
    faite un clique gauche sur l’icône se trouvant en bas à droite de votre écran et sélectionner « phpMyAdmin » puis créer votre base de donnée « wordpress » par exemple.

    Il est maintenant temps (si ce n’ai pas déjà fait) de placer le dossier wordpress (celui que vous avez décompressé…) dans l’emplacement de votre choix. J’ai choisi C:/ , ce qui me donne C:/wordpress/

    Je suis naturellement allé éditer mon fichier wp-config-sample.php (a renommer wp-config.php) où j’ai inscrit:
    (‘DB_NAME’, ‘wordpress’);
    (‘DB_USER’, ‘root’);
    (‘DB_PASSWORD’,  »);
    (‘DB_HOST’, ‘localhost’);

    Ensuite cliquer à nouveau sur sur l’icône de WAMP et suivez le dossier « Apache » puis « Répertoires Alias » et enfin cliquer sur « créer un alias ». J’ai ici à nouveau entré le mot « wordpress » lorsque l’on m’a demandé de créer mon alias (c’est la première chose à créer lorsque la fenêtre s’ouvre)
    Cliquer sur Entrer
    puis inscrivez l’arborescence qui va permettre de relier votre alias créé sous apache à votre dossier wordpress. Pour moi c:/wordpress/

    Et voila le tour est joué. Je suis allé sur http://localhost/wordpress/ et je l’ai installé mon blog en local.

    J’espère que ce semblant de tutoriel est assez clair et plutôt exempt d’erreur dans sa démarche. Toujours est il que ça fonctionne chez moi.

    Maintenant à moi les heures de programmation :D

    -

  • Je mets çà ici car les commentaires pour la partie #15 Sous-Template sont clos ;)
    … euh … comment dire?
    Dans index.php y’a pas la ligne
    Elle est contenu dans header.php …
    et la modif ne cut pas les articles, çà compile les paragraphes c’est tout…
    enfin je crois ;)

    En tout cas, Merci Beaucoup :)

  • Merciii !!!! C’est pas facile de trouver des explications claires et simples en français ! :)

  • Folloni8

    Bonjour,

    Je souhaite utilise wordpress en local. J’ai donc procéder à l’installation. J’ai un problème par contre, j’ai déjà créer mon blog. Il est donc déjà en ligne. Est-ce que je peux utiliser le wordpress en local pour le retravailler ou est-ce que ça ne marche que pour un nouveau blog?

  • C bien plus compliqué que ca d’installer wordpress.J’ai toujours pas réussi à le faire.

  • Sophie

    Bonjour,

    Je suis également en train d’essayer d’installer wordpress sur Mac.
    J’ai télécharger MAMP, j’ai téléchrager WordPress, j’ai basculer le fichier wordpress dans celui ht.doc de MAMP. Dans le fichier word press, j’ai modifier le my-config sample en .php. je vais ensuite sur l’adresse http://loclahost:8888…install.php, et j’ai un message d’erreur Not Found.
    J’ai bien changé le localhost8888 par 8889, mais rien…
    Je ne trouve pa snon plus le fichier my admin/install de word press dans wordpress?…
    Bref, je suis perdue…

    Merci

  • dubser

    Je viens d’installer WordPress v 3.3-fr_FR sur XAMPP avec succès. J’ai cependant du modifier deux étapes de la procédure…
    1) http://localhost/wordpress/wp-admin/install.php –>où le port 8888 est enlevé
    2) dans le fichier wp-config.php define(‘DB_PASSWORD’,  »);

    Merci Francis pour cet excellent chapitre1 je vais maintenent pouvoir profiter du reste de votre tutoriel.

    Serge

  • Bonjour ! Déjà, bonne année et merci pour ce tutoriel qui aide beaucoup quand on voit le peu d’infos qu’on a sur le site de WP.
    Alors, je suis assez nulle et j’ai un peu de mal avec la logique de tout cela, mais il se passe quelque chose de bizarre : j’ai lancé MAMP une première et tout a marché normalement, mais quand j’ai cliqué sur le lien http://localhost:8888/wordpres.....nstall.php j’ai eu un message d’erreur ; et maintenant quand je lance MAMP, le serveur Apache démarre mais pas le MySQL. J’ai essayé de modifier plein de choses dans wp-config.php, mais ça ne change rien. J’ai aussi essayé de changer les paramètres des ports dans les préférences de MAMP, mais rien n’y fait.

    Je suis un peu paumée du coup.
    Quelqu’un pourrait éclairer ma lanterne ?

    Je précise que j’ai un hébergement et un nom de domaine.

  • Bon, j’ai téléchargé MAMP pro et maintenant ça marche.
    Par contre je ne peux pas uploader d’image sur wordpress en local. Si quelqu’un a une idée…

  • Bonjour,

    Je bloque sur la dernière partie. J’ai tout bien fait comme il faut, mais je bloque.
    1 – J’ai mon fichier ‘install.php’, mais après, j’en fait quoi? Je le met dans le dossier wp j’imagine ?
    2 – Celui-ci me dit « H5.5.9{2&eO8h(ˇ˜Ä,CK/Jd9/!Sbsmysql_native_password!ˇÑ#08S01Got packets out of order », en gros, ça marche pas.
    3 – Mon Serveur Mysql n’est pas connecté, et ne VEUT pas se connecter.
    Du coup, « Le contenu de la base sera créé et votre blog installé ! Récupérez les infos de login et connectez-vous à votre blog ! Celui-ci est dorénavant visible à cette adresse: http://localhost:8888/wordpress/. » ça, ça marche pas.

    J’ai lu et relu tous les commentaires d’ici, et pas mal sur d’autres sites, dont le forum d’entraide wp, mais rien ne marche. J’ai redémarré, etc, j’ai TOUT fait je crois. Mais impossible. J’ai même tout désinstallé et tout recommencer. Mais idem. Même problème.

    En gros… HELP !

  • Salut, je te conseil de te baser sur cette page qui explique pas à pas que faire : http://codex.wordpress.org/Ins....._With_MAMP

    Ton fichier Install.php il faut le laisser ou il est, tu télécharge WordPress, tu modifie le fichier config.sample.php et le renomme config.php avec tes accès bases de données et tu envoi le tout sur ton serveur (en l’occurence ici tu le copie colle dans le dossier httpdocs de Mamp !)

    Ensuite tu fait appel à la page localhost et wp t’amènera a la page install.phhp tout seul si tu as tout bien fait !

    Si tu n’arrive à rien avec MAMP essaye XAMPP pour mac il est pas mal non plus !

    Amicalement

  • n3o

    Bonjour fran6 , voila je voudrais savoir si ce tutoriels est toujours d’actualité je parle de la creation d’un theme de A a Z est-ce réelement exploitable sur la version 3.3 de wordpress ?
    Par avance merci sinon je me lance

  • Bonjour,

    J’ai chercher avec Fierbug mais je n’ai pas réussi a trouver le nom de la police que vous avez utilisé. Pouvez-vous me répondre.
    Je trouve que votre méthode est bien et structurée.
    je débute et je pense que je vais pouvoir avancé grâce a vous.

    Merci

  • Bonjour,

    Je viens d’écrire un article « Installer WordPress en local avec WampServer » , je pense que cet article est complémentaire à celui-ci et pourra en aider certains …

    Le lien est : http://codeblogueur.com/instal.....avec-wamp/

    Bonne lecture !

    Amicalement

    Guy Linier
    Code Blogueur

  • Bonjour,

    Merci beaucoup pour le tuto.
    J’ai installé WordPress en local avec un thème téléchargé. Je voudrais créer un second blog avec un nouveau thème. Ce nouveau thème est téléchargé, déposé dans MAMP/hdocs/wordpress/wp-content/thème, et le thème n’apparaît pas dans l’admin/thèmes de mon wordpress….

    Grrrr! Quelqu’un a une solution? Merci

  • Laura

    Salut!

    Tout d’abord, merci pour ce tuto!
    Débutante en langage informatique, je me lance!

    Néanmoins, je bloque à partir de :
    « Ensuite, vous allez lancer le fichier intall.php via cette adresse: http://localhost:8888/wordpres.....nstall.php . Le contenu de la base sera créé et votre blog installé ! Récupérez les infos de login et connectez-vous à votre blog ! Celui-ci est dorénavant visible à cette adresse: http://localhost:8888/wordpress/. »

    J’ai lancé le fichier installe.php comme indiqué, mais je ne comprend pas la suite (sachant que j’ai déjà un blog wordpress)? Que faire?

    Et, est-il nécessaire, comme indiqué dans certains commentaires, de renommer le fichier wp-config-sample.php en wp-config.php, sachant que ce fichier existe déjà?

  • bonjour,
    quand je vois le nombre de commentaires pour configurer tout cela….je me dis que c’est dommage que je ne soit pas passé par là avant ! Non pas que je soit plus malin que les autres, mais parce qu’il existe une solution toute en un qui installe tout cela en automatique!
    Autant ce faciliter la vie …
    Un article ici : http://goo.gl/OSE3P
    Amicalement

  • Bonjour,

    Pour ceux qui ont eu le soucis du fichier wp-config.php et qui ont bataillé comme moi pendant des heures….j’ai trouvé l’astuce miracle !
    Avant toute chose, n’oubliez pas de renommer votre wp-config-sample.php

    http://www.aschelch.fr/mamp-se.....marre-pas/

    Bon courage!

  • Bonjour,
    je viens juste d’installer xampp et n’ai pas encore vu d’info concernant ce message d’erreur :
    22:57:08 [Apache] Attempting to start Apache app…
    22:57:09 [Apache] Status change detected: running
    22:57:09 [Apache] Status change detected: stopped
    22:57:09 [Apache] Error: Apache shutdown unexpectedly.
    22:57:09 [Apache] This may be due to a blocked port, missing dependencies,
    22:57:09 [Apache] improper privileges, a crash, or a shutdown by another method.
    22:57:09 [Apache] Press the Logs button to view error logs and check
    22:57:09 [Apache] the Windows Event Viewer for more clues
    22:57:09 [Apache] If you need more help, copy and post this
    22:57:09 [Apache] entire log window on the forums

    Y a t il un port special pour apache? merci.

  • Highly descriptive article, I enjoyed that a lot.
    Will there be a part 2?

    Also visit my web site; Twitter Followers

  • I think the admin of this site is truly working hard in favor of his web site,
    as here every data is quality based stuff.


2 + 2 =

Success, your comment is awaiting moderation.