Flexible Content - Billboard
Flexible Content - Billboard
Un billboard est un grand panneau d’affichage occupant toute la largeur de la page. Il peut servir à mettre en valeur un message important, comme par exemple le titre de page et l’introduction.
Variantes
Image de fond sans contenu
Un billboard sans contenu permet de mettre en valeur une grande image en pleine largeur.
Calque de couleur, plus ou moins transparent
Lorsque le billboard a du contenu, il est préférable de définir un calque de couleur entre l’image et le texte pour faciliter la lecture.
Couleur principale
Calque de couleur principale, transparent à 50%.
Blanc
Calque blanc transparent à 75%.
Noir
Calque noir, transparent à 25%.
Version responsive
Sur mobile, le contenu du billboard est affiché sous l’image, le calque de couleur est ignoré.
Sur tablette et desktop, le contenu apparaît sur l’image, écrit en blanc, centré horizontalement et verticalement.
Vue back office
Tutoriel
Appel du composant Billboard hors Flexible Content
PHP
<?= ifc_render_component ( 'billboard', [
'image_id' => $id, // ID d'une image Wordpress
'alt' => "", // Texte alternatif de l'image de fond
'title' => "", // Titre du billboard
'title_level' => 2, // Niveau de titre de 1 à 6
'content' => "", // Contenu du billboard
'tint' => "transparent", // Couleur du calque : 'transparent', 'black', 'white', 'primary'
'opacity' => 100, // 0, 25, 50, 75 ou 100
'classes' => "", // Classes CSS supplémentaires
] ) ?>