{"id":234252,"date":"2023-02-21T18:38:00","date_gmt":"2023-02-21T15:38:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=234252"},"modified":"2023-02-21T18:39:37","modified_gmt":"2023-02-21T15:39:37","slug":"tutoriel-sur-le-theme-wordpress-pour-les-debutants-partie-0-5-configuration-du-developpement-wordpress-local","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/tutoriel-sur-le-theme-wordpress-pour-les-debutants-partie-0-5-configuration-du-developpement-wordpress-local\/","title":{"rendered":"Tutoriel sur le th\u00e8me WordPress pour les d\u00e9butants \u2013 Partie 0.5 : Configuration du d\u00e9veloppement WordPress local"},"content":{"rendered":"\n<p>Cette le\u00e7on expliquera rapidement comment configurer un environnement de d\u00e9veloppement local et y installer WordPress, afin que nous puissions commencer \u00e0 d\u00e9velopper notre th\u00e8me. C&rsquo;est pour vous qui n&rsquo;avez jamais configur\u00e9 d&rsquo;environnement de d\u00e9veloppement ou install\u00e9 WordPress localement \u00e0 des fins de test ou de d\u00e9veloppement. Si tout est d\u00e9j\u00e0 pr\u00eat, passez directement \u00e0 la <a href=\"http:\/\/awhitepixel.com\/blog\/wordpress-theme-tutorial-for-beginners-part-1-introduction\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">partie 1<\/a>.<\/p>\n<p>La mise en place d&rsquo;une pile de d\u00e9veloppement Web est cruciale et plus simple que vous ne le pensez. Bref; c&rsquo;est un programme qui installe un serveur Web (g\u00e9n\u00e9ralement Apache) et une base de donn\u00e9es (g\u00e9n\u00e9ralement MySQL) sur votre ordinateur afin que votre ordinateur puisse servir des sites Web. Il est beaucoup plus rapide et simple de d\u00e9velopper et de tester votre code &quot;localement&quot; sur votre ordinateur que de le t\u00e9l\u00e9charger constamment via FTP vers un domaine ou un serveur.<\/p>\n<p>Edit: J&rsquo;ai cr\u00e9\u00e9 un guide mis \u00e0 jour et plus d\u00e9taill\u00e9 sur <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/guide-complet-dinstallation-dun-serveur-web-et-de-wordpress-sur-localhost\/\" title=\"la fa\u00e7on de configurer un WordPress local ici\">la fa\u00e7on de configurer un WordPress local ici<\/a>! <\/p>\n<h2>Mise en place d&rsquo;un environnement de d\u00e9veloppement local<\/h2>\n<p>Il existe plusieurs programmes gratuits qui vous permettent de configurer votre ordinateur en tant que serveur Web. Les plus courants sont <a href=\"http:\/\/www.wampserver.com\/en\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WampServer<\/a> pour Windows et <a href=\"https:\/\/www.apachefriends.org\/index.html\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">XAMPP<\/a> ou <a href=\"https:\/\/www.mamp.info\/en\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">MAMP<\/a> pour Mac IOS. Pour les syst\u00e8mes Windows 64 bits, assurez-vous d&rsquo;installer la version 64 bits de WampServer. En ce qui concerne IOS, je recommande XAMPP, mais gardez \u00e0 l&rsquo;esprit que vous devrez probablement effectuer quelques \u00e9tapes suppl\u00e9mentaires afin de modifier les autorisations du dossier de d\u00e9veloppement (n\u00e9cessaire \u00e0 WordPress pour installer des plugins, etc.).<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e7ad896.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e7ad896.jpg\" alt=\"Tutoriel sur le th\u00e8me WordPress pour les d\u00e9butants \u2013 Partie 0.5 : Configuration du d\u00e9veloppement WordPress local\"><\/a><\/p>\n<p>T\u00e9l\u00e9chargez le logiciel (liens ci-dessus) et ex\u00e9cutez le programme d&rsquo;installation. Vous n&rsquo;avez pas besoin de fournir de d\u00e9tails, il devrait installer par d\u00e9faut le serveur Web Apache et la base de donn\u00e9es MySQL et devrait fonctionner correctement sans aucune modification. Une fois que c&rsquo;est fait, ouvrez le programme. Habituellement, il lancera le lancement d&rsquo;un Apache et d&rsquo;un serveur SQL lorsque vous d\u00e9marrerez le programme, sinon il devrait y avoir un lien vers &quot;D\u00e9marrer tous les services&quot;.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e880aff.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e880aff.png\" alt=\"Tutoriel sur le th\u00e8me WordPress pour les d\u00e9butants \u2013 Partie 0.5 : Configuration du d\u00e9veloppement WordPress local\"><\/a><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e94b231.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e94b231.png\" alt=\"Tutoriel sur le th\u00e8me WordPress pour les d\u00e9butants \u2013 Partie 0.5 : Configuration du d\u00e9veloppement WordPress local\"><\/a><\/p>\n<p>Pendant que votre programme est en cours d&rsquo;ex\u00e9cution, vous devriez pouvoir acc\u00e9der \u00e0 votre navigateur, saisir <code>localhost<\/code>et voir la page d&rsquo;accueil de ce programme. Gardez \u00e0 l&rsquo;esprit que vous avez besoin que ce programme s&rsquo;ex\u00e9cute en arri\u00e8re-plan, ex\u00e9cutant tous les services, pendant que vous d\u00e9veloppez.<\/p>\n<p>Dans WampServer, vous pouvez cliquer sur l&rsquo;ic\u00f4ne dans la barre des t\u00e2ches et choisir &quot;D\u00e9marrer tous les services&quot; dans le menu d\u00e9roulant. Dans XAMPP, le programme a un bouton pour cela dans son interface principale.<\/p>\n<p>Le programme vous fournira un dossier d\u00e9di\u00e9 o\u00f9 vous pourrez placer vos fichiers de d\u00e9veloppement Web. Pour WampServer, le r\u00e9pertoire par d\u00e9faut est le sous-dossier <code>www<\/code>\u00e0 l&rsquo;int\u00e9rieur du r\u00e9pertoire d&rsquo;installation du programme ; par exemple <code>C:wamp64www<\/code>. Pour XAMPP sur IOS, vous trouverez un raccourci vers le dossier \u00e0 l&rsquo; <code>htdocs<\/code>int\u00e9rieur de <code>Programs &gt; XAMPP &gt; htdocs<\/code>. Ce dossier est l&rsquo;endroit o\u00f9 vous pouvez placer n&rsquo;importe quel fichier php ou Web et y acc\u00e9der via votre navigateur. C&rsquo;est \u00e9galement l\u00e0 que vous placerez tous les fichiers WordPress.<\/p>\n<h2>Installer WordPress<\/h2>\n<p>L&rsquo;installation de WordPress est vraiment facile! Allez sur <a href=\"https:\/\/wordpress.org\/download\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">la page de t\u00e9l\u00e9chargement de WordPress.org<\/a> et cliquez sur le gros bouton bleu pour t\u00e9l\u00e9charger. Vous obtiendrez un fichier zip avec la version actuelle de WordPress, en anglais.<\/p>\n<p>Je vous recommande de cr\u00e9er un sous-dossier dans votre dossier de d\u00e9veloppement local pour WordPress (au cas o\u00f9 vous voudriez faire plusieurs projets de d\u00e9veloppement Web ou plusieurs WordPress). Pour les besoins de ce didacticiel, j&rsquo;ai cr\u00e9\u00e9 un sous-dossier appel\u00e9 <code>wordpress<\/code>, donc mon chemin d&rsquo;acc\u00e8s est <code>C:wamp64wwwwordpress<\/code>(pour acc\u00e9der \u00e0 ce dossier, j&rsquo;aurais besoin d&rsquo;aller <code>localhost\/wordpress<\/code>dans mon navigateur).<\/p>\n<p>1 Extrayez le contenu zip de votre WordPress t\u00e9l\u00e9charg\u00e9 \u00e0 l&rsquo;endroit souhait\u00e9 dans votre environnement de d\u00e9veloppement.<\/p>\n<p>Deuxi\u00e8mement, vous devrez cr\u00e9er une base de donn\u00e9es dans votre SQL local, afin que WordPress puisse tout y installer. Habituellement, vous pouvez utiliser PHPMyAdmin (est install\u00e9 par d\u00e9faut avec WampServer et XAMPP). Pour acc\u00e9der \u00e0 PHPMyAdmin, acc\u00e9dez \u00e0 <code>localhost\/phpmyadmin<\/code>dans votre navigateur. Vous devriez voir une page de connexion. Par d\u00e9faut, l&rsquo;utilisateur est <code>root<\/code>et le mot de passe est vide.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4ea2b633.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4ea2b633.png\" alt=\"Tutoriel sur le th\u00e8me WordPress pour les d\u00e9butants \u2013 Partie 0.5 : Configuration du d\u00e9veloppement WordPress local\"><\/a><\/p>\n<p>Selon la version de PHPMyAdmin que vous avez install\u00e9e, vous devriez facilement trouver des liens pour installer une nouvelle base de donn\u00e9es ; par exemple &quot;Nouveau&quot; en haut de la barre lat\u00e9rale gauche. D\u00e9cidez d&rsquo;un nom de base de donn\u00e9es pour votre installation WordPress (je vous recommande d&rsquo;utiliser le m\u00eame nom que votre dossier, par exemple <code>wordpress<\/code>ou quelque chose d&rsquo;un peu plus r\u00e9v\u00e9lateur). En ce qui concerne le type de classement (la liste d\u00e9roulante), je recommande d&rsquo;utiliser \u00ab<code>utf8_general_ci<\/code>\u00bb (vous devrez faire d\u00e9filer un peu pour le trouver). Appuyez sur OK et vous pouvez simplement fermer l&rsquo;onglet PHPMyAdmin. WordPress s&rsquo;occupera du reste pour vous.<\/p>\n<p>2 Connectez-vous \u00e0 votre base de donn\u00e9es avec PHPMyAdmin et cr\u00e9ez une nouvelle base de donn\u00e9es avec le nom de base de donn\u00e9es choisi et utf8 comme type de classement.<\/p>\n<p>La derni\u00e8re \u00e9tape consiste \u00e0 ex\u00e9cuter le programme d&rsquo;installation de WordPress qui fait le reste pour vous.<\/p>\n<p>3 Dans votre navigateur, acc\u00e9dez \u00e0 <code>localhost\/wordpress<\/code>(ou \u00e0 l&rsquo;endroit o\u00f9 vous avez extrait WordPress). Le programme d&rsquo;installation de WordPress devrait appara\u00eetre et vous guider tout au long de l&rsquo;installation de WordPress.<\/p>\n<p>Le guide d&rsquo;installation vous demandera d&rsquo;entrer le nom de votre base de donn\u00e9es (entrez celle que vous avez cr\u00e9\u00e9e ci-dessus), votre nom d&rsquo;utilisateur et votre mot de passe SQL (par d\u00e9faut &quot;root&quot; et mot de passe vide). Pour tout le reste, vous pouvez laisser par d\u00e9faut, ou d\u00e9finir vos variables souhait\u00e9es telles que le nom de votre site, et d\u00e9finir vos identifiants de connexion.<\/p>\n<p>Lorsque le guide d&rsquo;installation de WordPress est termin\u00e9, vous devriez maintenant avoir un WordPress complet install\u00e9 localement! La visite <code>localhost\/wordpress<\/code>devrait vous donner votre page d&rsquo;accueil et la visite <code>localhost\/wordpress\/wp-admin<\/code>devrait vous donner votre panneau d&rsquo;administration.<\/p>\n<p>Vous \u00eates maintenant pr\u00eat \u00e0 commencer \u00e0 d\u00e9velopper votre th\u00e8me WordPress! Passez directement \u00e0 la <a href=\"http:\/\/awhitepixel.com\/blog\/wordpress-theme-tutorial-for-beginners-part-1-introduction\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">partie 1: Introduction<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/awhitepixel.com\" class=\"external external_icon\">awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;\u00e9tape 0.5 du didacticiel sur le th\u00e8me WordPress pour les d\u00e9butants explique comment configurer un environnement de d\u00e9veloppement local avec WAMP ou XAMPP et installer WordPress.<\/p>\n","protected":false},"author":1,"featured_media":223973,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[915,893,893,717,717,832,915,1110,832,925,925,841,841,862,862],"tags":[1167],"class_list":{"0":"post-234252","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-autre","8":"category-code-2","10":"category-developpeur","12":"category-guide-pour-les-debutants","14":"category-n-a","16":"category-sujets","18":"category-tutoriels","20":"category-wordpress-3","22":"tag-affiai-fr"},"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/234252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=234252"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/234252\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/223973"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=234252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=234252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=234252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}