La mise en page de votre Galerie Pro sur votre site mobile est compatible, ce qui signifie qu'elle s'adapte automatiquement aux différentes tailles d'écran et aux différents appareils. Vous pouvez choisir une mise en page complètement différente pour votre Galerie Pro afin qu'elle soit idéale pour les mobiles.
Sélectionnez une mise en page prédéfinie avec des fonctionnalités intégrées ou une mise en page personnalisée si vous préférez personnaliser vous-même la mise en page. Quelle que soit l'option de mise en page que vous choisissez, vous pouvez toujours personnaliser le design de la galerie.
Dans cet article, apprenez-en plus sur :
Mises en page personnalisées
Ces mises en page de galerie vous permettent de personnaliser le design de votre galerie Pro de A à Z. Vous pouvez choisir parmi une large gamme de mises en page personnalisables pour présenter au mieux vos médias sur les appareils mobiles.
Pour personnaliser la mise en page de votre site mobile :
- Accédez à votre Éditeur mobile :
- Éditeur Wix : Cliquez sur l'icône Passer au mobile en haut de l'Éditeur.
- Editor X : Cliquez sur le point d'arrêt correspondant en haut de l'Editor X.
- Cliquez sur Wix Pro Gallery dans votre Éditeur mobile.
- Cliquez sur Paramètres.
- Sélectionnez une mise en page pour votre galerie.
- Cliquez sur Personnaliser la mise en page pour modifier la mise en page afin qu'elle apparaisse exactement comme vous le souhaitez (voir Fonctionnalités de mise en page personnalisables ci-dessous).
Mises en page prédéfinies
Les modèles prédéfinis incluent une gamme de fonctionnalités de mise en page intégrées. Ces mises en page de galerie prêtes à l'emploi vous permettent d'accélérer le processus de présentation de vos images sur votre site. Bien que les mises en page elles-mêmes ne soient pas personnalisables, vous pouvez personnaliser le design de la galerie à partir du design onglet.
Pour choisir une mise en page prédéfinie :
- Cliquez sur Wix Pro Gallery dans votre Éditeur mobile.
- Cliquez sur Paramètres.
- Cliquez sur l'onglet Prédéfinies.
- Sélectionnez une mise en page pour votre galerie.
Fonctionnalités de mise en page personnalisables
Chaque mise en page personnalisable offre une gamme de paramètres que vous pouvez personnaliser, notamment la direction de défilement, la direction de la galerie et l'orientation de l'image.
Cliquez sur une option ci-dessous pour en savoir plus sur cette mise en page :
Utilisez la mise en page Collage pour afficher des images d'orientation différente (verticale et horizontale) placées de manière aléatoire dans la galerie.
- Direction défilement : Sélectionnez le défilement vertical ou horizontal.
- Orientation de la galerie : Choisissez si les photos doivent être affichées verticalement ou horizontalement.
- Glisser automatiquement : Choisissez d'afficher vos éléments dans un diaporama continu:
- Intervalles : Votre galerie glisse sur l'élément suivant après la durée choisie. Faites glisser le curseur Intervalle entre les images pour modifier le nombre de secondes entre les éléments.
- Continu : Votre galerie glisse automatiquement. Faites glisser le curseur Vitesse du diaporama pour ajuster la vitesse de défilement de votre galerie.
- Taille miniature : Sélectionnez la taille des images dans la galerie.
- Espace : Ajustez l'espace entre les images.
- Densité collage : Sélectionnez le nombre d'images qui seront présentées en même temps dans la galerie.
- Bouton En voir plus : Choisissez d'afficher ou de masquer le bouton En voir plus.
- Nombre d'images chargées : (Cette option n'est pertinente que si vous avez choisi d'activer un bouton En voir plus)
- Toutes les images
- Une section de plus (ajoute une autre section de la même taille que la galerie originale)
Utilisez la mise en page Mosaïque lorsque vous souhaitez afficher des images à l'orientation différente placées en colonnes ou en lignes.
- Orientation de la galerie : Choisissez si les photos doivent être affichées verticalement ou horizontalement.
- Format miniature : Sélectionnez la taille des images dans la galerie.
- Espace : Ajustez l'espace entre les images.
- Bouton En voir plus : Choisissez d'afficher ou de masquer le bouton En voir plus.
- Combien d'images sont chargées : (Cette option n'est pertinente que si vous avez choisi d'activer un bouton En voir plus )
- Toutes les images
- Une section de plus (ajoute une autre section de la même taille que la galerie originale)
Utilisez cette mise en page lorsque vous souhaitez que vos images s'affichent dans une grille.
- Direction défilement : Sélectionnez le défilement vertical ou horizontal.
- Format miniature :
- Rogner : Vous pouvez sélectionner les proportions de l'image.
- Adapter : Adapte la taille de l'image à la taille de la galerie.
Remarque : Les options Largeur et couleur bordure et Rayon des angles ne sont disponibles que lorsque vous choisissez de rogner vos miniatures dans les paramètres de votre mise en page.
- Proportions de l'image : Choisissez parmi les options de proportions d'image disponibles, par exemple (4:3, 1:1).
- Glisser automatiquement : Choisissez d'afficher vos éléments dans un diaporama continu:
- Intervalles : Votre galerie glisse sur l'élément suivant après la durée choisie. Faites glisser le curseur Intervalle entre les images pour modifier le nombre de secondes entre les éléments.
- Continu : Votre galerie glisse automatiquement. Faites glisser le curseur Vitesse du diaporama pour ajuster la vitesse de défilement de votre galerie.
- Pause lors du survol : Cliquez sur le curseur pour activer ou désactiver la pause du diaporama lorsqu'un visiteur survole un élément de la galerie.
- Adapter à l'écran : Affiche autant d'images que possible dans la galerie avec une taille fixe.
- Définir les éléments par rangée : Faites glisser le curseur pour afficher plus ou moins d'images par rangée.
- Taille miniature : Sélectionnez la taille des images dans la galerie.
- Images par colonne : Sélectionnez le nombre d'images à afficher par colonne (uniquement lorsque l'orientation Horizontale est sélectionnée).
- Espace : Ajustez l'espace entre les images.
- Bouton En voir plus : Choisissez d'afficher ou de masquer le bouton En voir plus (apparaît uniquement lorsque le défilement Vertical est sélectionné).
- Combien d'images sont chargées : (Cette option n'est pertinente que si vous avez choisi d'activer un bouton En voir plus )
- Toutes les images
- Une section de plus (ajoute une autre section de la même taille que la galerie originale).
Utilisez la mise en page Miniatures pour afficher plusieurs miniatures à côté de l'image sélectionnée.
- Images en boucle : Choisissez si vous souhaitez que le bouton «Suivant» soit désactivé ou non sur la dernière image.
Remarque: Le bouton « Gauche » est toujours désactivé lorsque vous atteignez la première image en faisant défiler vers l'arrière. - Glisser automatiquement : Choisissez d'afficher vos éléments dans un diaporama continu:
- Intervalles : Votre galerie glisse sur l'élément suivant après la durée choisie. Faites glisser le curseur Intervalle entre les images pour modifier le nombre de secondes entre les éléments.
- Continu : Votre galerie glisse automatiquement. Faites glisser le curseur Vitesse du diaporama pour ajuster la vitesse de défilement de votre galerie.
- Pause lors du survol : Cliquez sur le curseur pour activer ou désactiver la pause du diaporama lorsqu'un visiteur survole un élément de la galerie.
- Intervalle entre les images : Sélectionnez l'intervalle qui s'écoule avant que la diapositive ne change (n'apparaît que lorsque « Glisser automatiquement » est activé). Remarque : Si vous souhaitez modifier l'effet de transition, veuillez accéder à l'onglet « Animation du diaporama » dans les paramètres Design.
- Format miniature :
- Rogner : Adapte la taille de l'image à la taille de la galerie.
- Adapter : Affiche l'image dans ses proportions d'origine et l'adapte à la taille de la galerie. S'il y a trop d'espace vide autour de l'image, vous devez augmenter la hauteur de la galerie.
Remarque : Les options Largeur et couleur bordure et Rayon des angles ne sont disponibles que lorsque vous choisissez de rogner vos miniatures dans les paramètres de votre mise en page.
- Placement des vignettes: Choisissez l'endroit où vous souhaitez que les vignettes apparaissent à l'écran (en dessous, à gauche, au-dessus ou à droite de l'image actuellement affichée).
- Taille des vignettes: Faites glisser le curseur pour choisir la taille des images de la galerie.
Remarque : Si vous n'avez que peu d'images et qu'il y a un espace vide sous l'image principale, vous devez augmenter la taille des miniatures. - Espacement des vignettes: Faites glisser le curseur pour choisir l'espacement entre les images.
- Nombre d'éléments affichés : Faites glisser le curseur pour régler le nombre d'images affichées à la fois.
Remarque : Pour le moment, il n'est pas possible d'ajuster l'alignement de vos miniatures. Si c'est quelque chose que vous aimeriez voir à l'avenir,
votez pour cette fonctionnalité.
Utilisez la mise en page Slider si vous souhaitez afficher plusieurs images avec un défilement horizontal.
Remarque : Le nombre d'images affichées simultanément dans cette mise en page dépend de la taille de la galerie. Si certaines images sont coupées, vous devez modifier la taille de la galerie. Une autre solution consiste à sélectionner « Rogner » et « Responsive » dans les paramètres de mise en page.
- Images en boucle : Choisissez d'autoriser les visiteurs à faire défiler vos images en boucle continue.
- Glisser automatiquement : Choisissez d'afficher vos éléments dans un diaporama continu :
- Intervalles : Votre galerie glisse sur l'élément suivant après la durée choisie. Faites glisser le curseur Intervalle entre les images pour modifier le nombre de secondes entre les éléments.
- Continu : Votre galerie glisse automatiquement. Faites glisser le curseur Vitesse du diaporama pour ajuster la vitesse de défilement de votre galerie.
- Pause lors du survol : Cliquez sur le curseur pour activer ou désactiver la pause du diaporama lorsqu'un visiteur survole un élément de la galerie.
- Intervalle entre les images : Sélectionnez l'intervalle qui s'écoule avant que la diapositive ne change (n'apparaît que lorsque « Glisser automatiquement » est activé).
- Format miniature :
- Rogner : Sélectionnez Fixe ou Responsive pour les proportions de l'image.
- Adapter : Affiche l'image dans ses proportions d'origine et l'adapte à la taille de la galerie. S'il y a trop d'espace vide autour de l'image, vous devez augmenter la hauteur de la galerie.
Remarque : Les options Largeur et couleur bordure et Rayon des angles ne sont disponibles que lorsque vous choisissez de rogner vos miniatures dans les paramètres de votre mise en page.
- Proportion de l'image :
- Compatible : La taille de l'image s'ajuste automatiquement en fonction de l'appareil de l'utilisateur.
- Fixe : Choisissez parmi les options de rapport d'image disponibles, par exemple (4:3, 1:1). Les images apparaîtront dans ce rapport sur tous les appareils.
- Nombre d'éléments affichés : Faites glisser le curseur pour régler le nombre d'images affichées à la fois. (Cette option n'est disponible que lorsque vous choisissez un rapport d'image réactif)
- Espace : Ajustez l'espace entre les images.
Utilisez la mise en page Diaporama si vous souhaitez afficher une seule image à la fois avec le défilement horizontal.
- Images en boucle: Choisissez de permettre aux visiteurs de faire défiler vos images en boucle.
- Glisser automatiquement : Choisissez d'afficher vos éléments dans un diaporama continu:
- Intervalles : Votre galerie glisse sur l'élément suivant après la durée choisie. Faites glisser le curseur Intervalle entre les images pour modifier le nombre de secondes entre les éléments.
- Continu : Votre galerie glisse automatiquement. Faites glisser le curseur Vitesse du diaporama pour ajuster la vitesse de défilement de votre galerie.
- Pause lors du survol : Cliquez sur le curseur pour activer ou désactiver la pause du diaporama lorsqu'un visiteur survole un élément de la galerie.
- Intervalle entre les images : Sélectionnez le temps qui s'écoule avant que la diapositive ne change (n'apparaît que lorsque «Glisser automatiquement» est activé).
Remarque : si vous souhaitez modifier l'effet de transition, veuillez accéder à l'onglet «Animation du diaporama» dans les paramètres «Design». - Taille de la barre d'infos : Ajoute un espace pour les icônes, le titre et la description sous la galerie.
- Bouton Lecture : Ajoutez un bouton pour permettre aux visiteurs de mettre en pause ou de lire le diaporama. (Cette option n'est disponible que lorsque vous choisissez d'activer la diapositive automatiquement).
- Format miniature :
- Rogner : Adapte la taille de l'image à la taille de la galerie.
- Adapter : Affiche l'image dans ses proportions d'origine et l'adapte à la taille de la galerie. S'il y a trop d'espace vide autour de l'image, vous devez augmenter la hauteur de la galerie.
Remarque : Les options Largeur et couleur bordure et Rayon des angles ne sont disponibles que lorsque vous choisissez de rogner vos miniatures dans les paramètres de votre mise en page.
Utilisez la mise en page Bande si vous souhaitez afficher plusieurs images dans une seule colonne.
- Nombre d'éléments affichés : Choisissez le nombre d'éléments de la bibliothèque qui s'affichent à la fois.
- Espacement: Choisissez l'espace à prévoir entre les éléments de votre galerie.
- Bouton En voir plus : Choisissez d'afficher ou de masquer le bouton En voir plus.
- Afficher combien d'images supplémentaires : (uniquement si le bouton En voir plus s'affiche).
- Toutes les images
- Une section de plus (ajoute une autre section de la même taille que la galerie originale).
Utilisez la mise en page Colonne si vous souhaitez afficher plusieurs images à la fois sur une rangée.
- Images en boucle: Choisissez de permettre aux visiteurs de faire défiler vos images en boucle.
- Glisser automatiquement : Choisissez d'afficher vos éléments dans un diaporama continu :
- Intervalles : Votre galerie glisse sur l'élément suivant après la durée choisie. Faites glisser le curseur Intervalle entre les images pour modifier le nombre de secondes entre les éléments.
- Continu : Votre galerie glisse automatiquement. Faites glisser le curseur Vitesse du diaporama pour ajuster la vitesse de défilement de votre galerie.
- Pause lors du survol : Cliquez sur le curseur pour activer ou désactiver la pause du diaporama lorsqu'un visiteur survole un élément de la galerie.
- Espace : Ajustez l'espace entre les images.
Utilisez ces mises en page pour afficher côte à côte des éléments de la galerie de tailles et d'orientations différentes.
- Nombre d'éléments affichés : Choisissez le nombre d'éléments de la galerie affichés à la fois.
- Espace : Ajustez l'espace entre les images.
Cette mise en page vous permet de changer de mise en page en un seul clic. Il suffit de cliquer sur Créer une mise en page magique pour rendre aléatoire la mise en page de votre galerie.
FAQ
Cliquez sur une question ci-dessous pour en savoir plus sur les mises en page dans la galerie Pro :
La Wix Pro Gallery est-elle responsive ?
Votre Wix Pro Gallery se comporte de manière réactive lorsque vous choisissez certaines mises en page et que vous la définissez sur
Pleine largeur. Cela signifie que la position des éléments de votre galerie et leur taille peuvent changer lorsque la fenêtre du navigateur est redimensionnée sur tous les appareils.
En savoir plus sur la réactivité dans la galerie Wix ProPourquoi certaines de mes images sont-elles rognées lorsqu'elles sont ajoutées à Wix Pro Gallery ?
Vous pouvez remarquer que les images de votre galerie apparaissent rognées, en fonction de la
Mise en page personnalisée que vous choisissez. Cela peut se produire lorsque l'orientation des miniatures dans une mise en page est différente de celle des images que vous importez.
Par exemple, vous sélectionnez une mise en page en colonne, qui affiche toutes les images en orientation portrait (verticale), mais importez les images avec une orientation paysage (horizontale). Cela signifie qu'une partie de votre image peut être rognée pour s'assurer qu'elle rentre dans les limites de la miniature.
Pour éviter que vos images soient rognées :
- Cliquez sur la Wix Pro Gallery dans l'Éditeur.
- Cliquez sur Paramètres.
- Cliquez sur l'onglet Mise en page.
- Cliquez sur Personnaliser la mise en page.
- Sélectionnez Adapter ci-dessous Redimensionner les miniatures.
Options supplémentaires lors du rognage de vos images :
- Ajuster le point focal de vos images pour mieux contrôler les parties de vos images qui peuvent être rognées.
- Ajustez le ratio de l'image (16:9, 4:3, 1:1, 3:4 ou 9:16) appliqué à votre galerie pour correspondre au mieux au ratio et à l'orientation de vos images importées.