Media Pleine Largeur
Ce bloc permet de créer des sections visuellement impactantes avec un média en pleine largeur, idéal pour les en-têtes de page ou les sections importantes. Il offre plusieurs options de personnalisation pour s'adapter à différents besoins de mise en page.
Media Pleine Largeur sur le site
Configuration du Contenu
Paramètres du Bloc Media Pleine Largeur
Champs Disponibles
-
Type de Media
- Options disponibles :
- Vidéo
- Image
- Options disponibles :
-
Section Hero
- Option : Oui/Non
- Transforme le bloc en section d'en-tête principale
- Adapte automatiquement certains styles visuels
-
Ajout de Contenu
- Option : Oui/Non
- Permet d'ajouter du texte sur le média
-
Hauteur
- Options disponibles :
- Pleine hauteur (Full)
- Moyenne (Medium)
- Détermine la hauteur d'affichage du bloc
- Options disponibles :
-
Media Si Image sélectionnée :
- Zone de téléchargement pour l'image
- Formats acceptés : JPG, PNG, WebP
- Résolution recommandée pour pleine largeur
Si Vidéo sélectionnée :
- Zone de téléchargement pour la vidéo
- Formats acceptés : MP4, WebM
-
Type de Contenu
- Options disponibles :
- Titre contouré (Stroked title)
- Titre normal (Normal title)
- Visible uniquement si "Ajout de contenu" est activé
- Options disponibles :
-
Sous-titre
- Champ texte pour le sous-titre
- Visible uniquement si "Ajout de contenu" est activé
-
Titre
- Champ texte pour le titre principal
- Visible uniquement si "Ajout de contenu" est activé
Bonnes Pratiques
- Utilisez des médias de haute qualité optimisés pour le web
- Pour les vidéos, privilégiez des séquences courtes et légères
- Choisissez la hauteur en fonction de l'impact souhaité
- Assurez un bon contraste entre le texte et le média
- En mode Hero, gardez le contenu concis et impactant
- Testez le rendu sur différentes tailles d'écran
- Vérifiez que le texte reste lisible sur tous les arrière-plans
N'oubliez pas que ce bloc hérite également des options générales de configuration des blocs (espacement, largeur, etc.) décrites dans la documentation générale des blocs.