Cómo organizar el contenido creado con Elementor dentro de las pestañas

¡Cree y coloque cualquier contenido en pestañas y bloques de acordeón usando el complemento JetTabs de la familia Jet Plugins!

¿Qué es una pestaña? Una pestaña es el elemento de una interfaz de usuario que permite navegar entre múltiples temas en una página.

Complemento JetTabs de la familia Jet Plugins

El complemento JetTabs es la mejor solución para organizar contenido en pestañas elegantes y bloques de acordeón con el generador de páginas Elementor. Con la ayuda de este complemento, puede crear diferentes diseños atractivos según sus necesidades.

Aquí aprenderá cómo organizar el contenido creado con Elementor dentro del widget de pestañas del complemento JetTabs .

Para enriquecer las pestañas con contenido, creemos algunas plantillas para ellos.

Crear una plantilla

Paso 1 : creemos una página nueva al principio y ábrala con el editor Elementor .

Paso 2 : enriquezca el contenido con widgets elegantes y versátiles, por ejemplo, con el widget Diseño de imágenes .

Paso 3 : después de completar la personalización, deberá guardar esta página como plantilla. Para hacerlo, haga clic en la flecha cerca del botón Publicar y seleccione el botón Guardar como plantilla .

configuración de contenido del widget Diseño de imágenes

Paso 4 : proporcione una plantilla con el título en la nueva ventana y haga clic en el botón Guardar .

Proporcione una plantilla con el título.

Se le permite crear tantas plantillas para pestañas como necesite de tal manera.

Agregar el contenido a pestañas

Paso 1 : abra la página donde desea agregar las pestañas con el generador de páginas Elementor .

Paso 2 : arrastra y suelta el widget de pestañas a una nueva sección.

Paso 3 : para agregar la plantilla a la pestaña, vaya al directorio Contenido> Elementos .

configuración de contenido de elementos del widget de pestañas

Paso 4 : para agregar la plantilla a la pestaña, ábrala y navegue hasta el menú desplegable Elegir plantilla .

Paso 5 : elija la plantilla que ha creado recientemente y se desplegará al contenido de la pestaña.

Si necesita cambiar la plantilla, haga clic en el botón Editar plantilla .

Entonces, eso es todo lo que necesitas hacer. No olvides presionar el botón Publicar para guardar el progreso.

Ejemplo de Tabs

El ejemplo de abajo lo hicimos de la manera que indica el Tutorial. Unicamente eliminamos el texto de la Pestaña y en su lugar utilizamos imágenes, al oprimir la imagen cambia el contenido de la pestaña. Si aún no tienes CrocoBlock utiliza el enlace de arriba para adquirirlo.

Otros Artículos que pueden ser de tu interés

Deja un comentario

Lionel Valentin Caderon

Diseñador de Páginas Web, Artista Comercial, Caricaturista y Escritor pepiniano nacido en Añasco, Puerto Rico.

Esta Página usa Cookies para la mejor experiencia al navegar

Esta Página usa Cookies para mejorar tu experiemcia al navegar.