{"id":70795,"date":"2019-06-17T12:00:00","date_gmt":"2019-06-17T19:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=70795"},"modified":"2025-05-26T08:10:33","modified_gmt":"2025-05-26T15:10:33","slug":"guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr\/","title":{"rendered":"Guide Du D\u00e9butant Pour La Pr\u00e9production De Site (Et Comment La Configurer)"},"content":{"rendered":"\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.dreamhost.com\/blog\/complete-website-maintenance-checklist\/\">Maintenir un site web WordPress<\/a> est un processus sans fin. M\u00eame apr\u00e8s avoir <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-build-website-2019\/\"><span style=\"font-weight: 400;\">construit ton site<\/span><\/a><span style=\"font-weight: 400;\">, tu continueras probablement \u00e0 le mettre \u00e0 jour et \u00e0 apporter des ajustements ind\u00e9finiment. Cela signifie que tu dois trouver un moyen de tester ces changements sans impacter n\u00e9gativement ton site web ou ses visiteurs.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Souvent, la meilleure fa\u00e7on de proc\u00e9der est de cr\u00e9er un site de pr\u00e9production. \u00c9galement connu sous le nom de site de test ou de d\u00e9veloppement, il s&#8217;agit d&#8217;une copie autonome de ton site web. Tu peux utiliser cette copie pour essayer de nouveaux th\u00e8mes et plugins, tester les corrections de bugs et planifier les changements bien avant de les mettre en \u0153uvre sur ton site en direct.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Dans cet article, nous t&#8217;expliquerons tout ce que tu dois savoir sur les sites de pr\u00e9production, y compris pourquoi ils sont si utiles et comment en cr\u00e9er un. Nous te donnerons \u00e9galement quelques conseils sur comment utiliser efficacement ton nouveau site de pr\u00e9production.<\/span><\/p>\n\n\n<h2 id=\"h-an-introduction-to-website-staging\" class=\"wp-block-heading\"><strong>Une Introduction Au Site Provistoire<\/strong><\/h2>\n\n\n<p><span style=\"font-weight: 400;\">Quand tu <a href=\"https:\/\/www.dreamhost.com\/blog\/website-launch-checklist\/\">cr\u00e9es un site web classique<\/a>, une des premi\u00e8res choses que tu feras habituellement est de choisir un domaine et de d\u00e9cider d&#8217;un plan d&#8217;h\u00e9bergement. Ces \u00e9tapes sont n\u00e9cessaires pour mettre ton site en ligne afin que les gens puissent le visiter via leurs navigateurs. Le r\u00e9sultat est souvent d\u00e9sign\u00e9 comme un site \u00ab en direct \u00bb ou \u00ab public \u00bb.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Un site provisoire est similaire \u00e0 bien des \u00e9gards \u00e0 un site en direct, mais son objectif est tr\u00e8s diff\u00e9rent. Les sites provisoires sont priv\u00e9s \u2014 ils ne sont pas destin\u00e9s \u00e0 \u00eatre visit\u00e9s par n&#8217;importe qui. Ils servent d&#8217;outil pour exp\u00e9rimenter et tester. Pour cette raison, ils sont \u00e9galement souvent appel\u00e9s sites de \u00ab test \u00bb ou de \u00ab d\u00e9veloppement \u00bb.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Il existe deux formes principales qu&#8217;un site provisoire peut prendre. Il peut s&#8217;agir d&#8217;un site web enti\u00e8rement nouveau et vide ou d&#8217;une copie conforme d&#8217;un site existant. Les deux types ont de nombreuses utilisations, que nous discuterons sous peu. Il est \u00e9galement important de se rappeler qu&#8217;un site provisoire peut \u00eatre compl\u00e8tement hors ligne et stock\u00e9 sur un ordinateur local ou h\u00e9berg\u00e9 en ligne mais marqu\u00e9 comme priv\u00e9. Les sites provisoires sont tr\u00e8s b\u00e9n\u00e9fiques, mais il y a de fortes chances que tu ne souhaites pas que quelqu&#8217;un d&#8217;autre puisse les trouver.<\/span><\/p>\n\n\n<h2 id=\"h-the-many-benefits-of-creating-a-staging-site\" class=\"wp-block-heading\"><strong>Les Nombreux Avantages De Cr\u00e9er Un Site De Pr\u00e9production<\/strong><\/h2>\n\n\n<p><span style=\"font-weight: 400;\">Jusqu&#8217;\u00e0 pr\u00e9sent, nous avons discut\u00e9 des sites de pr\u00e9production de mani\u00e8re abstraite. \u00c0 ce stade, tu te demandes peut-\u00eatre, \u00ab Mais que faire r\u00e9ellement avec un ?! \u00bb La v\u00e9rit\u00e9, c&#8217;est qu&#8217;il existe une large gamme d&#8217;applications potentielles. <\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Voici quelques-uns des plus courants :<\/span><\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Tu peux construire un nouveau site web, le concevoir et l&#8217;ajuster jusqu&#8217;\u00e0 ce qu&#8217;il soit parfait \u2014 tout en le gardant priv\u00e9. Ensuite, tu peux le rendre public (ou une copie) lorsque le moment est venu.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Les sites de pr\u00e9production sont le terrain de jeu id\u00e9al pour <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/learn-wordpress\/\"><span style=\"font-weight: 400;\">apprendre \u00e0 utiliser la plateforme WordPress<\/span><\/a><span style=\"font-weight: 400;\">. Tu peux les utiliser pour essayer de nouveaux Plugins\/plugin et th\u00e8mes, exp\u00e9rimenter avec du code personnalis\u00e9, et ainsi de suite.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Si ton site de pr\u00e9production est une copie de ton site en ligne, c&#8217;est l&#8217;endroit id\u00e9al pour corriger les bugs et tester des solutions <\/span><a href=\"https:\/\/codex.wordpress.org\/Common_WordPress_Errors\"><span style=\"font-weight: 400;\">aux erreurs<\/span><\/a><span style=\"font-weight: 400;\"> qui te posent probl\u00e8me.<\/span><\/li>\n\n\n<\/ul>\n\n\n<p><span style=\"font-weight: 400;\">Bien s\u00fbr, toutes ces choses peuvent \u00eatre faites sur un site web en direct. Cependant, c&#8217;est une proposition risqu\u00e9e. Si tu essaies un nouveau plugin ou testes un correctif de bug sur ton site public, tu risques de casser quelque chose en cours de route. Tu pourrais \u00e9galement ralentir temporairement ton site web, provoquant une interruption de service ou interf\u00e9rant autrement avec l&#8217;exp\u00e9rience de tes visiteurs.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">C\u2019est pourquoi un site de pr\u00e9production est si pr\u00e9cieux. Il t\u2019aide \u00e0 t\u2019assurer que tout fonctionne correctement avant de faire des modifications sur ton site en direct. De plus, il te permet de v\u00e9rifier qu&#8217;un nouveau site est compl\u00e8tement pr\u00eat avant que quiconque puisse le trouver. Pour ces raisons et d&#8217;autres encore, disposer d&#8217;au moins un site de pr\u00e9production est essentiel pour presque tous les propri\u00e9taires de sites WordPress. \u00c0 moins que tu ne pr\u00e9vois de ne jamais faire de modifications \u00e0 ton site (ce que nous ne recommandons pas), il est tr\u00e8s utile de savoir utiliser cet outil pr\u00e9cieux.<\/span><\/p>\n\n\n<p class=\"has-text-align-center\"><iframe data-src=\"https:\/\/www.youtube.com\/embed\/gZUhn-mDi8M\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n\n\n<h2 id=\"h-how-to-create-a-staging-site-in-wordpress-with-2-methods\" class=\"wp-block-heading\"><strong>Comment Cr\u00e9er Un Site Provisoire Dans WordPress (Avec 2 M\u00e9thodes)<\/strong><\/h2>\n\n\n<p><span style=\"font-weight: 400;\">Mettre en place ton site de pr\u00e9production peut \u00eatre simple ou compliqu\u00e9 selon la m\u00e9thode utilis\u00e9e, et si tu cr\u00e9es un nouveau site ou copies un site existant. Ci-dessous, nous te pr\u00e9sentons deux des meilleures mani\u00e8res de r\u00e9aliser cette t\u00e2che. Nous te sugg\u00e9rons de lire chacune d\u2019elles, puis de choisir la technique qui convient le mieux \u00e0 tes besoins.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Avant de continuer, cependant, c&#8217;est le moment de <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/back-up-wordpress-website\/\"><span style=\"font-weight: 400;\">cr\u00e9er une sauvegarde de ton site web<\/span><\/a><span style=\"font-weight: 400;\"> si tu n&#8217;en as pas d\u00e9j\u00e0 une pr\u00eate. Cr\u00e9er un site provisoire ne devrait pas affecter ton site en direct de quelque mani\u00e8re que ce soit, mais il vaut mieux \u00eatre prudent.<\/span><\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-set-up-your-staging-site-through-your-web-host\">1. Configure Ton Site De Pr\u00e9production Via Ton H\u00e9bergeur Web<\/h3>\n\n\n<p><span style=\"font-weight: 400;\">Peut-\u00eatre la mani\u00e8re la plus pratique de cr\u00e9er un site provisoire est de le faire via ton h\u00e9bergeur actuel. En fait, plusieurs h\u00e9bergeurs proposent des <\/span><a href=\"https:\/\/www.dreamhost.com\/features\/wordpress-staging\/\"><span style=\"font-weight: 400;\">solutions WordPress avec staging int\u00e9gr\u00e9 en un seul clic<\/span><\/a><span style=\"font-weight: 400;\">, \u00e9liminant ainsi la n\u00e9cessit\u00e9 d&#8217;installer des plugins suppl\u00e9mentaires ou de trouver des solutions alternatives pour utiliser le staging.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Bien que le site r\u00e9sultant soit en ligne, tu peux toujours t&#8217;assurer qu\u2019il est priv\u00e9, et ni les visiteurs ni les moteurs de recherche ne seront confondus avec ton site en direct. De plus, il sera g\u00e9n\u00e9ralement simple de faire de ton site de pr\u00e9production une copie de la version en direct. Si ton entreprise d&#8217;h\u00e9bergement offre cette option, il n&#8217;y a vraiment aucun inconv\u00e9nient \u00e0 l&#8217;utiliser.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Le processus de cr\u00e9ation d&#8217;un site de pr\u00e9production de cette mani\u00e8re d\u00e9pendra des outils que ton h\u00e9bergeur particulier propose. Ton meilleur choix est de les contacter pour obtenir de l&#8217;aide ou de consulter leur documentation.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Bien s\u00fbr, si tu as un <\/span><a href=\"https:\/\/www.dreamhost.com\/wordpress\/managed\/\"><span style=\"font-weight: 400;\">plan d\u2019h\u00e9bergement WordPress g\u00e9r\u00e9<\/span><\/a><span style=\"font-weight: 400;\"> chez DreamHost, nous pouvons te montrer exactement comment tu peux cr\u00e9er un site de pr\u00e9production en quelques minutes ! Examinons ensemble ce \u00e0 quoi ressemblera le processus pour les utilisateurs de DreamPress.<\/span><\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"386\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-7.jpg\" alt=\"H\u00e9bergement WordPress g\u00e9r\u00e9 de DreamHost\" class=\"wp-image-22924 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-7.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-7-300x129.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-7-768x329.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-7-600x257.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-7-750x322.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-7-100x43.jpg 100w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/386;\" \/><\/figure><\/div>\n\n<p><span style=\"font-weight: 400;\">Nous avons con\u00e7u DreamPress sp\u00e9cifiquement pour WordPress, donc tu peux t&#8217;attendre \u00e0 des performances de serveur de premier ordre, \u00e0 la s\u00e9curit\u00e9 et au support technique pour ton site WordPress. Au-del\u00e0 de nos services de pr\u00e9production, tu b\u00e9n\u00e9ficieras de nombreuses fonctionnalit\u00e9s exceptionnelles telles que le cache int\u00e9gr\u00e9, les sauvegardes et restaurations \u00e0 la demande, des ressources cloud isol\u00e9es juste pour ton site (sans partage avec d&#8217;autres sites web), des comptes email, et m\u00eame un domaine gratuit avec les plans annuels. <\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Tout d&#8217;abord, visite <\/span><a href=\"https:\/\/help.dreamhost.com\/hc\/en-us\/articles\/215250658-DreamHost-control-panel-overview\"><span style=\"font-weight: 400;\">ton panel<\/span><\/a><span style=\"font-weight: 400;\"> et navigue jusqu&#8217;\u00e0 <\/span><i><span style=\"font-weight: 400;\">DreamPress<\/span><\/i> <i><span style=\"font-weight: 400;\">&gt; G\u00e9rer<\/span><\/i><span style=\"font-weight: 400;\"> (si tu as plus d&#8217;un site sur DreamPress)<\/span><i><span style=\"font-weight: 400;\"> &gt; Pr\u00e9production ou site provisoire<\/span><\/i><span style=\"font-weight: 400;\">. <\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Si tu n&#8217;as pas encore configur\u00e9 de site de pr\u00e9production, tu verras l&#8217;\u00e9cran ci-dessous. Clique sur le bouton <\/span><i><span style=\"font-weight: 400;\">Cr\u00e9er un Site de Pr\u00e9production<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"380\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-4.jpeg\" alt=\"Cr\u00e9er un site de pr\u00e9production\" class=\"wp-image-22921 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-4.jpeg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-4-300x127.jpeg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-4-768x324.jpeg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-4-600x253.jpeg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-4-750x317.jpeg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-4-100x42.jpeg 100w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/380;\" \/><\/figure><\/div>\n\n<p><span style=\"font-weight: 400;\">De l\u00e0, ton site provisoire sera configur\u00e9 en quelques minutes seulement sur un sous-domaine gratuit automatiquement g\u00e9n\u00e9r\u00e9 pour toi ! C&#8217;est vrai, tu n&#8217;as pas besoin de cr\u00e9er un sous-domaine ; nous le ferons pour toi. Ton sous-domaine provisoire te permet de garder ton site provisoire sur une installation s\u00e9par\u00e9e de ton site en direct, afin que les deux puissent fonctionner ind\u00e9pendamment. Par exemple, ton sous-domaine provisoire pourrait s&#8217;appeler mysitecom.stage.site.<\/span><\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"427\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-2.jpeg\" alt=\"Pr\u00e9paration de l'instance\" class=\"wp-image-22919 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-2.jpeg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-2-300x142.jpeg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-2-768x364.jpeg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-2-600x285.jpeg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-2-750x356.jpeg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-2-100x47.jpeg 100w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/427;\" \/><\/figure><\/div>\n\n<p><span style=\"font-weight: 400;\">Lorsque ce sera pr\u00eat, tu recevras \u00e9galement un email \u00e0 l&#8217;adresse associ\u00e9e \u00e0 ton compte DreamHost. Ton site provisoire sera prot\u00e9g\u00e9 par mot de passe ; tu peux trouver ton nom d&#8217;utilisateur et ton mot de passe dans l&#8217;onglet de pr\u00e9production de ton tableau de bord DreamPress. Tes identifiants de connexion pour le tableau de bord WordPress de ton site provisoire seront les m\u00eames que pour ton site en direct. <\/span><\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"892\" height=\"421\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-10.jpeg\" alt=\"Acc\u00e9der \u00c0 Votre Site De Pr\u00e9production\" class=\"wp-image-22927 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-10.jpeg.webp 892w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-10-300x142.jpeg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-10-768x362.jpeg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-10-600x283.jpeg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-10-750x354.jpeg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-10-100x47.jpeg 100w\" data-sizes=\"(max-width: 892px) 100vw, 892px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 892px; --smush-placeholder-aspect-ratio: 892\/421;\" \/><\/figure><\/div>\n\n<p><span style=\"font-weight: 400;\">Une fois que tout est pr\u00eat, tu peux copier ton site en direct sur le site provisoire ou publier du site provisoire au site en direct en un seul clic \u2014 c&#8217;est aussi simple que \u00e7a ! La cerise sur le g\u00e2teau, avant de pousser des modifications du site provisoire au site en direct \u2014 nous effectuons automatiquement une sauvegarde de ton site en direct, juste au cas o\u00f9 ! DreamPress rend la mise en sc\u00e8ne simple tant dans la configuration que dans la fonctionnalit\u00e9, ainsi tu peux tester et exp\u00e9rimenter en toute s\u00e9curit\u00e9 sans risque ni tracas.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n\n\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      La Mise En Sc\u00e8ne WordPress Simplifi\u00e9e\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Teste en toute s\u00e9curit\u00e9 les modifications de ton site web avant de les d\u00e9ployer pour les visiteurs. Tu n&#8217;as plus jamais \u00e0 t&#8217;inqui\u00e9ter de casser ton site u2014 inclus avec CHAQUE plan DreamPress.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/wordpress\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Inscris-Moi                    <\/a>\n\n  <\/div>\n<\/div>\n\n<h3 class=\"wp-block-heading\" id=\"h-2-use-a-plugin-to-set-up-your-staging-site-quickly\">2. Utilise un Plugin pour Configurer Rapidement Ton Site de Pr\u00e9production<\/h3>\n\n\n<p><span style=\"font-weight: 400;\">Si tu ne peux pas cr\u00e9er un site provisoire via ton h\u00e9bergeur (ou tu ne veux pas pour une raison quelconque), il y a une autre option. Tu peux utiliser un plugin d\u00e9di\u00e9 pour accomplir cette t\u00e2che. Selon le plugin que tu choisis, le processus de cr\u00e9ation de ton site provisoire sera simplifi\u00e9 dans une certaine mesure, bien que tu ne disposeras peut-\u00eatre pas de autant d&#8217;options pour travailler avec comme tu l&#8217;aurais via ton fournisseur d&#8217;h\u00e9bergement.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Il y a beaucoup de plugins con\u00e7us sp\u00e9cifiquement pour cette t\u00e2che ou qui l&#8217;incluent parmi leurs fonctionnalit\u00e9s. Nous te recommandons de jeter un \u0153il \u00e0 <\/span><a href=\"https:\/\/wordpress.org\/plugins\/wp-staging\/\"><span style=\"font-weight: 400;\">WP Staging<\/span><\/a><span style=\"font-weight: 400;\">, qui est l&#8217;une des solutions les plus simples et cibl\u00e9es que tu puisses trouver.<\/span><\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"288\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-9.jpg\" alt=\"Plugin de Pr\u00e9production WP\" class=\"wp-image-22926 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-9.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-9-300x96.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-9-768x246.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-9-600x192.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-9-750x240.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-9-100x32.jpg 100w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/288;\" \/><\/figure><\/div>\n\n<p><span style=\"font-weight: 400;\">Ce plugin te permet de cr\u00e9er facilement un clone de ton site en direct, qui sera sauvegard\u00e9 dans un sous-dossier de l&#8217;installation principale. De plus, tu n&#8217;auras pas besoin de connaissances techniques pour le faire fonctionner. Pour une solution similaire avec plus d&#8217;options, tu peux consulter le plugin premium, <\/span><a href=\"https:\/\/wpstagecoach.com\/\"><span style=\"font-weight: 400;\">WP Stagecoach<\/span><\/a><span style=\"font-weight: 400;\">. Entre autres, il facilite grandement le transfert des modifications de ton site provisoire vers ton site en direct.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Pour l\u2019instant, voyons comment cr\u00e9er un site provisoire avec WP Staging. Tu devras d\u2019abord <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-plugin-primer\/\"><span style=\"font-weight: 400;\">installer et activer<\/span><\/a><span style=\"font-weight: 400;\"> le plugin dans WordPress sur le site que tu souhaites copier. Ensuite, un nouvel onglet WP Staging appara\u00eetra sur ton tableau de bord.<\/span><\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"526\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-6.jpeg\" alt=\"WP Staging Admin\" class=\"wp-image-22923 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-6.jpeg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-6-300x175.jpeg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-6-768x449.jpeg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-6-600x351.jpeg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-6-750x438.jpeg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-6-100x58.jpeg 100w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/526;\" \/><\/figure><\/div>\n\n<p><span style=\"font-weight: 400;\">Cliquez sur <\/span><i><span style=\"font-weight: 400;\">Cr\u00e9er un nouveau site de pr\u00e9production<\/span><\/i><span style=\"font-weight: 400;\">, et tu pourras lui donner un nom. Tu verras \u00e9galement d&#8217;autres options disponibles dans le menu d\u00e9roulant.<\/span><\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"695\" height=\"359\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-1.jpeg\" alt=\"Tables de Base de Donn\u00e9es WP Staging\" class=\"wp-image-22918 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-1.jpeg.webp 695w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-1-300x155.jpeg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-1-600x310.jpeg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-1-100x52.jpeg 100w\" data-sizes=\"(max-width: 695px) 100vw, 695px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 695px; --smush-placeholder-aspect-ratio: 695\/359;\" \/><\/figure><\/div>\n\n<p><i><span style=\"font-weight: 400;\">Tables de base de donn\u00e9es<\/span><\/i><span style=\"font-weight: 400;\"> te permettront d&#8217;exclure la copie de certaines donn\u00e9es. Cependant, dans la plupart des cas, tu voudras copier tout \u2014 donc tu peux ignorer cette section. Il en est de m\u00eame pour <\/span><i><span style=\"font-weight: 400;\">Fichiers<\/span><\/i><span style=\"font-weight: 400;\">, qui offre des options de personnalisation avanc\u00e9es dont tu n&#8217;auras probablement pas besoin \u00e0 ce stade.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Au lieu de cela, s\u00e9lectionne le bouton <\/span><i><span style=\"font-weight: 400;\">Commencer le clonage<\/span><\/i><span style=\"font-weight: 400;\">. Le plugin prendra un peu de temps pour faire son travail. Pendant ce temps, tu verras une barre de progression qui t&#8217;indique qu&#8217;il est toujours en cours de fonctionnement.<\/span><\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"860\" height=\"359\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-3.jpeg\" alt=\"Clonage WP Staging\" class=\"wp-image-22920 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-3.jpeg.webp 860w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-3-300x125.jpeg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-3-768x321.jpeg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-3-600x250.jpeg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-3-750x313.jpeg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-3-100x42.jpeg 100w\" data-sizes=\"(max-width: 860px) 100vw, 860px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 860px; --smush-placeholder-aspect-ratio: 860\/359;\" \/><\/figure><\/div>\n\n<p><span style=\"font-weight: 400;\">Une fois le processus termin\u00e9, tu verras un message de r\u00e9ussite et tu recevras un lien vers ton nouveau site provisoire. Tu peux soit cliquer sur le lien soit sur le bouton <\/span><i><span style=\"font-weight: 400;\">Ouvrir le site provisoire<\/span><\/i><span style=\"font-weight: 400;\"> pour le visiter, en utilisant tes identifiants habituels pour te connecter.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Nous te recommandons de prendre un peu de temps \u00e0 ce stade pour explorer ton site provisoire, en t&#8217;assurant que tout a \u00e9t\u00e9 copi\u00e9 correctement. Il devrait \u00eatre une duplication parfaite de ton site en direct. Tant que tout semble en ordre, tu peux maintenant commencer \u00e0 l&#8217;utiliser pour r\u00e9aliser des exp\u00e9riences, tester de nouveaux plugins ou th\u00e8mes, et effectuer du d\u00e9pannage.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Mais que faire si tu apportes des modifications \u00e0 ton site provisoire et que tu veux les mettre en place sur ton site en ligne ? Tu pourrais apporter les modifications manuellement sur les deux sites. Cependant, il peut \u00eatre beaucoup plus simple de peaufiner ton site provisoire jusqu&#8217;\u00e0 ce qu&#8217;il soit parfait, puis de copier ces modifications sur la version r\u00e9elle. Tu peux \u00e9galement le faire avec WP Staging, bien que tu devras acheter <\/span><a href=\"https:\/\/wp-staging.com\/downloads\/wp-quads-pro\/\"><span style=\"font-weight: 400;\">la version premium du plugin<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"325\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-8.jpeg\" alt=\"WP Staging Pro\" class=\"wp-image-22925 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-8.jpeg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-8-300x108.jpeg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-8-768x277.jpeg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-8-600x217.jpeg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-8-750x271.jpeg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-8-100x36.jpeg 100w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/325;\" \/><\/figure><\/div>\n\n<p><span style=\"font-weight: 400;\">Ce n&#8217;est pas exactement une solution bon march\u00e9 puisqu&#8217;elle co\u00fbtera environ 100 $ pour un site, mais cela peut valoir l&#8217;investissement si tu pr\u00e9vois de faire un usage fr\u00e9quent de ton site de pr\u00e9production. Si tu optes pour WP Staging Pro, tu peux suivre <\/span><a href=\"https:\/\/wp-staging.com\/docs\/copy-staging-site-to-live-site\/\"><span style=\"font-weight: 400;\">le tutoriel pratique des d\u00e9veloppeurs<\/span><\/a><span style=\"font-weight: 400;\"> pour pousser les modifications sur ton site en direct.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Enfin, il convient de mentionner que si tu souhaites uniquement cr\u00e9er un nouveau site WordPress pour des tests et des exp\u00e9rimentations et que tu n&#8217;as pas besoin qu&#8217;il soit une copie d&#8217;un autre site ou que tu pr\u00e9vois de le mettre en ligne, il existe une autre option. Tu peux cr\u00e9er un site WordPress local, stock\u00e9 sur ta machine locale. De cette mani\u00e8re, tu peux travailler avec ton site provisoire hors ligne, et personne ne pourra y acc\u00e9der \u00e0 moins d&#8217;utiliser ton ordinateur.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Tu peux utiliser un outil tel que <\/span><a href=\"https:\/\/managewp.com\/how-to-create-a-local-wordpress-website-in-windows-with-xampp\"><span style=\"font-weight: 400;\">XAMPP (pour les utilisateurs de Windows)<\/span><\/a><span style=\"font-weight: 400;\"> ou <\/span><a href=\"https:\/\/codex.wordpress.org\/Installing_WordPress_Locally_on_Your_Mac_With_MAMP\"><span style=\"font-weight: 400;\">MAMP (pour les utilisateurs de Mac)<\/span><\/a><span style=\"font-weight: 400;\"> pour cr\u00e9er rapidement un ou plusieurs sites locaux.<\/span><\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"391\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-5.jpg\" alt=\"Environnement de d\u00e9veloppement PHP XAMPP\" class=\"wp-image-22922 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-5.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-5-300x130.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-5-768x334.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-5-600x261.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2019\/03\/DreamHost-beginners-guide-to-staging-5-750x326.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/03\/DreamHost-beginners-guide-to-staging-5-100x43.jpg 100w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/391;\" \/><\/figure><\/div>\n\n<p><span style=\"font-weight: 400;\">Si tu veux, tu peux \u00e9galement utiliser ces solutions <\/span><a href=\"http:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-move-live-wordpress-site-to-local-server\/\"><span style=\"font-weight: 400;\">pour copier et pousser les modifications<\/span><\/a><span style=\"font-weight: 400;\"> vers ton site en ligne, mais le processus est plus complexe que les m\u00e9thodes que nous avons d\u00e9crites ci-dessus. Jusqu&#8217;\u00e0 ce que tu aies un peu plus d&#8217;exp\u00e9rience technique, nous te recommandons de te tenir \u00e0 l&#8217;une de celles-ci.<\/span><\/p>\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\tHow to Use GitHub for WordPress Development\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/how-to-use-wp-with-github\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n\n\n<h2 id=\"h-what-to-do-once-your-staging-environment-is-ready\" class=\"wp-block-heading\"><strong>Que Faire Une Fois Ton Environnement De Pr\u00e9production Pr\u00eat<\/strong><\/h2>\n\n\n<p><span style=\"font-weight: 400;\">Peu importe la m\u00e9thode que tu utilises, au final, tu disposeras d&#8217;un tout nouvel environnement de pr\u00e9production pr\u00eat \u00e0 l&#8217;emploi. Avant de commencer \u00e0 travailler s\u00e9rieusement avec, cependant, il y a quelques mesures initiales que tu voudras prendre.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Chaque fois que tu cr\u00e9es un environnement de pr\u00e9production, nous te recommandons de suivre ces \u00e9tapes :<\/span><\/p>\n\n\n<ol class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Tout d&#8217;abord, si tu as copi\u00e9 ton site en ligne, passe en revue ton site provisoire et assure-toi que tout a \u00e9t\u00e9 transf\u00e9r\u00e9 correctement. V\u00e9rifie que le contenu est format\u00e9 correctement, que les images et autres m\u00e9dias apparaissent, que les fonctionnalit\u00e9s cl\u00e9s fonctionnent, etc.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Dans ton tableau de bord WordPress, navigue vers Param\u00e8tres > Lecture, et coche la case intitul\u00e9e \u00ab D\u00e9courager les moteurs de recherche d&#8217;indexer ce site \u00bb. Cela aidera \u00e0 garantir que personne ne puisse tomber sur ton site s&#8217;il est h\u00e9berg\u00e9 en ligne. Remarque : les clients de <a href=\"https:\/\/www.dreamhost.com\/wordpress\/managed\/\" target=\"_blank\" rel=\"noopener\">DreamPress<\/a> n&#8217;ont pas \u00e0 se soucier de cela car tous les sites provisoires DreamPress ne sont pas indexables par d\u00e9faut.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Toujours dans ton tableau de bord, va \u00e0 Param\u00e8tres > Permaliens. Assure-toi que la structure des permaliens du site provisoire est correctement configur\u00e9e (en d&#8217;autres termes, qu&#8217;elle est identique \u00e0 celle de ton site en ligne). Sinon, tu peux <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-fix-wordpress-404-error\/\">finir par voir des erreurs 404<\/a>.<\/span><\/li>\n\n\n<\/ol>\n\n\n<p><span style=\"font-weight: 400;\">Apr\u00e8s cela, tu devrais \u00eatre pr\u00eat \u00e0 d\u00e9marrer. Cependant, avant de conclure, il est important de noter qu&#8217;il existe d&#8217;autres options pour les utilisateurs plus avanc\u00e9s. <\/span><a href=\"https:\/\/github.com\/\"><span style=\"font-weight: 400;\">GitHub<\/span><\/a><span style=\"font-weight: 400;\"> et <\/span><a href=\"https:\/\/bitbucket.org\/\"><span style=\"font-weight: 400;\">BitBucket<\/span><\/a><span style=\"font-weight: 400;\">, par exemple, sont des services que les d\u00e9veloppeurs utilisent pour partager et collaborer sur des projets (par exemple, lors de la cr\u00e9ation de sites web, de th\u00e8mes et de plugins).<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Elles peuvent \u00e9galement \u00eatre utilis\u00e9es pour suivre les modifications de ton site de pr\u00e9production et m\u00eame les partager avec d&#8217;autres pour obtenir de l&#8217;aide et des retours. Si tu es int\u00e9ress\u00e9 par en savoir plus sur ces outils et comment ils peuvent t&#8217;aider \u00e0 cr\u00e9er des sites web, il existe de nombreux <\/span><a href=\"https:\/\/guides.github.com\/activities\/hello-world\/\"><span style=\"font-weight: 400;\">guides que tu peux consulter<\/span><\/a><span style=\"font-weight: 400;\"> qui te permettront de commencer.<\/span><\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h2 id=\"h-the-staging-business\" class=\"wp-block-heading\"><strong>L&#8217;Entreprise de Pr\u00e9production<\/strong><\/h2>\n\n\n<p><span style=\"font-weight: 400;\">Cr\u00e9er un site en pr\u00e9production est une mani\u00e8re intelligente de <a href=\"https:\/\/www.dreamhost.com\/blog\/complete-website-maintenance-checklist\/\">simplifier la maintenance continue<\/a> de ton site en direct. Que tu poss\u00e8des une copie de ton site en direct h\u00e9berg\u00e9e en ligne avec une solution d&#8217;h\u00e9bergement WordPress g\u00e9r\u00e9 comme DreamPress ou sur ton ordinateur local, la pr\u00e9production te permet de tester des modifications dans un environnement s\u00e9curis\u00e9. De plus, il n&#8217;y a aucune chance que tu fasses tomber ton site en direct durant le processus ou que tu casses des fonctionnalit\u00e9s ; c&#8217;est une situation gagnant-gagnant pour toi et les visiteurs de ton site.<\/span><\/p>\n\n\n<p><span style=\"font-weight: 400;\">Si tu te sens d\u00e9pass\u00e9, rappelle-toi que DreamPress est con\u00e7u pour rendre la gestion d&#8217;un site WordPress puissant simple. Alors que la pr\u00e9production peut n\u00e9cessiter un processus de d\u00e9veloppement compliqu\u00e9, DreamPress le simplifie \u2014 aucune exp\u00e9rience en codage n\u00e9cessaire. <\/span><a href=\"https:\/\/www.dreamhost.com\/wordpress\/managed\/\"><span style=\"font-weight: 400;\">D\u00e9couvre nos plans d&#8217;h\u00e9bergement WordPress g\u00e9r\u00e9<\/span><\/a><span style=\"font-weight: 400;\"> et trouve l&#8217;option id\u00e9ale pour ton site.<\/span><\/p>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Maintenir un site web WordPress est un processus sans fin. M\u00eame apr\u00e8s avoir construit ton site, tu continueras probablement \u00e0 le mettre \u00e0 jour et \u00e0 faire des ajustements ind\u00e9finiment. Cela signifie que tu dois trouver un moyen de tester ces changements sans impacter n\u00e9gativement ton site ou ses visiteurs. Souvent, la meilleure fa\u00e7on de faire cela est de cr\u00e9er un site provisoire [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":18666,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Pr\u00eat pour le Website Staging 101 ? Ce guide couvre tout ce que tu dois savoir sur les sites de pr\u00e9production, y compris pourquoi ils sont si utiles et comment en cr\u00e9er un.","toc_headlines":"[[\"h-an-introduction-to-website-staging\",\"Une Introduction Au Site Provistoire\"],[\"h-the-many-benefits-of-creating-a-staging-site\",\"Les Nombreux Avantages De Cr\u00e9er Un Site De Pr\u00e9production\"],[\"h-how-to-create-a-staging-site-in-wordpress-with-2-methods\",\"Comment Cr\u00e9er Un Site Provisoire Dans WordPress (Avec 2 M\u00e9thodes)\"],[\"h-what-to-do-once-your-staging-environment-is-ready\",\"Que Faire Une Fois Ton Environnement De Pr\u00e9production Pr\u00eat\"],[\"h-the-staging-business\",\"L'Entreprise de Pr\u00e9production\"]]","hide_toc":false,"footnotes":""},"categories":[15017,15009],"tags":[],"class_list":["post-70795","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-getting-started-fr","category-wordpress-fr"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Guide Du D\u00e9butant Pour La Pr\u00e9production De Site (Et Comment La Configurer) - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Pr\u00eat pour le Website Staging 101 ? Ce guide couvre tout ce que tu dois savoir sur les sites de pr\u00e9production, y compris pourquoi ils sont si utiles et comment en cr\u00e9er un.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/fr\/guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guide Du D\u00e9butant Pour La Pr\u00e9production De Site (Et Comment La Configurer)\" \/>\n<meta property=\"og:description\" content=\"Pr\u00eat pour le Website Staging 101 ? Ce guide couvre tout ce que tu dois savoir sur les sites de pr\u00e9production, y compris pourquoi ils sont si utiles et comment en cr\u00e9er un.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/fr\/guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-17T19:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T15:10:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2018\/02\/guide-to-staging-14.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"598\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jason Cosper\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jason Cosper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Guide Du D\u00e9butant Pour La Pr\u00e9production De Site (Et Comment La Configurer) - DreamHost Blog","description":"Pr\u00eat pour le Website Staging 101 ? Ce guide couvre tout ce que tu dois savoir sur les sites de pr\u00e9production, y compris pourquoi ils sont si utiles et comment en cr\u00e9er un.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr\/","og_locale":"en_US","og_type":"article","og_title":"Guide Du D\u00e9butant Pour La Pr\u00e9production De Site (Et Comment La Configurer)","og_description":"Pr\u00eat pour le Website Staging 101 ? Ce guide couvre tout ce que tu dois savoir sur les sites de pr\u00e9production, y compris pourquoi ils sont si utiles et comment en cr\u00e9er un.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2019-06-17T19:00:00+00:00","article_modified_time":"2025-05-26T15:10:33+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2018\/02\/guide-to-staging-14.jpg","type":"image\/jpeg"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Guide Du D\u00e9butant Pour La Pr\u00e9production De Site (Et Comment La Configurer)","datePublished":"2019-06-17T19:00:00+00:00","dateModified":"2025-05-26T15:10:33+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr\/"},"wordCount":2932,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2018\/02\/guide-to-staging-14.jpg","articleSection":["Commencer","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr\/","name":"Guide Du D\u00e9butant Pour La Pr\u00e9production De Site (Et Comment La Configurer) - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2018\/02\/guide-to-staging-14.jpg","datePublished":"2019-06-17T19:00:00+00:00","dateModified":"2025-05-26T15:10:33+00:00","description":"Pr\u00eat pour le Website Staging 101 ? Ce guide couvre tout ce que tu dois savoir sur les sites de pr\u00e9production, y compris pourquoi ils sont si utiles et comment en cr\u00e9er un.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/fr\/guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2018\/02\/guide-to-staging-14.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2018\/02\/guide-to-staging-14.jpg","width":900,"height":598},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/guide-du-dbutant-pour-la-prproduction-de-site-et-comment-la-configurer-fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Guide Du D\u00e9butant Pour La Pr\u00e9production De Site (Et Comment La Configurer)"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4","name":"Jason Cosper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","caption":"Jason Cosper"},"description":"Jason is DreamHost\u2019s WordPress Product Advocate, based out of Bakersfield, CA. He is currently working on making our DreamPress product even better. In his free time, he likes to curl up on the couch and watch scary movies with his wife Sarah and three very small dogs. Follow him on Twitter.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/jasoncosper\/"}]}},"lang":"fr","translations":{"fr":70795,"es":26124,"en":17382,"pl":52891,"pt":55194,"ru":55197,"de":55221,"uk":55233,"it":68603,"nl":70825},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1062"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=70795"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70795\/revisions"}],"predecessor-version":[{"id":70797,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70795\/revisions\/70797"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/18666"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=70795"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=70795"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=70795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}