Categorías de widgets: Básico
El widget de pestañas es una forma excelente de mostrar el contenido de manera eficiente en tu sitio. Los visitantes pueden hacer clic entre las pestañas (en lugar de desplazarse por el texto) para ver el contenido relacionado. Las pestañas son una excelente manera de mostrar contenido como los servicios, los planes o los miembros del equipo en secciones compactas y conectadas.
Cada pestaña puede contener una etiqueta, un título, una descripción, una imagen y un botón, y cada uno de estos elementos se puede personalizar por completo.
Contenido dinámico
Este widget también puede mostrar páginas dinámicas. Para obtener más información, consulte Contenido dinámico: opciones de visualización y navegación para los registros de recopilación.
-
Para añadir una pestaña nueva, haga clic en Agregar pestaña.
-
Para editar la imagen (y el texto alternativo), la etiqueta de la pestaña, el tipo de encabezado de la etiqueta, el título, la descripción y el botón, haga clic en pestaña.
-
Las etiquetas de encabezado están disponibles para que los motores de búsqueda puedan identificar su texto con mayor facilidad. Se recomienda seleccionar H3 para el tipo de encabezado de la etiqueta
-
El campo de texto alternativo de la imagen se encuentra en la parte inferior.
-
-
Para mostrar imágenes en las pestañas, haga clic en Mostrar imagen alternar.
-
Haga clic en el diseño para seleccionar un diseño diferente para las pestañas.
-
Haga clic Todas las pestañas para personalizar el estilo de las pestañas no seleccionadas, invertir la dirección de las pestañas y controlar el diseño de las pestañas en dispositivos móviles.
-
Haga clic Tab seleccionado y hover para personalizar el estilo y el fondo del texto. Esto no afecta al diseño de todas las pestañas.
-
Haga clic para cambiar el Estilo de descripción, Estilo de botón, y Estilo de imagen.
Nota
-
Puedes tener tantas pestañas como quieras, pero ten en cuenta que el espacio para cada etiqueta se reduce con cada nueva pestaña.
-
Hay 2 opciones de diseño para la pantalla móvil, pestañas y acordeón. El diseño de las pestañas se puede controlar deslizando el dedo
Hay 2 opciones de diseño para la pantalla móvil, pestañas y acordeón. El diseño de las pestañas se puede controlar deslizando el dedo. Sin embargo, no todos los navegadores móviles permiten deslizar el dedo, en cuyo caso puedes usar la vista en forma de acordeón
Para cambiar el widget de pestañas para dispositivos móviles:
-
En la barra de navegación superior, haz clic en la vista del dispositivo para cambiar la vista a móvil (). Para obtener más información, consulte Editar por dispositivo.
-
Haga clic con el botón derecho en el widget y seleccione Editar diseño.
-
Haga clic Todas las pestañasy, a continuación, haga clic en Mostrar como acordeón alternar.