Widgets: Advanced Tabs

Nota: esta información se refiere al Editor 2.0, antes conocido como All-Flex Editor. Para saber qué versión del editor usas, consulta «Editor Versions».

Con el widget Pestañas avanzadas, los visitantes de tu sitio hacen clic entre pestañas para ver contenido relacionado, en lugar de desplazarse por el texto. Su gran ventaja es que cada pestaña se diseña de forma independiente, lo que te da más flexibilidad y control. Puedes añadir varias columnas internas, reordenarlas y meter en ellas cualquier widget.

Para añadir el widget Pestañas avanzadas:

1. En el panel lateral, haz clic en Añadir y luego en Elements.
2. Busca Pestañas avanzadas y arrastra el widget hasta el canvas.

Editor de contenido

Haz clic en una pestaña del widget Pestañas avanzadas para abrir el menú flotante y luego en Contenido. Desde el menú de contenido puedes hacer lo siguiente:

• Cambiar el nombre de una pestaña, duplicarla o eliminarla. Haz clic en el icono de tres puntos junto a la pestaña que quieras y selecciona Cambiar nombre, Duplicar o Suprimir.
• Añadir una pestaña nueva. Para ello, haz clic en Añadir pestaña.
• Reordenar las pestañas. Arrástralas hasta dejarlas en el orden que quieras.

Editor de diseño

Haz clic en una pestaña del widget Pestañas avanzadas para abrir el menú flotante y luego en Diseño.

En el panel de diseño, despliega los apartados Estado predeterminado de la pestaña y Pasar el cursor de la pestaña y estado seleccionado. Desde ahí personalizas el estilo del texto, el fondo y la orientación de las pestañas.

Los ajustes de diseño se aplican a las pestañas en sí, no al contenido que añades dentro de ellas (columnas internas y widgets).

Por defecto, cada pestaña incluye una columna interna a la que puedes añadir más columnas internas o widgets. El diseño de la columna interna se define en el panel de diseño. Si haces clic en la columna interna, o en un elemento dentro de ella, puedes cambiar el diseño de ese elemento concreto. Así diseñas cada pestaña de forma independiente.

Si quieres información sobre opciones de diseño que no son específicas de este widget (por ejemplo, layout, estilo o espaciado), consulta «Widget Design».