Cómo añadir pestañas verticales en WordPress (Pasos sencillos)

Cómo añadir pestañas verticales en WordPress (Pasos sencillos)

Si alguna vez ha visitado un sitio web en el que la información se le presenta de forma caótica, con demasiado texto y sin una estructura clara, sabrá lo rápido que la frustración hace que la gente lo abandone.

Piense ahora en su propio sitio web. Si a los visitantes les cuesta encontrar lo que necesitan, es más probable que abandonen el sitio en lugar de rebuscar en su desordenado contenido. 

En lugar de hacer que los visitantes se desplacen interminablemente o busquen en un muro de texto, puede utilizar pestañas que le ayudarán a dividir el contenido en secciones. Piense en ellos como si fueran los capítulos de un libro: los usuarios hacen clic para ir directamente a lo que importa mientras su página se mantiene limpia y centrada.

En esta guía aprenderás a configurar pestañas verticales en WordPress en cuestión de minutos. Al final, tus páginas parecerán más limpias, tus visitantes se quedarán más tiempo y te preguntarás cómo te las arreglabas sin ellas. Comencemos.


Añadir pestañas verticales en WordPress

En Bloques definitivos proporciona un complemento 'Contenido por pestañasque admite diseños tanto horizontales como verticales. Siga estos pasos para añadir pestañas verticales a su sitio de WordPress.

Bloque de contenido con pestañas de Ultimate Blocks

Paso 1: Instalar y activar Ultimate Blocks

Para instalar Ultimate Blocks, acceda primero a su panel de control de WordPress. A continuación, desplácese hasta la sección Plugins y seleccione "Añadir nuevo". A continuación, busque "Bloques definitivos" en el directorio, haga clic en "Instalar ahora"y actívalo. 

Instalar y activar Ultimate Blocks

Paso 2: Añadir el bloque de contenido con pestañas

Para insertar pestañas verticales, abra la entrada o página deseada en el editor de WordPress, acceda al insertador de bloques mediante el botón “+” busque "Contenido por pestañas"y coloque el bloque en su área de contenido.

Añadir el bloque de contenido en fichas

Paso 3: Activar pestañas verticales

Haga clic en el bloque Contenido por pestañas para abrir la ventana Ajustes de bloque. Ahora, haga clic en el botón Estilos y desplácese hasta la pestaña Disposición de las pestañas sección. Encuentre la Presentación de la sección de diseño y cambia tus pestañas de Horizontal a Vertical.

Activar pestañas verticales

Paso 4: Gestión y personalización de pestañas

Para añadir más fichas, pulse el botón (+) debajo de la pestaña existente. Puedes cambiar el nombre de las pestañas haciendo clic en el título de la pestaña y escribiendo un nuevo nombre. Para organizar y eliminar las pestañas, sólo tienes que pasar el ratón por encima de ellas y utilizar la función mover y eliminar para realizar la tarea requerida. Para añadir contenido, haga clic dentro de la sección de la pestaña correspondiente e introduzca texto, imágenes o cualquier otro elemento compatible con el bloque.

Gestionar pestañas

Ahora, si quieres personalizar las pestañas, tienes que acceder al menú General y Estilos pestañas desde el panel de configuración del bloque. Desde ahí, podrás cambiar los tipos de pestañas, añadir anclajes de pestañas, tener iconos, imágenes y textos secundarios con el título (Pro), ajustar los colores de las pestañas, los títulos y el contenido, y personalizar los bordes y las dimensiones. 

Personaliza las pestañas mediante la configuración del Bloque.

Utiliza el Vista previa para comprobar cómo aparecen las pestañas verticales en la parte frontal. Una vez que pulse el botón Publique o Actualización ésta es la vista general del contenido de las pestañas que debería encontrar.

Avance final

Conclusión

Una página desordenada puede hacer que los visitantes la abandonen incluso antes de encontrar lo que buscan. Las pestañas verticales ayudan a crear un diseño más estructurado al mantener el contenido relacionado agrupado en secciones separadas.

Con herramientas como el plugin Ultimate Blocks, no necesitas conocimientos de programación ni horas de configuración para conseguirlo. En solo unos minutos, puedes transformar abrumadores muros de texto en un diseño sencillo que se adapta perfectamente a ordenadores de sobremesa, móviles y otros dispositivos.

Ahora que ya sabes cómo añadir, gestionar y personalizar pestañas verticales, pruébalas en tu sitio. Ya sea para Preguntas frecuentesEl mejor diseño es el que funciona con su público, así que experimente con diferentes configuraciones y encuentre la que mejor se adapte a sus necesidades. El mejor diseño es el que funciona para su público, así que experimente con diferentes configuraciones y encuentre la que se adapte a sus necesidades. Empieza a trabajar con ellos ahora mismo y convierte el caos en orden.

Lea también:



El equipo de Tableberg