Présentation de la fonction Push et Pull sélectif dans WordPress Studio

Imaginez : vous travaillez sur le site d’un client et peaufinez un nouveau thème que vous avez développé pendant des semaines dans WordPress Studio. Le design est parfaitement abouti dans votre environnement local et vous êtes prêt à le déployer grâce à la fonctionnalité de synchronisation de Studio.

Mais il y a un hic. Vous souhaitez uniquement déployer le thème. Vous ne voulez pas écraser les extensions qui fonctionnent déjà en production et encore moins que votre contenu de test local vienne perturber la base de données en ligne.

Cela vous semble familier ? Vous n’êtes pas seul. Jusqu’à présent, la synchronisation dans Studio fonctionnait de manière “tout ou rien” : il était possible de déployer (push) ou récupérer (pull) l’intégralité d’un site entre votre environnement local et WordPress.com ou Pressable, mais pas de synchroniser uniquement une partie du projet, comme un thème isolé.

C’est désormais possible grâce à la Synchronisation sélective, disponible depuis WordPress Studio 1.5.5.

Un contrôle granulaire sur vos déploiements

La Synchronisation sélective vous offre un contrôle fin sur les éléments transférés entre WordPress Studio et vos environnements de production ou de préproduction. Vous pouvez désormais choisir précisément ce que vous synchronisez, que ce soit un seul thème, une extension spécifique, uniquement la base de données, ou encore tout le répertoire wp-content.

Dans la réalité d’un projet WordPress, les environnements de production évoluent en permanence. Tandis que vous développez de nouvelles fonctionnalités en local, votre site distant continue à servir des visiteurs, traiter des commandes ou collecter des données. Une synchronisation complète pourrait entraîner la perte de modifications côté production ou provoquer des interruptions de service.

Voici quelques cas où la Synchronisation sélective se révèle particulièrement utile :

• Développement d’extensions : Lorsque vous construisez une nouvelle fonctionnalité, vous manipulez souvent des données de test qui ne doivent pas remonter en production. La Synchronisation sélective vous permet de déployer uniquement les fichiers de l’extension. Les données de votre site restent intactes et votre nouvelle fonctionnalité est mise en ligne sans interruption.
• Mises à jour de thèmes : Après des jours à ajuster des mises en page et tester des blocs avec du contenu fictif, vous pouvez déployer exclusivement les fichiers du thème et non les articles ou les images de démonstration.
• Confidentialité et volumétrie : Pour une boutique WooCommerce comptant des milliers de produits et de clients, cloner la totalité du site localement peut s’avérer risqué et inutile. La Synchronisation sélective permet de récupérer uniquement le code dont vous avez besoin, sans rapatrier de données sensibles client vers votre environnement local.
• Flux de travail segmentés : Si vous gérez plusieurs environnements locaux pour différents aspects d’un projet (par exemple, un pour les thèmes et un autre pour les extensions), chacun peut se connecter au même site de production et déployer ses changements de manière indépendante.

Demandée par la communauté depuis le lancement de la synchronisation complète en janvier 2025, cette fonctionnalité répond directement aux besoins concrets des développeurs, designers et intégrateurs.

Comment ça fonctionne ?

Si vous découvrez WordPress Studio, c’est l’occasion de voir ce que cet outil open source gratuit peut apporter à votre workflow : création de thèmes, d’extensions et gestion complète de projets WordPress optimisés.

Si vous l’utilisez déjà, mettez simplement à jour vers la dernière version pour profiter de la Synchronisation sélective, puis de suivre les étapes ci-dessous pour commencer.

CONSEIL : Bien que WordPress Studio soit gratuit à utiliser, la fonctionnalité de synchronisation nécessite un site WordPress.com sur un plan Business ou Commerce, ou un site Pressable avec l’extension Jetpack Security active. Pour plus d’informations, consultez la documentation officielle.

Connecter un site distant

La première étape consiste à relier un site Studio local à un site distant, qu’il s’agisse d’un environnement de production ou de préproduction hébergé sur WordPress.com ou Pressable. Vous pouvez également créer un nouveau site WordPress.com directement depuis l’interface de Studio :

1. Depuis la barre latérale de Studio, sélectionnez le site local que vous souhaitez connecter.
2. Ouvrez l’onglet Synchroniser.
3. Connectez-vous à WordPress.com si ce n’est pas déjà fait.
4. Cliquez sur Connecter le site pour afficher la liste des sites disponibles.
5. Sélectionnez le site à associer et confirmez.
6. (Facultatif) Créez un nouveau site WordPress.com directement depuis Studio.

Récupérer du contenu (pull) depuis le site distant

Une fois le site distant connecté, vous pouvez récupérer le contenu (pull) dans votre environnement local ou déployer (push) vos modifications depuis Studio.

Pour récupérer le contenu (pull) :

1. Dans l’onglet Synchroniser, sélectionnez le site WordPress.com ou Pressable connecté depuis lequel vous souhaitez récupérer du contenu.
2. Cliquez sur Pull (Récupérer) pour ouvrir l’interface de synchronisation.

4. Choisissez Tous les fichiers et dossiers ou Fichiers et dossiers spécifiques, puis cochez les éléments que vous souhaitez récupérer.
5. Choisissez d’inclure ou non la base de données dans la synchronisation.
6. Cliquez sur Pull pour démarrer le processus.

Une sauvegarde complète du site distant est automatiquement créée avant de démarrer la récupération. Une fois le transfert terminé, votre environnement local sera prêt pour le développement.

Déployer du contenu (push) vers le site distant

Le processus pour déployer (push) vos modifications depuis Studio est similaire et vous permet de garder un contrôle fin sur les éléments transférés. Vous pouvez sélectionner des extensions, des thèmes ou d’autres fichiers spécifiques à synchroniser.

1. Dans l’onglet Synchroniser, sélectionnez le site WordPress.com ou Pressable connecté que vous souhaitez synchroniser
2. Cliquez sur Push (Déployer) pour ouvrir l’interface de synchronisation.

4. Choisissez Tous les fichiers et dossiers ou Fichiers et dossiers spécifiques, puis cochez les éléments que vous souhaitez synchroniser.
5. Choisissez d’inclure ou non la base de données dans la synchronisation.
6. Cliquez sur Push pour valider et lancer le processus.

Avant d’appliquer vos modifications, une sauvegarde complète du site distant sera créée. Une fois la synchronisation terminée, vous recevrez une notification par e-mail résumant les éléments transférés.

Bonnes pratiques avec la Synchronisation sélective

La Synchronisation sélective a été pensée pour simplifier vos workflows de développement, mais il y a quelques points clés à garder en tête avant de vous lancer.

Lorsque vous déployez des changements depuis Studio vers un site de production ou de préproduction, certains fichiers spécifiques au développement, comme les répertoires .git et les dossiers node_modules, sont automatiquement exclus. Ces éléments restent dans votre environnement local afin de maintenir votre site distant propre et optimisé.

Comme évoqué plus haut, lors d’une récupération vers Studio, vous pouvez synchroniser des dossiers complets – par exemple, tous les thèmes ou toutes les extensions – plutôt que de devoir sélectionner chaque élément individuellement. À l’inverse, lors d’un push vers un site distant, vous avez la possibilité de cibler précisément les thèmes et extensions à synchroniser. Cette approche correspond aux besoins de la majorité des workflows, mais nous continuons à recueillir vos retours pour affiner et enrichir cette fonctionnalité.

Pour des projets nécessitant un contrôle encore plus fin sur le déploiement, vous pouvez combiner Studio avec les déploiements GitHub proposés sur WordPress.com. Cette solution est idéale pour des configurations complexes et des pipelines CI/CD avancés.

Quelle est la suite pour Studio ?

La Synchronisation sélective s’inscrit dans un effort plus large pour accompagner la diversité des workflows des développeurs WordPress. Ce travail se poursuit, notamment grâce à WordPress Playground, la base technique sur laquelle repose Studio.

Voici quelques évolutions prévues :

• Support de Xdebug : une des fonctionnalités les plus demandées, qui apportera des capacités de débogage avancées à WordPress Studio. Vous pouvez suivre son développement sur GitHub.
• Optimisations de performance : des améliorations côté WordPress Playground pour rendre Studio encore plus rapide et réactif.

Vos retours sont essentiels pour orienter ces priorités. Le dépôt GitHub de WordPress Studio reste l’endroit idéal pour proposer de nouvelles fonctionnalités, signaler des bugs ou contribuer directement au projet. Chaque problème, commentaire ou pull request contribue à façonner l’avenir de Studio.

Si vous découvrez WordPress Studio ou si vous ne l’avez pas utilisé depuis un moment, c’est le bon moment pour y revenir. Avec la Synchronisation sélective et des dizaines d’améliorations ajoutées cette année, Studio est plus puissant que jamais.