El 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.
Para agregar el :
- En el panel izquierdo, haga clic en Widgets.
- Haga clic y arrastre el Pestañas a su sitio.
Para obtener más información sobre cómo agregar s a su sitio, consulte Agregar widgets.
Para mostrar páginas dinámicas con un de pestañas, consulte Agregar listas para mostrar páginas dinámicas
Editor de contenido
Para acceder al editor de contenido:
- Haga clic con el botón derecho en el y haga clic en Editar contenido.
- Para agregar una nueva pestaña, 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 la ficha.
- 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 para la imagen se encuentra en la parte inferior.
- Para mostrar imágenes en las pestañas, haga clic en el botón Mostrar imagen.
Editor de diseño
Para acceder al editor de diseño:
- Haga clic con el botón derecho en el y haga clic en Editar diseño.
- 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 fichas no seleccionadas, invertir la dirección de la ficha y controlar el diseño de la ficha en el móvil.
- Haga clic en la Pestaña seleccionada y colocar cursor para personalizar el estilo de texto y el fondo. Esto no afecta el diseño de todas las pestañas.
- Haga clic para cambiar el Estilo de descripción, Estilo de botón y Estilo de imagen.
- 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, fichas y acordeón. El diseño de las fichas puede controlarse por deslizamiento.
Para obtener información sobre las opciones de diseño que no son específicas de este (por ejemplo, diseño, estilo o espaciado), consulte Diseño de widgets.
Vista móvil
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 y haga clic en Editar diseño.
- Haga clic en Todas las pestañas y luego, en el botón Mostrar como acordeón.