{"id":1871,"date":"2020-10-03T09:59:27","date_gmt":"2020-10-03T07:59:27","guid":{"rendered":"http:\/\/www.boichat.ch\/wordpress\/?p=1871"},"modified":"2025-04-06T11:47:09","modified_gmt":"2025-04-06T09:47:09","slug":"installation-de-xampp-wordpress-et-elementor","status":"publish","type":"post","link":"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/","title":{"rendered":"Installation de XAMPP (Wampserver), WordPress et Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1871\" class=\"elementor elementor-1871\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d17ee45 elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"d17ee45\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-881bec5\" data-id=\"881bec5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-319dbed elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"319dbed\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-xl\">Installation de Xampp, Wampserver, WordPress et Elementor<span style=\"color: var( --e-global-color-primary ); font-family: var( --e-global-typography-primary-font-family ); font-size: var( --e-global-typography-primary-font-size ); font-style: var( --e-global-typography-primary-font-style ); font-weight: var( --e-global-typography-primary-font-weight ); letter-spacing: var( --e-global-typography-primary-letter-spacing ); text-transform: var( --e-global-typography-primary-text-transform );\"><\/span><br><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bb899ad elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"bb899ad\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-71f59e4\" data-id=\"71f59e4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-24a8a1d elementor-widget elementor-widget-text-editor\" data-id=\"24a8a1d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><strong><em>Date de la derni\u00e8re modification: 6 avril 2025<\/em><\/strong><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f71e2bb elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"f71e2bb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-62343e0\" data-id=\"62343e0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3465494 elementor-widget elementor-widget-text-editor\" data-id=\"3465494\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); font-size: 18px;\">Je dois encore r\u00e9viser ce document datant de <\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-size: 18px;\"><b>2020<\/b><\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); font-size: 18px;\">. <br \/>Je n&#8217;utilise plus <\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-size: 18px;\"><b>Wampserver <\/b><\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); font-size: 18px;\">et l&#8217;article\u00a0<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); font-size: 18px;\"><span style=\"font-weight: bolder;\"><a href=\"https:\/\/www.boichat.ch\/wordpress\/2017\/12\/11\/wordpress-commencer-sur-un-pc\/\" target=\"_blank\" rel=\"noopener\">WordPress \u2013 D\u00e9buter sur un PC<\/a><\/span>\u00a0pourrait le remplacer.<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); font-size: 18px;\">Dans un autre article<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); font-size: 18px;\">\u00a0<\/span><span style=\"font-size: 18px;\"><a href=\"http:\/\/www.boichat.ch\/joomla\/index.php?option=com_content&amp;view=article&amp;id=128:restauration-complete-d-un-site-web-sur-pc&amp;catid=90&amp;Itemid=496\" target=\"_blank\" rel=\"noopener\">Restauration compl\u00e8te d&#8217;un site Web sur PC<\/a>,\u00a0<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); font-size: 18px;\">on y trouvera les r\u00e9f\u00e9rences \u00e0 <\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-size: 18px;\"><b>Joomla <\/b><\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); font-size: 18px;\">qui sont applicables.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-7d24243 e-flex e-con-boxed e-con e-parent\" data-id=\"7d24243\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4093b88 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-spacer\" data-id=\"4093b88\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a85ce62 elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"a85ce62\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e88fb4e\" data-id=\"e88fb4e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4c45a81 elementor-widget elementor-widget-text-editor\" data-id=\"4c45a81\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Ayant termin\u00e9\u00a0<a style=\"background-color: #e9f0f5; transition-property: all;\" href=\"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: bolder;\">mes premiers pas avec Elementor sous WordPress<\/span><\/a>\u00a0(voir aussi\u00a0<a style=\"background-color: #e9f0f5; transition-property: all;\" href=\"https:\/\/www.boichat.ch\/wordpress\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: bolder;\">Mes premiers pas avec mon site WordPress<\/span><\/a>), il m&#8217;est venu \u00e0 l&#8217;id\u00e9e de reprendre l&#8217;installation d&#8217;un serveur Web sur mon PC. Mon fichier\u00a0<span style=\"font-weight: bolder;\">wampmanager.exe<\/span>\u00a0\u00e9tant dat\u00e9 de septembre 2008, c&#8217;\u00e9tait aussi une opportunit\u00e9 pour moi de tout reprendre, depuis l&#8217;installation du server Web jusqu&#8217;\u00e0 l&#8217;utilisation d&#8217;<span style=\"font-weight: bold;\">Elementor<\/span>. Cette page a \u00e9t\u00e9 concoct\u00e9e avec\u00a0<span style=\"font-weight: bold;\">Elementor<\/span><\/p>\n<p>Ce document pourra aussi \u00eatre utile pour les d\u00e9butants &#8220;z\u00e9ro&#8221; avec des d\u00e9tails allant jusqu&#8217;au r\u00e9glage SEO.<\/p>\n<p>Le site de r\u00e9f\u00e9rence pour l&#8217;installation de Wampserver se trouve sur\u00a0<a style=\"background-color: #ffffff;\" href=\"https:\/\/sourceforge.net\/projects\/wampserver\/files\/\" target=\"_blank\" rel=\"noopener\">https:\/\/sourceforge.net\/projects\/wampserver\/files\/<\/a>. Je ne l&#8217;ai ni utilis\u00e9, ni install\u00e9 d\u00e9finitivement (juste un petit essai sur mon Laptop avant une d\u00e9sinstallation n\u00e9cessaire).\u00a0<\/p>\n<p>J&#8217;avais le choix entre XAMPP et Wampserver64, et j&#8217;ai pr\u00e9f\u00e9r\u00e9 utiliser XAMPP. J&#8217;avais eu autrefois quelques difficult\u00e9s avec Wampserver64 sur mon laptop, j&#8217;ai un peu regard\u00e9 quelques comparaisons sur le Web, et j&#8217;ai choisi XAMPP. J&#8217;ai fait l&#8217;installation sur un Laptop Windows et ensuite sur mon PC Windows. Pour v\u00e9rifier l&#8217;installation j&#8217;ai \u00e9videmment repris mon document\u00a0<a href=\"http:\/\/www.boichat.ch\/joomla\/index.php?option=com_content&amp;view=article&amp;id=128:restauration-complete-d-un-site-web-sur-pc&amp;catid=90&amp;Itemid=496\" target=\"_blank\" rel=\"noopener\">Restauration compl\u00e8te d&#8217;un site Web sur PC<\/a> afin de reprendre un site Web Joomla, trois sites WordPress, les quatre utilisant une seule et m\u00eame base de donn\u00e9es mySQL.<\/p>\n<p>Le fait que l&#8217;installeur de XAMPP\u00a0indique qu&#8217;un anti-virus est install\u00e9 et ralentir la chose, m&#8217;a fait comprendre que j&#8217;avais fait un bon choix. Avec Wampserver64 et un anti-virus actif on sera continuellement perturb\u00e9 par des blocage durant l&#8217;installation<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f98cae2 elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"f98cae2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d353d8d\" data-id=\"d353d8d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cd1c25c elementor-widget elementor-widget-text-editor\" data-id=\"cd1c25c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h2>Installation de XAMPP<\/h2>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8f904cd elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"8f904cd\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-535e0d6\" data-id=\"535e0d6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-322305d elementor-widget elementor-widget-text-editor\" data-id=\"322305d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Le site de r\u00e9f\u00e9rence pour l&#8217;installation se trouve sur <strong><a href=\"https:\/\/sourceforge.net\/projects\/xampp\/files\/XAMPP%20Windows\/\" target=\"_blank\" rel=\"noopener\">https:\/\/sourceforge.net\/projects\/xampp\/files\/XAMPP%20Windows\/<\/a><\/strong> avec le fichier <strong>xampp-windows-x64-7.4.10-0-VC15-installer.exe<\/strong>.<\/p>\n<p>Avant de d\u00e9buter l&#8217;installation, j&#8217;ai conserv\u00e9 le r\u00e9pertoire WWW de mon ancien Wampserver, pour y r\u00e9cup\u00e9rer \u00e9ventuellement des informations, d\u00e9sinstall\u00e9 wampserver avec unins000.exe, <strong>red\u00e9marr\u00e9 Windows <em>en stoppant mon antivirus 360 Total Security pour l&#8217;installation qui va suivre.<\/em><\/strong><\/p>\n<p>Lors de l&#8217;installation on garde tous les modules recommand\u00e9s et on choisit par exemple le r\u00e9pertoire d&#8217;installation&nbsp;<strong>D:\\xampp<\/strong>. Comme il n&#8217;y a pas de version fran\u00e7aise, ce n&#8217;est pas grave du tout, on gardera l&#8217;english! La <a href=\"https:\/\/bitnami.com\/stack\/xampp?utm_source=bitnami&amp;utm_medium=installer&amp;utm_campaign=XAMPP%2BInstaller\" target=\"_blank\" rel=\"noopener\">r\u00e9f\u00e9rence Bitnami<\/a> est int\u00e9ressante! Apr\u00e8s l&#8217;installation, nous laisserons l&#8217;installateur lanc\u00e9 la fen\u00eatre de contr\u00f4le:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4e8027a elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"4e8027a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4ca39ab\" data-id=\"4ca39ab\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bf494f7 elementor-widget elementor-widget-image\" data-id=\"bf494f7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"526\" src=\"https:\/\/www.boichat.ch\/wordpress\/wp-content\/uploads\/2020\/10\/xamppInstall1.jpg\" class=\"attachment-large size-large wp-image-1938\" alt=\"\" srcset=\"https:\/\/www.boichat.ch\/wordpress\/wp-content\/uploads\/2020\/10\/xamppInstall1.jpg 800w, https:\/\/www.boichat.ch\/wordpress\/wp-content\/uploads\/2020\/10\/xamppInstall1-300x197.jpg 300w, https:\/\/www.boichat.ch\/wordpress\/wp-content\/uploads\/2020\/10\/xamppInstall1-768x505.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5d519e5 elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"5d519e5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0de0cf1\" data-id=\"0de0cf1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6115586 elementor-widget elementor-widget-text-editor\" data-id=\"6115586\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); font-weight: var( --e-global-typography-text-font-weight ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">Nous cliquerons sur les Start d&#8217;Apache et de mySQL pour lancer le server Web et sa base de donn\u00e9es.<\/span><\/p>\n<p><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); font-weight: var( --e-global-typography-text-font-weight ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">On n&#8217;oubliera pas de r\u00e9activer l&#8217;anti-virus.<br \/>J&#8217;ai d\u00e9pos\u00e9 XAMMP Control dans ma barre d&#8217;outil inf\u00e9rieur de Windows car je l&#8217;utilise souvent et sans d\u00e9marrage automatique.<\/span><\/p>\n<p>Nous pourrons lancer l&#8217;administrateur\u00a0<a style=\"background-color: #f3f3f3; color: #235a81; font-style: var( --e-global-typography-text-font-style ); font-weight: var( --e-global-typography-text-font-weight ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform ); cursor: pointer; outline: none; font-family: sans-serif; font-size: 13.12px; text-align: center;\" href=\"http:\/\/127.0.0.1\/phpmyadmin\/index.php\"><img decoding=\"async\" style=\"border-width: 0px; border-style: initial; vertical-align: middle;\" src=\"http:\/\/127.0.0.1\/phpmyadmin\/themes\/pmahomme\/img\/logo_left.png\" alt=\"phpMyAdmin\" \/><\/a>\u00a0pour examiner notre configuration.<\/p>\n<p>On \u00e9crira une page toute simple <strong>test1.html<\/strong> avec Notepad++, id\u00e9al pour de l&#8217;HTML, dans le r\u00e9pertoire <strong>D:\\xampp\\htdocs\\html<\/strong> comme par exemple celle de\u00a0<a href=\"https:\/\/developer.mozilla.org\/fr\/docs\/Apprendre\/HTML\/%C3%89crire_une_simple_page_HTML\" target=\"_blank\" rel=\"noopener\">https:\/\/developer.mozilla.org\/fr\/docs\/Apprendre\/HTML\/%C3%89crire_une_simple_page_HTML<\/a>. L&#8217;acc\u00e8s se fera avec\u00a0<a href=\"http:\/\/127.0.0.1\/html\/test1.html\" target=\"_blank\" rel=\"noopener\">http:\/\/127.0.0.1\/html\/test1.html<\/a>.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0fd999d elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"0fd999d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f57ba9d\" data-id=\"f57ba9d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0925c5e elementor-widget elementor-widget-text-editor\" data-id=\"0925c5e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Dans mon cas j&#8217;ai install\u00e9 mon serveur XAMPP en utilisant des sites ext\u00e9rieurs (FTP de mes h\u00e9bergeurs) et base de donn\u00e9es depuis phpAdmin de mon h\u00e9bergeur. Dans mon cas le transfert FTP a pris 2 heures environs, pas seulement \u00e0 cause de la grandeurs des sites, mais surtout \u00e0 cause du nombre de fichiers!<\/p>\n<p>J&#8217;utilise <a href=\"http:\/\/www.coreftp.com\/\" target=\"_blank\" rel=\"noopener\">CoreFTP<\/a>, il est facile et solide. On peut y d\u00e9finir des scripts de t\u00e9l\u00e9chargements, comme par exemple:<\/p>\n<p><strong><span style=\"font-family: 'courier new', courier, monospace;\">D:<br \/>cd D:\\Program Files\\CoreFTP<\/span><\/strong><br \/><strong><span style=\"font-family: 'courier new', courier, monospace;\"><span style=\"color: var( --e-global-color-text ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">coreftp.exe -site New_FTP_OVH -d \/www\/javaraspberry -p I:\\download<br \/><\/span><span style=\"color: var( --e-global-color-text ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">coreftp.exe -site New_FTP_OVH -d \/www\/images -p I:\\download<br \/><\/span><\/span><\/strong><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); font-weight: var( --e-global-typography-text-font-weight ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\"><strong><span style=\"font-family: 'courier new', courier, monospace;\">pause<\/span><\/strong>\u00a0<\/span><\/p>\n<p>Le site <strong><span style=\"font-family: 'courier new', courier, monospace;\"><span style=\"color: var( --e-global-color-text ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">New_FTP_OVH<\/span><\/span><\/strong> correspond \u00e0 la configuration FTP que nous avons d\u00e9fini pour acc\u00e9der \u00e0 ce site via le GUI de CoreFTP.<br \/>Ici deux r\u00e9pertoires de mon site viendront t\u00e9l\u00e9charger sur le disque de mon PC dans le r\u00e9pertoire\u00a0I:\\download.<br \/>Le d\u00e9roulement du t\u00e9l\u00e9chargement se fera comme si nous avions lanc\u00e9 l&#8217;application CoreFTP mais sans risque de transf\u00e9rer ou d\u00e9placer des fichiers \u00e0 de mauvais endroits.\u00a0<\/p>\n<p>Attention de mettre les r\u00e9pertoires dans htdocs (sous wampserser) c&#8217;est www. Par exemple:\u00a0D:\\xampp\\htdocs\\wordpress pour mon site WordPress principal (R\u00e9f\u00e9rence: <a href=\"https:\/\/www.boichat.ch\/wordpress\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.boichat.ch\/wordpress\/<\/a>).<br \/>Il y a plusieurs technique lorsque la base de donn\u00e9es est trop grande: cr\u00e9\u00e9 un fichier zip (l&#8217;import de XAMPP) de permet o\u00f9 faire de petits morceaux!<br \/>Je ne d\u00e9crirai pas cette partie.<br \/>Voir:\u00a0\u00a0<a style=\"font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); font-weight: var( --e-global-typography-text-font-weight ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform ); background-color: #ffffff;\" href=\"http:\/\/www.boichat.ch\/joomla\/index.php?option=com_content&amp;view=article&amp;id=128:restauration-complete-d-un-site-web-sur-pc&amp;catid=90&amp;Itemid=496\" target=\"_blank\" rel=\"noopener\">Restauration compl\u00e8te d&#8217;un site Web sur PC<\/a><br \/><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); font-weight: var( --e-global-typography-text-font-weight ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">Lorsque j&#8217;ai eu termin\u00e9: mon site Joomla \u00e9tait visible sur mon PC ainsi que mes sites WordPress.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9bb162a elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"9bb162a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f1d52ea\" data-id=\"f1d52ea\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d42df77 elementor-widget elementor-widget-text-editor\" data-id=\"d42df77\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h2>Un nouveau site WordPress<\/h2>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8d7d666 elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"8d7d666\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-113f1d6\" data-id=\"113f1d6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ee5256e elementor-widget elementor-widget-text-editor\" data-id=\"ee5256e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>L&#8217;article Introduction: <a href=\"https:\/\/www.boichat.ch\/wordpress\/2020\/09\/28\/introduction-mes-premiers-pas-avec-wordpress-elementor\/\" target=\"_blank\" rel=\"noopener\">Mes premiers pas avec WordPress Elementor<\/a> donne aussi des informations sur la migration \u00e0 WordPress. Ces derni\u00e8res peuvent \u00eatre compl\u00e9mentaires \u00e0 ce qui est d\u00e9crit ici.<\/p>\n<p>M\u00eame si on a d\u00e9j\u00e0 un site WordPress, on aura peut-\u00eatre envie d&#8217;en refaire un nouveau, simplement pour utiliser d&#8217;autres th\u00e8mes et extensions, ou simplement continuer ou reprendre son apprentissage sans tout casser son site pr\u00e9c\u00e9dent!<\/p>\n<p>Nous trouverons le fichier d&#8217;installation sur <a href=\"https:\/\/wordpress.org\/download\/\" target=\"_blank\" rel=\"noopener\">https:\/\/wordpress.org\/download\/<\/a>, wordpress-5.5.1.zip dans mon cas.<br \/>J&#8217;ai choisi le r\u00e9pertoire <strong>wptest<\/strong>, c&#8217;est \u00e0 dire <strong>D:\\xampp\\htdocs\\wptest<\/strong> pour moi, et d\u00e9compress\u00e9 les contenu du fichier zip (les fichiers wp_*.php et autres seront donc dans le r\u00e9pertoire <strong>wptest).<br \/><br \/><\/strong>Avant de d\u00e9marrer l&#8217;installation, il nous faut cr\u00e9er une base de donn\u00e9es avec <a href=\"http:\/\/127.0.0.1\/phpmyadmin\/\" target=\"_blank\" rel=\"noopener\">http:\/\/127.0.0.1\/phpmyadmin\/<\/a>, l&#8217;administrateur de notre base de donn\u00e9es locale mySQL. Nous donnerons le nom <strong>wptest<\/strong> \u00e0 notre nouvelle base de donn\u00e9es avec l&#8217;interclassement <strong>utf8_general_ci<\/strong>.<\/p>\n<p>Pour l&#8217;installation nous utiliserons le lien <a href=\"http:\/\/127.0.0.1\/wptest\/\" target=\"_blank\" rel=\"noopener\">http:\/\/127.0.0.1\/wptest\/<\/a> (notre server XAMPP doit \u00eatre actif (Apache et mySQL)). Apr\u00e8s la sp\u00e9cification de la langue fran\u00e7aise, nous recevrons l&#8217;invitation:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-051a7e2 elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"051a7e2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9eb2a82\" data-id=\"9eb2a82\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-da51b88 elementor-widget elementor-widget-image\" data-id=\"da51b88\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"494\" src=\"https:\/\/www.boichat.ch\/wordpress\/wp-content\/uploads\/2020\/10\/installWordpress1.jpg\" class=\"attachment-large size-large wp-image-1979\" alt=\"\" srcset=\"https:\/\/www.boichat.ch\/wordpress\/wp-content\/uploads\/2020\/10\/installWordpress1.jpg 800w, https:\/\/www.boichat.ch\/wordpress\/wp-content\/uploads\/2020\/10\/installWordpress1-300x185.jpg 300w, https:\/\/www.boichat.ch\/wordpress\/wp-content\/uploads\/2020\/10\/installWordpress1-768x474.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d1f706a elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"d1f706a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e572b0d\" data-id=\"e572b0d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c44095e elementor-widget elementor-widget-text-editor\" data-id=\"c44095e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Nous recevrons une invitation pour<strong> Lancer l&#8217;installation<\/strong>, magnifique!<br \/>Nous donnerons ensuite un identifiant, par exemple WordPress test ainsi qu&#8217;un utilisateur et un mot de passe \u00e0 conserver. Nous indiquerons notre adresse Email et cocherons <em>Demander aux moteurs de recherche de ne pas indexer ce site<\/em>.<br \/>Nous cliquerons ensuite sur le bouton pour d\u00e9marrer l&#8217;installation.<br \/>A la fin de l&#8217;installation nous pourrons visionner la page principale du site: <a href=\"http:\/\/127.0.0.1\/wptest\/\" target=\"_blank\" rel=\"noopener\">http:\/\/127.0.0.1\/wptest\/<\/a>.<\/p>\n<p>La &#8220;home&#8221; page de cette premi\u00e8re installation est configur\u00e9e sur l&#8217;article <strong>Bonjour tout le monde ! que\u00a0<br \/><\/strong><\/p>\n<p><strong>http:\/\/127.0.0.1\/wptest\/wp-admin\/ &#8230;. avec l&#8217;utilisateur et le mot de passe sp\u00e9cifi\u00e9 lors de l&#8217;installation.<\/strong><\/p>\n<p>Sans autre configuration, et pour la version que j&#8217;ai install\u00e9 il est possible de d\u00e9buter avec le dernier th\u00e8me standard install\u00e9: <b>Twenty Twenty<\/b>. Pour mes sites WordPress j&#8217;ai utilis\u00e9 le th\u00e8me <b>Customify, <\/b>comme d\u00e9crit dans l&#8217;article <a href=\"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/\" target=\"_blank\" rel=\"noopener\">WordPress avec le th\u00e8me Customify<\/a>. Nous retrouvons d&#8217;ailleurs ce th\u00e8me dans la liste des th\u00e8mes conseill\u00e9s et utilisable avec Elementor: <a href=\"https:\/\/themeisle.com\/blog\/best-free-elementor-themes\/\" target=\"_blank\" rel=\"noopener\">10 of the Best Free Elementor Themes in 2020<\/a>.<\/p>\n<p>\u00a0<\/p>\n<p>La premi\u00e8re extension essentiel pour d\u00e9buter avec Elementor c&#8217;est son extension: <strong>Elementor Website Builder<\/strong>. Nous la t\u00e9l\u00e9chargerons avec le menu du tableau de bord de WordPress: Extension \/ Ajouter \/ T\u00e9l\u00e9verser une extension et la rechercher avec &#8220;Rechercher des extensions &#8230;&#8221;. Nous l&#8217;installerons et l&#8217;activerons!<\/p>\n<p>Afin de permettre le confort id\u00e9al pour l&#8217;\u00e9dition des marges internes des sections d&#8217;Elementor, il faudra installer l&#8217;extension\u00a0Style Kits for Elementor (par \u00a0AnalogWP). En naviguant dans\u00a0R\u00e9glage du site (les trois barres horizontales en haut \u00e0 gauche (appel\u00e9 Menu Hamburger!) lors de l&#8217;\u00e9dition d&#8217;une page),\u00a0 nous pourrons alors choisir les espaces dans les sections avec Outer Section Padding.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a7e3a8e elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"a7e3a8e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4fb759e\" data-id=\"4fb759e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-545f6b7 elementor-widget elementor-widget-text-editor\" data-id=\"545f6b7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h2>Installation de Joomla<\/h2>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-98c9f22 elementor-section-boxed ang-section-padding-initial elementor-section-height-default elementor-section-height-default\" data-id=\"98c9f22\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b8bc89b\" data-id=\"b8bc89b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e5eba58 elementor-widget elementor-widget-text-editor\" data-id=\"e5eba58\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Nous ferons l&#8217;installation \u00e0 partir de\u00a0 <a href=\"https:\/\/downloads.joomla.org\/latest\" target=\"_blank\" rel=\"noopener\">https:\/\/downloads.joomla.org\/latest<\/a> et nous unziperons le contenu dans D:\\wamp64\\www\\joomla.\u00a0<br \/>Une description de l&#8217;installation de Joomla se trouve sur\u00a0<a href=\"https:\/\/docs.joomla.org\/J3.x:Installing_Joomla\/fr\" target=\"_blank\" rel=\"noopener\">https:\/\/docs.joomla.org\/J3.x:Installing_Joomla\/fr<\/a>.<\/p>\n<p>On fera l&#8217;installation avec\u00a0<a href=\"http:\/\/127.0.0.1\/joomla\/installation\/index.php\" target=\"_blank\" rel=\"noopener\">http:\/\/127.0.0.1\/joomla\/installation\/index.php<\/a>.<\/p>\n<p>Bien relire le paragraphe &#8220;Adapter la configuration pour Joomla&#8221; la page<span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); font-weight: var( --e-global-typography-text-font-weight ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">\u00a0<\/span><a style=\"font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); font-weight: var( --e-global-typography-text-font-weight ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform ); background-color: #ffffff;\" href=\"http:\/\/www.boichat.ch\/joomla\/index.php?option=com_content&amp;view=article&amp;id=128:restauration-complete-d-un-site-web-sur-pc&amp;catid=90&amp;Itemid=496\" target=\"_blank\" rel=\"noopener\">Restauration compl\u00e8te d&#8217;un site Web sur PC<\/a><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); font-weight: var( --e-global-typography-text-font-weight ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">\u00a0<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: var( --e-global-typography-text-font-size ); font-style: var( --e-global-typography-text-font-style ); font-weight: var( --e-global-typography-text-font-weight ); letter-spacing: var( --e-global-typography-text-letter-spacing ); text-transform: var( --e-global-typography-text-text-transform );\">: pour un d\u00e9part avec une installation sans donn\u00e9es, il y a plusieurs possibilit\u00e9s, mais l&#8217;existence d&#8217;une base de donn\u00e9es est n\u00e9cessaire.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Installation de Xampp, Wampserver, WordPress et Elementor Je dois encore r\u00e9viser ce document datant de 2020. Je n&#8217;utilise plus Wampserver et l&#8217;article\u00a0WordPress \u2013 D\u00e9buter sur&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"om_disable_all_campaigns":false,"ngg_post_thumbnail":0,"footnotes":""},"categories":[16,3],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Installation de XAMPP (Wampserver), Wordpress et Elementor - Jean-Bernard Boichat<\/title>\n<meta name=\"description\" content=\"Description de l&#039;installation de Xampp, ou de Wampserver, de WordPress et d&#039;Elementor. Des astuces, des recommendations, ....\" \/>\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.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Installation de XAMPP (Wampserver), Wordpress et Elementor - Jean-Bernard Boichat\" \/>\n<meta property=\"og:description\" content=\"Description de l&#039;installation de Xampp, ou de Wampserver, de WordPress et d&#039;Elementor. Des astuces, des recommendations, ....\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Jean-Bernard Boichat\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-03T07:59:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-06T09:47:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.boichat.ch\/wordpress\/wp-content\/uploads\/2020\/10\/xamppInstall1.jpg\" \/>\n<meta name=\"author\" content=\"Jean-Bernard Boichat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jean-Bernard Boichat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/\"},\"author\":{\"name\":\"Jean-Bernard Boichat\",\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751\"},\"headline\":\"Installation de XAMPP (Wampserver), WordPress et Elementor\",\"datePublished\":\"2020-10-03T07:59:27+00:00\",\"dateModified\":\"2025-04-06T09:47:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/\"},\"wordCount\":1495,\"publisher\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751\"},\"articleSection\":[\"Elementor\",\"Wordpress\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/\",\"url\":\"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/\",\"name\":\"Installation de XAMPP (Wampserver), Wordpress et Elementor - Jean-Bernard Boichat\",\"isPartOf\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#website\"},\"datePublished\":\"2020-10-03T07:59:27+00:00\",\"dateModified\":\"2025-04-06T09:47:09+00:00\",\"description\":\"Description de l'installation de Xampp, ou de Wampserver, de WordPress et d'Elementor. Des astuces, des recommendations, ....\",\"breadcrumb\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/www.boichat.ch\/wordpress\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Installation de XAMPP (Wampserver), WordPress et Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#website\",\"url\":\"https:\/\/www.boichat.ch\/wordpress\/\",\"name\":\"Jean-Bernard Boichat\",\"description\":\"Mon site WordPress\",\"publisher\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.boichat.ch\/wordpress\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751\",\"name\":\"Jean-Bernard Boichat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/862886ce35a52b9d13595e18ac3c3ea5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/862886ce35a52b9d13595e18ac3c3ea5?s=96&d=mm&r=g\",\"caption\":\"Jean-Bernard Boichat\"},\"logo\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Installation de XAMPP (Wampserver), Wordpress et Elementor - Jean-Bernard Boichat","description":"Description de l'installation de Xampp, ou de Wampserver, de WordPress et d'Elementor. Des astuces, des recommendations, ....","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.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/","og_locale":"fr_FR","og_type":"article","og_title":"Installation de XAMPP (Wampserver), Wordpress et Elementor - Jean-Bernard Boichat","og_description":"Description de l'installation de Xampp, ou de Wampserver, de WordPress et d'Elementor. Des astuces, des recommendations, ....","og_url":"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/","og_site_name":"Jean-Bernard Boichat","article_published_time":"2020-10-03T07:59:27+00:00","article_modified_time":"2025-04-06T09:47:09+00:00","og_image":[{"url":"https:\/\/www.boichat.ch\/wordpress\/wp-content\/uploads\/2020\/10\/xamppInstall1.jpg"}],"author":"Jean-Bernard Boichat","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Jean-Bernard Boichat","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/#article","isPartOf":{"@id":"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/"},"author":{"name":"Jean-Bernard Boichat","@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751"},"headline":"Installation de XAMPP (Wampserver), WordPress et Elementor","datePublished":"2020-10-03T07:59:27+00:00","dateModified":"2025-04-06T09:47:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/"},"wordCount":1495,"publisher":{"@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751"},"articleSection":["Elementor","Wordpress"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/","url":"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/","name":"Installation de XAMPP (Wampserver), Wordpress et Elementor - Jean-Bernard Boichat","isPartOf":{"@id":"https:\/\/www.boichat.ch\/wordpress\/#website"},"datePublished":"2020-10-03T07:59:27+00:00","dateModified":"2025-04-06T09:47:09+00:00","description":"Description de l'installation de Xampp, ou de Wampserver, de WordPress et d'Elementor. Des astuces, des recommendations, ....","breadcrumb":{"@id":"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.boichat.ch\/wordpress\/2020\/10\/03\/installation-de-xampp-wordpress-et-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.boichat.ch\/wordpress\/"},{"@type":"ListItem","position":2,"name":"Installation de XAMPP (Wampserver), WordPress et Elementor"}]},{"@type":"WebSite","@id":"https:\/\/www.boichat.ch\/wordpress\/#website","url":"https:\/\/www.boichat.ch\/wordpress\/","name":"Jean-Bernard Boichat","description":"Mon site WordPress","publisher":{"@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.boichat.ch\/wordpress\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":["Person","Organization"],"@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751","name":"Jean-Bernard Boichat","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/862886ce35a52b9d13595e18ac3c3ea5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/862886ce35a52b9d13595e18ac3c3ea5?s=96&d=mm&r=g","caption":"Jean-Bernard Boichat"},"logo":{"@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/posts\/1871"}],"collection":[{"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/comments?post=1871"}],"version-history":[{"count":0,"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/posts\/1871\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/media?parent=1871"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/categories?post=1871"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/tags?post=1871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}