header-logo
Découvrez comment utiliser Wix pour créer votre site et votre entreprise.
Concevez et gérez votre site à l'aide des fonctionnalités intuitives de Wix.
Gérer les abonnements, les forfaits et les factures.
Gérez votre entreprise et communiquez avec les membres.
Apprenez à acheter, connecter ou transférer un domaine vers votre site.
Obtenez des outils pour développer votre activité et votre présence sur le web.
Améliorez votre visibilité grâce à des outils de référencement et de marketing.
Bénéficiez de fonctionnalités avancées pour travailler plus efficacement.
Trouvez des solutions aux problèmes techniques et de performance du site. Découvrez les problèmes que nous nous efforçons de résoudre ou contactez-nous pour obtenir de l'aide.
placeholder-preview-image
Développez vos compétences.
Obtenez des conseils pour la conception Web, le marketing et plus encore.
Découvrez comment augmenter le trafic de votre site naturel provenant des moteurs de recherche.
Créez un site personnalisé à l'aide de notre plateforme complète.
Trouvez un spécialiste pour vous aider à atteindre vos objectifs.
placeholder-preview-image

Éditeur Studio : Une visite guidée

7 min
Dans cet article
  • La toile
  • La barre supérieure
  • Les panneaux latéraux gauche
  • Le panneau Inspecteur
  • Barre de fils d'Ariane
  • Des panneaux supplémentaires
Bienvenue sur Éditeur Studio, notre plateforme intuitive et avancée qui permet aux agences et aux entreprises de créer des sites d'exception. 
Dans cet article, nous allons apprendre à connaître chaque partie de l'Éditeur Studio : ce que c'est, ce qu'il contrôle et comment il vous aide à travailler plus efficacement.
Accédez à notre Académie Wix Studio pour consulter d'autres webinaires, tutoriels et cours Wix Studio.

La toile

La toile fait référence à la page que vous concevez, en plein milieu de l'Éditeur. 
Vous pouvez définir la taille par défaut de la zone de travail avec laquelle vous souhaitez travailler et faire glisser les poignées latérales pour voir à quoi ressemble la page lorsqu'elle est redimensionnée.
Une capture d'écran plein écran de l'Éditeur Studio, marquant l'emplacement de la toile
Cliquez sur un élément pour le sélectionner et ouvrir une barre d'outils d'options. Ces options varient en fonction de l'élément spécifique, vous aidant à le personnaliser selon vos besoins. 
Une capture d'écran montrant la barre d'outils qui s'ouvre lorsque vous cliquez sur un élément de la zone de travail
Vous pouvez survoler le libellé d'un élément pour sélectionner l'un de ses éléments parent à la place.
A GIF montrant le fil d'Ariane qui s'ouvre lorsque vous survolez le libellé d'un élément, montrant les éléments parents
Travailler plus rapidement en utilisant nos raccourcis :
Consultez notre liste complète de raccourcis clavier, vous permettant d'effectuer des actions plus rapidement et plus efficacement. 

La barre supérieure

La barre supérieure comprend de nombreux outils utiles pour contrôler le site et votre vue sur la zone de travail. 
Survolez le logo Wix Studio pour ouvrir un menu avec les actions sur le site, les options d'affichage et des raccourcis vers d'autres parties de votre compte. 
Une capture d'écran montrant le menu qui s'ouvre lorsque vous survolez le logo de Wix Studio
Utilisez le menu déroulant de pages pour naviguer rapidement entre les pages du site. La liste est organisée par type de page (ex. pages de boutique, pages de membres) pour que vous puissiez trouver celui qu'il vous faut encore plus rapidement.
Une capture d'écran de la page déroulante en haut de l'Éditeur Studio
Au milieu de la barre supérieure, vous pouvez trouver tout ce qui concerne les points de rupture, le zoom et la taille de la toile. Cliquez sur les icônes de point de rupture pour voir et ajuster une page dans différentes tailles d'écran. 
La taille de l'écran que vous voyez est la taille actuelle de la zone de travail. Il s'agit également de la taille d'édition par défaut pour le point de rupture sur lequel vous vous trouvez actuellement. Chaque point de rupture a sa propre taille par défaut que vous pouvez définir à ce qui vous convient.
Une capture d'écran montrant le panneau qui s'ouvre lorsque vous survolez la taille de l'écran, vous permettant de définir une taille par défaut
Sur le côté droit, vous pouvez voir qui d'autre travaille actuellement sur ce site. Vous pouvez également consulter les notifications du site, annuler ou rétablir des actions, prévisualiser et publier. 
Une capture d'écran du côté droit de la barre supérieure
Vous rencontrez des problèmes avec Zoom ?
Nous vous recommandons d'utiliser l'aperçu , car il vous permet de simuler facilement de nombreuses tailles d'écran différentes. 

Les panneaux latéraux gauche

Sur le côté gauche de l'Éditeur Studio, vous pouvez trouver les principaux panneaux avec lesquels vous travaillerez : 
  • Ajouter des éléments  : Trouvez des centaines d'éléments à ajouter au site, qu'il s'agisse d'éléments de design ou d'applis professionnelles comme une boutique en ligne. Utilisez les onglets pour naviguer entre les différentes catégories.
  • Calques : Affichez les calques et les éléments de la page, dans une hiérarchie de haut en bas. Lorsque vous sélectionnez un élément parent (ex. section, conteneur) dans le panneau, vous pouvez voir tous les éléments qu'ils contiennent, modifier leur ordre, les masquer et plus encore.
  • Pages : Ajoutez de nouvelles pages, modifiez les paramètres de chaque page et supprimez celles dont vous n'avez plus besoin.
  • Les sections globale : Ce panneau affiche toutes les sections globales, qui sont les sections que vous avez configurées pour apparaître sur plusieurs pages. Vous pouvez renommer, dupliquer, supprimer ou ajouter des sections globales aux pages sur lesquelles elles n'apparaissent pas.  
  • Styles du site: undefined Voir et ajuster la langue visuelle du site. Les styles de typographie, les couleurs et les transitions de page que vous avez définis ici s'appliquent à l'ensemble du site.
  • L'App Market : Parcourez des centaines d'applis dans le Wix App Market et trouvez celles qui répondent à vos besoins.
  • Système de gestion de contenu (CMS) : Gérez le contenu, les collections et les pages dynamiques du site. 
  • Code: undefined Activez le mode développeur pour ajouter votre propre code au site de votre client.
Un GIF montrant les différents panneaux latéraux gauche en un coup d'œil

Le panneau Inspecteur

Le panneau Inspecteur est le « centre de contrôle » pour chaque élément. 
Une fois que vous avez sélectionné un élément sur la zone de travail, vous pouvez définir sa taille, sa position et son design à partir de ce panneau. Vous pouvez également appliquer des animations à l'élément ou ajouter une ancre, vous permettant de créer un lien direct vers celle-ci.
Un GIF montrant les différentes sections et onglets du panneau Inspecteur

Lorsque vous sélectionnez un élément sur la toile, une barre de fil d'Ariane dans le coin inférieur gauche affiche sa hiérarchie. Cela vous permet de voir (et de sélectionner) le parent, les grands-parents de l'élément, etc., ce qui vous permet de naviguer facilement entre les calques de la page. 
Capture d'écran de la barre du fil d'Ariane dans l'éditeur Studio, montrant un élément Empilé sélectionné et sa hiérarchie complète

Des panneaux supplémentaires

Enfin, il y a plusieurs panneaux en bas à gauche de l'Éditeur que vous devez connaître. 
  • Commentaires : communiquez avec les coéquipiers qui travaillent également sur ce site, directement dans l'Éditeur Studio. Chaque page possède un tableau de commentaires distinct afin que vous puissiez laisser des commentaires spécifiques aux autres et leur poser des questions. 
  • Aide : Parcourez nos ressources, partagez des commentaires sur l'Éditeur Studio ou contactez l'Assistance.