En este video tutorial usaremos Dynamic data addon para aprender a usar los campos repeater en las tabs o acordeones del plugin JetTabs de Crocoblock, espero te sea tan útil como lo ha sido para mí en mis proyectos con clientes. A continuación te dejo los vínculos para los plugins que he usado en el tutorial.
PLUGINS DEL TUTORIAL:
- Plugin JetEngine: https://url.sebasweb.net/jetengine
- Plugin JetTabs: https://url.sebasweb.net/jettabs
- Plugin Dynamic data addon: https://url.sebasweb.net/dynamicdata
Configuración de los íconos
Los iconos del acordeón se configuran en los campos Active y Active Icon.
El Icon es el estado cerrado del acordeon y allí podremos poner el icono: fas fa-plus
El icon se podrá ver cuando el acordeón esta abierto, es decir en estado «activo» por lo que podremos poner el icono: fas fa minus.
En caso de querer poner otros iconos, podrás disponer de la biblioteca oficial de font Awesome
Suscríbete y aprende gratis
¿Te apasiona el mundo web? Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web.
Los temas que veremos durante el video son:
- Creación del campo repeater y asignación a un single.
- Creación de la entrada (página) para rellenar los datos.
- Diseño del acordeón o de las tabs para campos repeater con texto
- Diseño de página con tabs y plantillas
- Descargar e instalar el plugin desde la página (ver plugin acá)
- Creación de dos plantillas con información para probar el mismo efecto pero con shortcodes.
- Ejemplo de una página real donde use los dos.
💥 ¡Suscríbete y activa la campana para que no te pierdas ningún video https://cutt.ly/Cyz2l6c
2 Responses
Hola Bro, me encantó tu video. Puedes hacer eso mismo pero manejando barras progresivas repeater?
Hola Jesús! ¡muchas gracias por tu comentario!
Tengo en cuenta tu comentario para un próximo video.
Un saludo,