Aller au contenu

Flexible Content - Cards

Ce composant permet d’afficher une liste de cartes. Dans ces cartes, il est possible d’insérer une image, un sur-titre, un titre, du contenu et un lien.
Le lien peut être de type vidéo (ouverture de la vidéo dans une modale), externe au site, ou interne au site (listing des pages du site proposé).

Exemple de cartes

Jeune femme à la terrasse d'un café
Pause café
On discute autour d'un café ?

Phasellus sollicitudin dui tempor feugiat malesuada. Praesent eu malesuada ligula.

Vidéo
CaenCamp #23 SVG, format clé du responsive

Le format SVG est en plein essor depuis l’avènement du responsive design.

Juste du texte

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a mi ac nisl congue molestie sit amet ac nisi. Vivamus rhoncus rutrum varius. Phasellus sollicitudin dui tempor feugiat malesuada. Praesent eu malesuada ligula. Donec iaculis nulla nec auctor blandit. Morbi quis sem odio. Duis auctor tellus et massa rutrum facilisis. Etiam pharetra elit eget est vehicula pharetra. Donec iaculis nulla nec auctor blandit. Morbi quis sem odio. Phasellus imperdiet nisi vitae augue euismod, sit amet molestie nisi interdum. Maecenas ultrices eros ac gravida auctor. Proin consequat vel lorem at vehicula. Donec dictum dapibus gravida.

Tutoriel

Appel du composant Card hors Flexible Content

PHP
<?php ifc_render_component( 'card', [
  'image' => $id, // ID d'une image Wordpress
  'title_above' => '', // Sur-titre
  'title' => '', // Titre
  'content' => '', // Texte,
  'link_type' => 'none', // Type du lien : none, video, external, inside
  'video_url' => '', // Url de la vidéo si type de lien "video"
  'link_url' => '', // Url de la page externe si type de lien "external"
  'link_label' => '', // Label du bouton si type de lien "external"
  'button' => [], // Tableau des différentes valeurs du bouton (url, title et target)
  'classes' => $classes,
] ) ?>