Cómo crear pestañas en WordPress para organizar el contenido

Si tienes que publicar mucha información de varios tipos en entradas de blog o páginas de forma concisa, las pestañas pueden ser un elemento web útil para hacerlo. Te permiten organizar el contenido en secciones separadas para que los usuarios puedan explorar y encontrar selectivamente la información que necesitan.

Con el editor de bloques Gutenberg, puedes añadir fácilmente pestañas a las entradas de tu blog. En este artículo, te mostraremos cómo crear pestañas en WordPress para organizar el contenido. Antes de eso, responderemos a algunas preguntas básicas.

Las pestañas sirven como herramienta de navegación, permitiéndole mostrar mucha información en varias secciones. Como resultado, los usuarios no tienen que depender de un desplazamiento excesivo para explorar una amplia información en tu post o página.

Proporcionan un formato estructurado para que los usuarios puedan encontrar la información específica que buscan haciendo clic en ellas. Normalmente, las pestañas se utilizan para mostrar las páginas web en las secciones hero y header.

Pero hoy en día, con la ayuda de ciertos plugins de Gutenberg, puedes crear contenido con pestañas en cualquier lugar de cualquier publicación o página.

El contenido tabulado funciona excepcionalmente cuando se tiene una gran cantidad de información que necesita ser mostrada en un formato tabular. Este elemento es especialmente eficaz para organizar los siguientes tipos de información.

Descripciones de los productos: Puede utilizar este bloque para cubrir las especificaciones del producto, las características y las opiniones de los clientes en pestañas separadas.

Oferta de servicios: Si tiene varios planes o paquetes de servicios, es mejor mostrarlos en secciones separadas.

Planes de precios: Ya es una práctica habitual mostrar varios planes de precios en distintas pestañas de los sitios web.

Preguntas frecuentes: Aunque a la mayoría de la gente le gusta utilizar los bloques de preguntas frecuentes y de alternancia de contenidos para la sección de preguntas frecuentes, también puede utilizar el bloque de pestañas para cubrir esta sección.

Información comparativa: Si hay información que se presentaría mejor en una sección contigua, el bloque de pestañas es útil en este caso.

Cómo crear pestañas en WordPress

La biblioteca de bloques por defecto de Gutenberg no tiene el bloque de pestañas. Debes usar un plugin como Bloques definitivos para tenerlo en la biblioteca de plugins. El plugin tiene 25+ plugins adicionales mediante los cuales puedes llevar tu diseño web y marketing de contenidos al siguiente nivel.

Paso 01: Instalar y activar el plugin Ultimate Blocks

Ir a Plugins > Añadir nuevo plugin. Tipo Bloques definitivos en la barra de búsqueda de la esquina superior derecha. Instale y activar el plugin después de que aparezca a continuación.

Instale y active el plugin Ultimate Blocks

Paso 02: Insertar el bloque de contenido con pestañas

Abra una entrada o página. Busque el icono Contenido por pestañas pulsando Botón más (+). Una vez que encuentres el bloque, añádelo al editor de Gutenberg.

Añade el bloque Contenido en pestañas al editor de Gutenberg

Paso 03: Añadir nuevas pestañas y cambiarles el nombre

Haciendo clic en el botón icono más (+)puede añadir tantas pestañas como desee al bloque.

Añadir nuevas pestañas al bloque Contenido por pestañas

Coge el cursor y haz clic en la pestaña una a una. Se te permitirá renombrarlas. Entonces, renombra las pestañas en función del contenido que vayas a mostrar.

Cambiar el nombre de las pestañas del bloque Contenido por pestañas

Paso 04: Añadir contenido a las pestañas

Seleccione una pestaña en la que desee añadir contenido. A continuación, sitúe el cursor en su editor. Verás el icono Botón más (+) del editor Gutenberg. Haz clic y elige el bloque de contenido que necesites.

Añadir contenido a la ficha

Para el tutorial, hemos añadido los bloques de texto e imagen a la pestaña. De la misma manera, puedes añadir otros bloques a la pestaña. Haga lo mismo en otras pestañas.

Textos e imágenes añadidos al bloque Contenido por pestañas

Paso 05: Personalizar las pestañas

Acércate a la barra lateral derecha mientras mantienes seleccionado el bloque Contenido en pestañas. Encontrarás varias opciones para configurar, como los Tipos de pestañas, el Anclaje de pestañas y la Capacidad de respuesta.

Una vez que actualices a la versión premium, podrás añadir iconos a los títulos de las pestañas, textos secundarios y botones de llamada a la acción a las pestañas.

Configuración del bloque Contenido por pestañas

A continuación Ficha Estilos. Tendrás opciones para colorear el contenido de las pestañas, cambiar el diseño de las pestañas y establecer una nueva dimensión. Espero que puedas explorar y hacer esto por ti mismo.

Estilizar el bloque Contenido por pestañas

Conclusión

El bloque Contenido por pestañas que viene con el plugin Ultimate Blocks responde automáticamente en todos los dispositivos. Como resultado, usted no tiene que gastar mucho tiempo en lo que es la capacidad de respuesta del dispositivo.

Pero lo que hay que hacer es colocar el bloque en un lugar adecuado que hace que todo su post / página perfecta. Explorar nuestro otro post - cómo crear un botón de llamada a la acción en WordPress.



El equipo de Tableberg