Objet média

Le composant Objet média offre une manière flexible et visuellement attrayante de présenter du contenu avec des images, des icônes ou d’autres médias.

Configuration de votre objet média

1. Ajouter du contenu aux emplacements

Le composant Objet Média est conçu pour être flexible, vous permettant de créer facilement différentes mises en page avec votre texte et vos médias. Pour y parvenir, il utilise un système de « slots » :

Considérez les slots comme des conteneurs où vous pouvez placer différents types de composants.

L'Objet Média possède trois emplacements :

• Emplacement gauche : Vous pouvez ajouter une image, une icône ou un autre média que vous souhaitez voir apparaître du côté gauche de votre contenu textuel.

• Emplacement de contenu : Il s'agit de la zone principale pour votre contenu textuel. Elle sera positionnée à côté du média que vous avez ajouté dans l'emplacement gauche ou droit.

• Emplacement droit : Semblable à l'emplacement gauche, cela vous permet d'ajouter un média qui apparaîtra du côté droit de votre contenu textuel

Suppression de l'Objet Média et des emplacements

2. Configurer la mise en page

Une fois que vous avez ajouté votre contenu, vous pouvez affiner la mise en page de l'Objet Média en utilisant plusieurs propriétés :

• En ligne : Si vous souhaitez que le média et le texte soient parfaitement alignés côte à côte, activez l'option « En ligne ». Cela garantira que les bords supérieur et inférieur du média et du texte sont alignés.

• Réactif : Pour garantir que votre Objet Média soit beau sur différentes tailles d'écran, activez l'option « Réactif ». Cela ajustera automatiquement la mise en page en fonction de l'appareil de l'utilisateur, optimisant l'affichage pour les vues bureau et mobile.

• Alignement vertical : Cette propriété contrôle la manière dont le texte est aligné verticalement par rapport au média. Selon vos préférences de conception et le contenu affiché, vous pouvez aligner le texte en haut, au centre ou en bas du média.

• Taille : Pour contrôler la taille globale de l'Objet Média, vous pouvez choisir parmi des tailles prédéfinies (petite, moyenne, grande). Cela affecte les dimensions du média et du contenu textuel, vous permettant de créer des mises en page compactes ou espacées selon les besoins.

Exemples d'utilisations

• Fiches produit : Afficher les images des produits à côté de leurs descriptions et prix.

• Articles d'actualité : Afficher les images des articles ou les avatars des auteurs à côté du texte.

• Profils utilisateur : Présenter les avatars des utilisateurs avec leurs noms et leurs informations.

• Sections d'appel à l'action : Combiner des images avec du texte percutant et des boutons.

Avec le composant Objet Média, vous pouvez créer des mises en page visuellement attrayantes et informatives qui améliorent la présentation de votre contenu.