Comment ajouter des médias aux blocs
Note
La traduction est générée par l’IA, veuillez donc faire preuve de discernement.
Vous pouvez définir des images ou des vidéos comme arrière-plan personnalisé dans la plupart des blocs et les ajouter à des composants individuels au sein des blocs.
Comment ajouter une image à un bloc
Pour définir une image comme arrière-plan personnalisé ou ajouter une image à un composant de bloc :
- Ouvrez votre projet dans le Compte éditeur et allez à la section Storefronts > Websites.
- Dans le volet du site souhaité, cliquez sur Open Site Builder.
- Dans les paramètres du bloc, activez la bascule correspondante (par exemple, Custom background, Game icon) et cliquez sur le champ d’aperçu sous la bascule.
- Cliquez sur Media.
- Dans la fenêtre modale qui s’ouvre, téléchargez l’image de l’une des manières suivantes :
- Dans l’onglet All assets ou Images, glissez-déposez l’image et cliquez dessus après son téléchargement.
- Cliquez sur Add new asset, sélectionnez From device dans la liste déroulante et téléchargez l’image souhaitée.
Note
- Taille maximale de l’image : 10 Mo.
- Formats pris en charge : ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
- La largeur d’image recommandée pour un arrière-plan personnalisé dans un bloc est de 1920 px. Déterminez les proportions d’image appropriées après avoir ajouté le contenu nécessaire au bloc. Les tailles recommandées pour d’autres types d’images sont fournies dans les descriptions des blocs.
- Configurez le style de l’image :
Note
L’ensemble des paramètres dépend du composant auquel vous ajoutez des médias.
- Choisissez la méthode de placement de l’image :
- Contain — l’image remplit l’ensemble du bloc tout en conservant les proportions. Si les proportions de l’image et du bloc diffèrent, une partie de l’image peut être rognée.
- Cover (par défaut) — l’image conserve son rapport d’aspect et s’adapte à la hauteur du bloc.
- Fill (recommandé pour les arrière-plans personnalisés) — l’image remplit la largeur du bloc et peut être rognée en haut et en bas si elle dépasse la hauteur du bloc.
Note
Un arrière-plan personnalisé n’a pas de largeur ou de hauteur fixe, car ses dimensions s’ajustent dynamiquement à la taille du bloc. La taille du bloc change en fonction du contenu (par exemple, la quantité de texte ajoutée, la présence ou l’absence de boutons) et de la résolution d’écran de l’appareil.
- Fit — l'image s'étire à la taille du bloc sans conserver les proportions.
- Choisissez la position de l’image (facultatif) :
- Top left
- Top center
- Top right
- Left
- Center (par défaut)
- Right
- Bottom left
- Bottom center
- Bottom right
Note
Si la vidéo remplit déjà le conteneur d’un côté (par exemple, en hauteur en mode Fit), le décalage ne fonctionne que sur l’autre axe — laissant trois options (gauche, centre ou droite).
- Ajustez la teinte et le dégradé de l’image (facultatif).
- Publiez le site.
Comment ajouter une vidéo à un bloc
Pour définir une vidéo comme arrière-plan personnalisé ou ajouter une vidéo à un composant de bloc :
- Ouvrez votre projet dans le Compte éditeur et allez à la section Storefronts > Websites.
- Dans le volet du site souhaité, cliquez sur Open Site Builder.
- Dans les paramètres du bloc, activez la bascule correspondante (par exemple, Custom background, Game icon) et cliquez sur le champ d’aperçu sous la bascule.
- Cliquez sur Media.
- Dans la fenêtre modale qui s’ouvre, téléchargez la vidéo de l’une des manières suivantes :
- Dans l’onglet All assets ou Video, glissez-déposez votre vidéo et cliquez dessus après son téléchargement.
- Cliquez sur Add new asset et sélectionnez une méthode de téléchargement de vidéo dans la liste déroulante :
- From device — sélectionnez le fichier vidéo sur votre appareil.
- From YouTube — entrez l’URL de la vidéo hébergée sur YouTube.
Note
- Taille maximale pour une seule vidéo téléchargée depuis un appareil : 10 Mo.
- Formats pris en charge : ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
- L’ajout de vidéo comme arrière-plan personnalisé n’est pas pris en charge dans les blocs Call-to-action, Promotional slider et Subscriptions.
- La largeur de vidéo recommandée pour un arrière-plan personnalisé dans un bloc est de 1920 px. Déterminez les proportions d’image appropriées après avoir ajouté le contenu nécessaire au bloc. Les tailles recommandées pour d’autres types d’images sont fournies dans les descriptions des blocs.
- Configurez le style de la vidéo :
Note
L’ensemble des paramètres dépend de l’élément auquel vous ajoutez des médias.
- Choisissez la méthode de placement de la vidéo (uniquement pour les vidéos téléchargées depuis un appareil) :
- Contain — la vidéo remplit l’ensemble du bloc tout en conservant les proportions. Si les proportions de la vidéo et du bloc diffèrent, une partie de l’image peut être rognée.
- Cover (par défaut) — la vidéo conserve son rapport d’aspect et s’adapte à la hauteur du bloc.
- Fill (recommandé pour les arrière-plans personnalisés) — la vidéo remplit la largeur du bloc et peut être rognée en haut et en bas si elle dépasse la hauteur du bloc.
Note
Un arrière-plan personnalisé n’a pas de largeur ou de hauteur fixe, car ses dimensions s’ajustent dynamiquement à la taille du bloc. La taille du bloc change en fonction du contenu (par exemple, la quantité de texte ajoutée, la présence ou l’absence de boutons) et de la résolution d’écran de l’appareil.
- Fix — la vidéo s'étire à la taille du bloc sans conserver les proportions.
- Configurez la lecture de la vidéo (facultatif, non disponible pour les arrière-plans personnalisés). Les paramètres suivants sont disponibles :
- Mute video.
- Loop video.
- Autoplay video.
- Cover image — une image qui est affichée avant que la vidéo ne commence à jouer ou si elle est indisponible pour les utilisateurs. Ce paramètre est uniquement disponible pour les vidéos téléchargées depuis un appareil.
Note
Vous ne pouvez pas garder le son de la vidéo activé et activer la lecture automatique en même temps. Si vous activez la bascule Autoplay video, la bascule Mute video sera également activée.
- Ajustez la teinte et le dégradé de la vidéo (facultatif).
- Publiez le site.
Cet article vous a été utile ?
Merci pour votre commentaire !
Nous examinerons votre message et l'utiliserons pour améliorer votre expérience.Faute de frappe ou autre erreur dans le texte ? Sélectionnez le texte concerné et appuyez sur Ctrl+Entrée.
