En este tutorial exclusivo de la Academia OV DIVI aprenderás a personalizar el módulo toggle o conmutador que viene con Divi por defecto. Lo mejor de todo es que lo haremos sin plugins ni librerías.
Si ya eres un miembro frecuente de Divi, sabes que el módulo conmutador está hasta cierto punto limitado. No podemos agregar un icono, imagen u otro elemento antes del título, ni tampoco un subtítulo u otras opciones de personalización. Aunque las opciones por defecto cumplen su función, hay ocasiones en las que queremos agregar más información o darle una apariencia diferente que no sea igual al típico diseño del conmutador en Divi.
En este tutorial te mostraré paso a paso cómo, con un poco de ingenio y algo de CSS, podemos crear un diseño más interesante con el toggle de Divi. Para este ejercicio, utilizaremos como ejemplo un itinerario de viaje. En esta sección tendremos un listado de conmutadores, y cada toggle tendrá información correspondiente a lo que se hará durante el día.
Estos conmutadores estarán conformados por el día, un título, un subtítulo y un icono para abrir/cerrar el toggle. Lo interesante de este ejercicio es la forma en la que vamos a agregar el texto del día y el número. También te mostraré un «trucazo» para que puedas agregar un subtítulo dentro de este conmutador.
Realmente es un ejercicio práctico, fácil de implementar y muy genial que estoy seguro te servirá para mostrar información con un diseño más llamativo en tus toggles. Cabe mencionar que no solo te puede servir para un itinerario, sino también para cualquier otro tipo de sección, como preguntas frecuentes, servicios u otra información. Solo es cuestión de que pongas un poco de creatividad para adaptarlo a cualquier proyecto.
El tutorial ya está disponible en los tutoriales exclusivos de la academia OV DIVI. No te puedes perder este magnífico tutorial. ¡Te espero dentro!
0 comentarios