Monthly Archives

décembre 2017

extension All-In-One WP Migration icon-256x256

Migration de site WordPress via l’extension All-In-One WP Migration, étape par étape

By | Hébergeurs, Migration

Introduction de l’extension All-In-One WP Migration

Je recherchai depuis un certain temps comment après avoir développé un site sur l’excellent système WAMP (*) et MAMP (*) qu’est LOCAL by Flywheel, de pouvoir l’importer dans un hébergement en ligne. J’avoue que l’extension All-In-One WP Migration a répondu a mes attentes en terme de simplicité.

Son gros avantage est qu’il exporte tout en une seule Archive, c.a.d. la Base de Données, les Fichiers, …. et vous n’avez pas besoin de vous occupez de paramètres compliqués comme par exemple les noms de domaine, impliquant les liens sur vos pages ..

L’extension WordPress All-In-One WP Migration a été testé sur plusieurs hébergeurs comme OVH, 1 and 1, GoDaddy … CF l’article sur choix d’un hébergeur.

Autres cas d’applications

  • Livrer un site à votre client
  • passer d’un site en Développement à un site en Production
  • migrer d’un nom de domaine à un autre

Prérequis pour l’extension All-In-One WP Migration

Il faut bien comprendre qu’un site Internet WordPress est composé de 2 éléments principaux résumé dans le schéma ci-dessous :

  • Une base de données
  • Un systèmes de fichiers avec les répertoires standards que sont : /www/wp-admin, /www/wp-content …

WordPress Schema de Migration

Schéma: de Migration d'un site WordPress à un autre

Vous avez donc besoin de 2 installations différentes de WordPress, l’une que l’on va nommer « Origine » l’autre « Destination »

  • l’installation WordPress « Origine » est celle qui contient votre site
  • l’installation WordPress « Destination » qui va recevoir le site d’origine
    devra être vierge car s’il y a un site existant, il va être effacé.

Maintenant l’on va installer l’extension « All-In-One Migration » sur les 2 sites WordPress

Installation de l’extension All-In-One WP Migration

A/ Dans votre site WordPress « Origine »

Comme pour chaque extension (plug-ins) WordPress, il suffit de se rendre sur la page dédier à cela depuis votre back-office WordPress :

  1. puis d’aller au menu : Extensions
  2. puis d’appuyer sur le bouton « Ajouter« 
  3. puis de recherhcer « All-in-One WP Migration« 
  4. puis d’appuyer sur le bouton « Installer« 
  5. puis d’appuyer sur le bouton « Activer« 

B/ Dans votre site WordPress « Destination »

Répéter ces actions dans votre site WordPress de Destination (Cible de la migration)

 

Voilà les phases d’installation et d’activation sont maintenant terminées.

Exportation

Dans votre Site d’« Origine »

All-In-One WP Migration Export

Les étapes à suivre:

  1. Aller dans le Menu « All-In-One Migration » de votre back-office WordPress
  2. puis cliquer sur Export
  3. Là vous avez la possibilité de choisir certains paramètres optionnels en cliquant sur « Advanced options »
    All-in-One WP Migration - Export - options
  4. puis cliquer sur « File » ou tout autre système où vous souhaiteriez exporter votre ficher d’export
  5. Là il va faire un certains nombres de vérifications
    All-In-One Migration - Export - Archive
    laisser le faire jusqu’à ce que vous avez cette écran :
    All-in-One WP Migration - Export - fait
  6. puis cliquer sur le bouton vert « Download …<Votre Site> » en enregistrer le fichier sur votre ordinateur, dropbox …

Voilà la phase d’exportation de votre site d' »Origine » est maintenant terminée.

Importation

Dans votre Site de « Destination »:

All-In-One WP Migration Export

La durée d’importation

La durée de la phase d’import dépend d’un certains nombres de facteurs comme:

  • la taille de votre sauvegarde,
  • votre bande passante

FYI (*) : Je suis sur un ADSL (tout pourri), l’import à durée 10 à 15 min pour une archive >200Mo

Les étapes à suivre:

  • Aller dans le Menu « All-In-One Migration » de votre back-office WordPress
  • puis cliquer sur Import
  • puis choisissez IMPORT FROM FILE ou copier/coller votre fichier précédemment exporté qui a l’extension « <nom de votre archive>.wpress« 
  • Un message d’avertissement  vous informe que si un site exite déjà sur votre site de « Destination » alors il sera effacé
    All-In-One Migration - Import Fin
  • puis cliquer sur « PROCEED« , Le transfert de l’archive « <nom de votre archive>.wpress » se lance:
  • Une fois le fichier téléchargé dans votre site WordPress de Destination, certaines vérifications sont à l’oeuvre:
    All-In-One Migration - Restauration verification
  • puis enfin le dernier écran vous demande de sauvegarder 2x vos permaliens:
    All-In-One Migration - Restauration Succès
  • pour cela cliquer sur le lien qu’il vous propose, connectez-vous, vous serez automatiquement amener sur l’interface d’administration de votre WordPress de « Destination« et cliquer bien 2x sur le bouton Enregistrer les modifications
    FYI: cette étape n’a duré que 2 minutes

Conclusion de l’extension All-In-One WP Migration

J’ai donc retrouvé mon site et il est maintenant en Production, près à être utilisé.

Il me semble que s’est l’une des extensions de migration de site WordPress les plus simple à utiliser.

Sauvegarde de votre site WordPress

Cerise sur le gâteau, l’option « BACKUP » dans le menu de « All-In-One Migration« , permet d’effectuer des sauvegardes de votre installation, très utile si:

  • vous avez été victime d’un piratage
  • avant de mettre à jour WordPress
  • avant de mettre à jour certaines extensions sensible comme WooCommerce …

 

Notes

MAMP: Macintosh Apache MySQL PHP

WAMP: Windows Apache MySQL PHP

FYI: For Your Information – Pour Votre Information

 

ninja forms 300x225

Labels Ninja Forms – jouer avec leurs positions dans vos champs de saisie

By | Formulaire

Introduction

Dans ce billet, nous allons nous focaliser sur la position des labels Ninja Forms par rapport à vos champs de saisie du formulaire.

Comparaison des positions des labels Ninja Forms

Les deux Formulaires suivant proviennent de Ninja Forms. Dans le premier les labels des champs sont en position par défaut en haut du champs de saisie, en revanche dans le deuxième formulaire les labels sont bien inséré directement dans les champs de saisie.

 

Labels Ninja Forms a l exterieur des Champs - Formulaire - Contact

Positionner vos Labels Ninja Forms par rapport à vos champs de saisie

Ninja Forms positionne par défaut les labels des champs du formulaire « au-dessus » du champs à remplir, comme sur l’exemple suivant:

Formulaire NinjaForms Salient Label Nom au-dessus du Champs

Suivant vos besoins il peut être placé ailleurs:

  1. à gauche
  2. à droite
  3. en-bas
  4. Masquer

Si l’on comprend aisément les 3 premiers cas, le dernier : « Masquer » est plus énigmatique mais est grandement important, car il permet de placer un label directement dans le champs de saisie

Pourquoi mettre le texte de vos Labels Ninja Forms à l’intérieur de vos champs de saisie

il peut s’agir d’une question de goût ou de présentation mais cette fonction intéressante qui est proposé pour gérer au mieux les labels Ninja Forms permettent aussi :

  • un visualisation plus moderne du formulaire
  • un gain de place, ce qui facilite le remplissage des champs sur son smartphone (*)
  • est donc plus Responsive Design

Positionner vos Labels à l’intérieur de vos champs de saisie

une fois que vous êtes connecté au Back-office de votre WordPress,

  1. Aller dans Ninja Forms
  2. Choisir le Formulaire à créer ou à modifier
  3. Aller sur le(s) champs à changer et
  4. mettre :
    POSITION DE TITRE = « Masquer« , dans cette exemple du champs « Nom »
    MODE AVANCE / ETIQUETTE = « le label que vous voulez« , dans cette exemple du champs « Nom » s’est: « Votre Nom« 
  5. puis bouton terminé et aussi publier le formulaire

 

Notes:

(*) Depuis Fin 2016 : Pour la première fois, Internet est plus utilisé sur mobile que sur PC