migration site WordPress

582-518MO/exercices/wp-groupe-musicaux/index.html

@@ -104,7 +104,7 @@ <h3>Matériel</h3>
         <div class="intlink__item">
             <div class="intlink__item__icon" style="background-image: url(../../wordpress/medias/icon.webp);"></div>
             <div class="intlink__item__description">
-                <span class="intlink__item__title"><a target="_blank" href="../../wordpress/migration-de-donnees/">Migration de données</a></span>
+                <span class="intlink__item__title"><a target="_blank" href="../../wordpress/migration-de-donnees/">Migration de données des pages</a></span>
                 <span class="intlink__item__abstract">Migrer les données d'un site WordPress vers un autre</span>
             </div>
         </div>

582-518MO/exercices/wp-query-les-bagnoles/index.html

@@ -191,7 +191,7 @@ <h3 class="heading heading--h3" id="Médias 🖼️">Médias 🖼️</h3>
         <div class="intlink__item">
             <div class="intlink__item__icon" style="background-image: url(../../wordpress/medias/icon.webp);"></div>
             <div class="intlink__item__description">
-                <span class="intlink__item__title"><a target="_blank" href="../../wordpress/migration-de-donnees/">Migration de données</a></span>
+                <span class="intlink__item__title"><a target="_blank" href="../../wordpress/migration-de-donnees/">Migration de données des pages</a></span>
                 <span class="intlink__item__abstract">Migrer les données d'un site WordPress vers un autre</span>
             </div>
         </div>

582-518MO/exercices/wp-rest-api-vice-versa/index.html

@@ -175,7 +175,7 @@ <h3 class="heading heading--h3" id="Médias 🖼️">Médias 🖼️</h3>
         <div class="intlink__item">
             <div class="intlink__item__icon" style="background-image: url(../../wordpress/medias/icon.webp);"></div>
             <div class="intlink__item__description">
-                <span class="intlink__item__title"><a target="_blank" href="../../wordpress/migration-de-donnees/">Migration de données</a></span>
+                <span class="intlink__item__title"><a target="_blank" href="../../wordpress/migration-de-donnees/">Migration de données des pages</a></span>
                 <span class="intlink__item__abstract">Migrer les données d'un site WordPress vers un autre</span>
             </div>
         </div>

582-518MO/wiki-2023/index.html

@@ -1109,7 +1109,7 @@ <h2>WORDPRESS</h2>
             <div class="intlink__item">
             <div class="intlink__item__icon" style="background-image: url(../wordpress/medias/icon.webp);"></div>
             <div class="intlink__item__description">
-                <span class="intlink__item__title"><a target="_blank" href="../wordpress/migration-de-donnees/">Migration de données</a></span>
+                <span class="intlink__item__title"><a target="_blank" href="../wordpress/migration-de-donnees/">Migration de données des pages</a></span>
                 <span class="intlink__item__abstract">Migrer les données d'un site WordPress vers un autre</span>
             </div>
         </div>

582-518MO/wiki-2024/index.html

@@ -1950,7 +1950,7 @@ <h2>WORDPRESS</h2>
             <div class="intlink__item">
             <div class="intlink__item__icon" style="background-image: url(../wordpress/medias/icon.webp);"></div>
             <div class="intlink__item__description">
-                <span class="intlink__item__title"><a target="_blank" href="../wordpress/migration-de-donnees/">Migration de données</a></span>
+                <span class="intlink__item__title"><a target="_blank" href="../wordpress/migration-de-donnees/">Migration de données des pages</a></span>
                 <span class="intlink__item__abstract">Migrer les données d'un site WordPress vers un autre</span>
             </div>
         </div>

582-518MO/wordpress/images-dans-modeles/_index.php

@@ -4,7 +4,7 @@
  * @title    Affichage des images
  * @icon     ../medias/icon.webp
  * @abstract Contrôler l'affichage des images dans un modèle du thème
- * @index    0
+ * @index    90
  * @ref      web/wordpress
  */
 ?>

582-518MO/wordpress/index.html

@@ -91,6 +91,12 @@
                                 <span class="list-grid__item__title"><a href="partiels/">Partiels d'un thème WP</a></span>
                                 <span class="list-grid__item__abstract">Extrait de code à importer dans plus d'un modèle</span>
                             </div>
+                        </div>                        <div class="list-grid__item">
+                            <div class="list-grid__item__icon" style="background-image: url(images-dans-modeles/../medias/icon.webp);"></div>
+                            <div class="list-grid__item__description">
+                                <span class="list-grid__item__title"><a href="images-dans-modeles/">Affichage des images</a></span>
+                                <span class="list-grid__item__abstract">Contrôler l'affichage des images dans un modèle du thème</span>
+                            </div>
                         </div>                        <div class="list-grid__item">
                             <div class="list-grid__item__icon" style="background-image: url(menus/../medias/icon.webp);"></div>
                             <div class="list-grid__item__description">
@@ -127,18 +133,6 @@
                                 <span class="list-grid__item__title"><a href="yoast-seo/">Yoast-SEO</a></span>
                                 <span class="list-grid__item__abstract">Optimisation des moteurs de recherche (SEO)</span>
                             </div>
-                        </div>                        <div class="list-grid__item">
-                            <div class="list-grid__item__icon" style="background-image: url(wp-editeur-gutenberg/../medias/icon.webp);"></div>
-                            <div class="list-grid__item__description">
-                                <span class="list-grid__item__title"><a href="wp-editeur-gutenberg/">Éditeur Gutenberg</a></span>
-                                <span class="list-grid__item__abstract">Outil de mise-en-page par bloc</span>
-                            </div>
-                        </div>                        <div class="list-grid__item">
-                            <div class="list-grid__item__icon" style="background-image: url(migration-de-donnees/../medias/icon.webp);"></div>
-                            <div class="list-grid__item__description">
-                                <span class="list-grid__item__title"><a href="migration-de-donnees/">Migration de données</a></span>
-                                <span class="list-grid__item__abstract">Migrer les données d'un site WordPress vers un autre</span>
-                            </div>
                         </div>                        <div class="list-grid__item">
                             <div class="list-grid__item__icon" style="background-image: url(wp-query/../medias/icon.webp);"></div>
                             <div class="list-grid__item__description">
@@ -152,10 +146,22 @@
                                 <span class="list-grid__item__abstract">Accéder aux contenus en JavaScript via des JSON</span>
                             </div>
                         </div>                        <div class="list-grid__item">
-                            <div class="list-grid__item__icon" style="background-image: url(images-dans-modeles/../medias/icon.webp);"></div>
+                            <div class="list-grid__item__icon" style="background-image: url(wp-editeur-gutenberg/../medias/icon.webp);"></div>
                             <div class="list-grid__item__description">
-                                <span class="list-grid__item__title"><a href="images-dans-modeles/">Affichage des images</a></span>
-                                <span class="list-grid__item__abstract">Contrôler l'affichage des images dans un modèle du thème</span>
+                                <span class="list-grid__item__title"><a href="wp-editeur-gutenberg/">Éditeur Gutenberg</a></span>
+                                <span class="list-grid__item__abstract">Outil de mise-en-page par bloc</span>
+                            </div>
+                        </div>                        <div class="list-grid__item">
+                            <div class="list-grid__item__icon" style="background-image: url(migration-de-donnees/../medias/icon.webp);"></div>
+                            <div class="list-grid__item__description">
+                                <span class="list-grid__item__title"><a href="migration-de-donnees/">Migration de données des pages</a></span>
+                                <span class="list-grid__item__abstract">Migrer les données d'un site WordPress vers un autre</span>
+                            </div>
+                        </div>                        <div class="list-grid__item">
+                            <div class="list-grid__item__icon" style="background-image: url(migration-site-bd-wp/../medias/icon.webp);"></div>
+                            <div class="list-grid__item__description">
+                                <span class="list-grid__item__title"><a href="migration-site-bd-wp/">Migration d'une installation WP</a></span>
+                                <span class="list-grid__item__abstract">Migration une installation complète de WP</span>
                             </div>
                         </div>
 

582-518MO/wordpress/migration-de-donnees/_index.php

@@ -1,21 +1,23 @@
 <?php 
 /**
  * @type     article
- * @title    Migration de données
+ * @title    Migration de données des pages
  * @icon     ../medias/icon.webp
  * @abstract Migrer les données d'un site WordPress vers un autre
  * @index    13
  * @ref      web/wordpress
  */
 ?>
 
+<alert>Il faut bien comprendre que cet article traite de la façon de migrer les données (content) du CMS, c'est à dire le contenu des pages et des articles. Cette technique ne transférera pas toutes les configurations que vous aurez faites dans l'interface d'adminitration de Wordpress, ni les menus, ni les configurations sur le thème etc.</alert>
 
-<p>WordPress permet nativement de migrer les données d'un site WordPress vers un autre. Cependant, cet outil ne fait que transférer les données stockées dans une base de données vers une autre. </p>
+<p>WordPress permet nativement de migrer les données d'un site WordPress vers un autre. Cependant, cet outil ne fait que transférer les données stockées dans une base de données vers une autre.</p>
 
 <p>Autrement dit, si une extension stocke des informations ailleurs que dans la base de données associée au projet, par exemple dans un fichier JSON, ces informations ne seront pas transférées lors de la migration, donc perdues. </p>
 
 <p>Qui plus est, même si les données sont migrées dans la nouvelle base de données, WordPress nécessitera quand même une structure lui indiquant le lien entre ces données et le site lui-même. Pour ce faire, plusieurs extensions offrent une option d'importation/exportation. Cette option permet de récupérer la structure créée par l'extension et de la copier d'une instance WordPress vers une autre. </p>
 
+
 <p>Avant d'utiliser l'outil de migration de WordPress, il est primordial: </p>
 
 <ol start="1">

582-518MO/wordpress/migration-de-donnees/index.html

@@ -31,7 +31,7 @@
         <script src="../../../shared/jscripts/vue.global.prod.js"></script>
         <script src="../../../shared/jscripts/timdoc.min.js"></script>
         <script>const shared = '../../../shared/';</script>
-        <title>Migration de données</title>
+        <title>Migration de données des pages</title>
     </head>
     <body>
         <script>document.body.classList.add(localStorage.getItem('darkmode') === 'true' ? 'dark' : 'light');</script>
@@ -51,19 +51,21 @@
                     <div id="breadcrumb_normal"><a href="../../">Projet Web</a> > <a href="../">WordPress</a> ></div>
                     <div id="breadcrumb_index"><a href="../../../index/">Index des connaissances</a>&nbsp;>&nbsp;<a href="../../../index/web/">Web</a>&nbsp;>&nbsp;<a href="../../../index/web/wordpress/">WordPress</a>&nbsp;>&nbsp;</div>
                 </div>
-                <h1 id="title"><img src="../medias/icon.webp">&nbsp;Migration de données</h1>
+                <h1 id="title"><img src="../medias/icon.webp">&nbsp;Migration de données des pages</h1>
             </div>
             <article>
                 <div id="contents">
                     <!-- ARTICLE HEADER EOF -->
 
+<alert>Il faut bien comprendre que cet article traite de la façon de migrer les données (content) du CMS, c'est à dire le contenu des pages et des articles. Cette technique ne transférera pas toutes les configurations que vous aurez faites dans l'interface d'adminitration de Wordpress, ni les menus, ni les configurations sur le thème etc.</alert>
 
-<p>WordPress permet nativement de migrer les données d'un site WordPress vers un autre. Cependant, cet outil ne fait que transférer les données stockées dans une base de données vers une autre. </p>
+<p>WordPress permet nativement de migrer les données d'un site WordPress vers un autre. Cependant, cet outil ne fait que transférer les données stockées dans une base de données vers une autre.</p>
 
 <p>Autrement dit, si une extension stocke des informations ailleurs que dans la base de données associée au projet, par exemple dans un fichier JSON, ces informations ne seront pas transférées lors de la migration, donc perdues. </p>
 
 <p>Qui plus est, même si les données sont migrées dans la nouvelle base de données, WordPress nécessitera quand même une structure lui indiquant le lien entre ces données et le site lui-même. Pour ce faire, plusieurs extensions offrent une option d'importation/exportation. Cette option permet de récupérer la structure créée par l'extension et de la copier d'une instance WordPress vers une autre. </p>
 
+
 <p>Avant d'utiliser l'outil de migration de WordPress, il est primordial: </p>
 
 <ol start="1">

582-518MO/wordpress/migration-site-bd-wp/_index.php

@@ -0,0 +1,30 @@
+<?php 
+/**
+ * @type     article
+ * @title    Migration complète d'une installation WP
+ * @icon     ../medias/icon.webp
+ * @abstract Migration une installation complète de WP
+ * @index    11
+ * @ref      web/wordpress
+ */
+?>
+<ol>
+  <li>Depuis l'ordinateur initial: Sauvegardez <em>le dossier contenant les fichiers de votre installation WordPress</em> sur votre outil de sauvegarde habituelle (cloud, clé USB, disque dur externe). Le contenu du dossier en question, devrait ressembler à ceci: <img src="images/installation-wp.jpg" alt="liste de fichiers de bases d'une installation WordPress" style="width: 200px;"></li>
+  <li>Depuis l'ordinateur initial: Exportez votre base de données via phpMyAdmin. Vous pouvez enregister le fichier d'export .sql à côté de votre dossier de projet que vous avez précédement enregistré.<img src="images/export-phpmyadmin.webp" alt="export bd">  </li>
+  <li>Sur le nouvel ordinateur: Installez MAMP (si ce n'est pas déjà fait).</li>
+  <li>Dans htdocs, dupliquez <em>le dossier contenant les fichiers de votre installation WordPress</em>.</li>
+  <li>Depuis votre dossier de projet, supprimez votre fichier <em>wp-config.php</em></li>
+  <li>Sur le nouvel ordinateur: allez dans phpMyAdmin et créez une nouvelle base de données toute fraîche, idéalement avec le même nom que votre base de données initiale. </li>
+  <li>Toujours dans phpMyAdmin, positionné sur votre nouvelle base de donnée fraîchement créée, importez votre fichier d'export (le fichier avec extention .sql).</li>
+
+  <li>Rendez vous sur localhost/LeCheminDAccesPourSeRendreAuDossierDeProjet</li>
+  <li>Suivez les instructions (nom de BD, root, root, localhost, wp-)</li>
+
+</ol>
+
+
+
+  <alert>Si l'avant dernière étape retourne une erreur c'est que votre configuration MAMP n'est pas pareille à celle de l'école et dont le URL est différent. Ainsi, à la place de <span class='inline-code'>localhost:81/abc</span> il est souvent possible que votre url n'affiche que <span class='inline-code'>localhost/abc</span>. Pour remédier à ce problème, vous devez ouvrir phpMyAdmin, ouvrir la table <em>wp-options</em> et éditer <em>siteurl</em> avec le url de votre installation actuelle. Vous devez aussi faire la même chose pour <em>home</em> (dans la même table).</alert>
+
+
+<warning>Autre problème possible: votre navigateur vous retourne toujours vers <span class='inline-code'>localhost:81/abc</span> même si vous tapper <span class='inline-code'>localhost/abc</span>. Si tel est le cas, vous devez vider la cache de votre navigateur. Pour développer votre débrouillardise, je vous laisse trouver comme le faire, vous avez les outils pour trouver.</warning>