widget Categorías: Basic
El widget Pestañas es una excelente manera de mostrar contenido de forma eficiente en su sitio. Los visitantes pueden hacer clic entre las pestañas (en lugar de desplazarse por el texto) para ver contenido relacionado. Las pestañas son una gran manera de mostrar contenido como Servicios, Planes o Miembros de equipo en secciones compactas y conectadas.
Cada ficha puede contener una etiqueta, título, descripción, imagen y botón y cada uno de estos elementos puede ser completamente personalizado.
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 registros de colección.
-
Para agregar una nueva pestaña, haga clic en agregar Tab.
-
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 la pestaña.
-
Las etiquetas del encabezado están disponibles para que los motores de búsqueda identifiquen su texto con mayor facilidad. Se recomienda seleccionar H3 para el Tipo de encabezado del rótulo.
-
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 el botón de alternancia Mostrar imagen .
-
Haga clic en el diseño para seleccionar un diseño diferente para las pestañas.
-
Haga clic en 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 en Pestaña y hoverseleccionados para personalizar el estilo de texto y el fondo. Esto no afecta al diseño de Todas las pestañas.
-
Haga clic para cambiar el estilo de descripción, el estilo de botón y el estilo de imagen.
Nota
-
Puede tener tantas fichas como desee, pero tenga en cuenta que el espacio para cada etiqueta se reduce con cada nueva ficha.
-
Hay 2 opciones de diseño para la pantalla de dispositivos móviles, pestañas y acordeón. El diseño de las fichas puede controlarse por deslizamiento.
Hay 2 opciones de diseño para la pantalla de dispositivos móviles, pestañas y acordeón. El diseño de las pestañas puede controlarse por deslizamiento. Sin embargo, no todos los navegadores de dispositivos móviles admiten el deslizamiento, en cuyo caso, puede usar la vista de acordeón en el dispositivo móvil.
Para cambiar el widget de Pestañas para dispositivos móviles:
-
En la barra de navegación superior, haga clic en la vista del dispositivo para cambiar la vista a dispositivo móvil (). Para obtener más información, consulte Editar por dispositivo.
-
Haga clic con el botón derecho en el widget y, a continuación, haga clic en Editar diseño.
-
Haga clic en Todas las pestañas y, a continuación, haga clic en el botón de alternancia Mostrar como acordeón .