Cards
¿En qué consiste?
Las cards son un componente de interfaz que muestra y tiene acciones relacionadas a un sólo tema. Deben ser fáciles de leer y escanear visualmente para identificar información accionable. Elementos como imágenes y botones deben estar situados de manera que quede clara la jerarquía de elementos.
Para más información respecto al uso de los cards del Kit, consultar en: kitdigital.uc.cl/componentes/card
¿Cómo usarlo en el template de Wordpress?
Al editar una página o entrada en el editor de Wordpress, debe seleccionar la opción “Añadir Bloque” (icono “+”) y buscar el bloque llamado “Kit UC Cards”, y seleccionar el tipo de card que desee utilizar.
Card simple sólo texto
Lorem Ipsum
Interdum fringilla neque. Quisque sed lobortis urna non tincidunt suscipit. Duis fermentum sem non ultrices efficitur. Vivamus non tincidunt nisl.Quisque interdum fringilla neque.
Lorem Ipsum
Interdum fringilla neque. Quisque sed lobortis urna non tincidunt suscipit. Duis fermentum sem non ultrices efficitur. Vivamus non tincidunt nisl.Quisque interdum fringilla neque.
Card horizontal
Lorem Ipsum
Interdum fringilla neque. Quisque sed lobortis urna non tincidunt suscipit. Duis fermentum sem non ultrices efficitur. Vivamus non tincidunt nisl.
Lorem Ipsum
Interdum fringilla neque. Quisque sed lobortis urna non tincidunt suscipit. Duis fermentum sem non ultrices efficitur. Vivamus non tincidunt nisl.
Lorem Ipsum
Interdum fringilla neque. Quisque sed lobortis urna non tincidunt suscipit. Duis fermentum sem non ultrices efficitur. Vivamus non tincidunt nisl.
Lorem Ipsum
Interdum fringilla neque. Quisque sed lobortis urna non tincidunt suscipit. Duis fermentum sem non ultrices efficitur. Vivamus non tincidunt nisl.
Card con imagen de fondo
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Card con cabecera y pie
Interdum fringilla neque. Quisque sed lobortis urna non tincidunt suscipit. Duis fermentum sem non ultrices efficitur. Vivamus non tincidunt nisl.
Card con imagen
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Card anidada visible en hover
Lorem Ipsum
Lorem
Interdum fringilla neque. Quisque sed lobortis urna non tincidunt suscipit. Duis fermentum sem non ultrices efficitur. Vivamus non tincidunt nisl.
Lorem Ipsum
Lorem
Interdum fringilla neque. Quisque sed lobortis urna non tincidunt suscipit. Duis fermentum sem non ultrices efficitur. Vivamus non tincidunt nisl.
Lorem Ipsum
Lorem
Interdum fringilla neque. Quisque sed lobortis urna non tincidunt suscipit. Duis fermentum sem non ultrices efficitur. Vivamus non tincidunt nisl.
Card (imagen sin texto)