Cómo agregar contenido con pestañas en publicaciones y páginas de WordPress

¿Quieres dividir tus publicaciones en pestañas para ahorrar espacio y facilitar que los usuarios encuentren lo que buscan? En este artículo, le mostraremos cómo agregar contenido con pestañas en publicaciones y páginas de WordPress.

Una publicación de WordPress con contenido con pestañas

Tutorial en video

Suscríbete a WPBeginner

Si no le gusta el video o necesita más instrucciones, continúe leyendo.

Lo primero que debe hacer es instalar y activar el complemento Tabs Shortcode y Widget. Este complemento funciona de inmediato y no hay opciones para configurar.

Simplemente cree una nueva publicación y, en la pantalla de edición de publicaciones, verá un nuevo botón de código corto. Al hacer clic en el botón, se mostrará un menú.

Botón de diseño de pestañas

Haga clic en la opción de diseño de pestañas en el menú y se iniciará la interfaz del editor de pestañas del complemento.

Agregar pestañas

La primera opción en el editor de pestañas es elegir el número de pestañas que desea mostrar. A continuación, puede elegir el tipo de diseño. El complemento admite pestañas horizontales y verticales. Después de eso, debe proporcionar un título a cada una de sus pestañas, elegir un icono si lo desea y luego agregar el contenido de la pestaña.

Repite el proceso para todas tus pestañas. La última opción en la ventana emergente es agregar una clase CSS personalizada. Si desea cambiar la apariencia de las pestañas, debe ingresar una clase CSS aquí.

Durante todo el proceso, podrá ver una vista previa en vivo de sus pestañas en el lado derecho. Una vez que haya terminado, haga clic en el botón Insertar para agregar las pestañas en su publicación de WordPress.

Guarde y obtenga una vista previa de su publicación y verá sus pestañas en acción.

Agregar un widget con pestañas en WordPress

El complemento también proporciona un widget para agregar contenido con pestañas en las barras laterales de WordPress. Simplemente visita Apariencia »Widgets y agregue el widget de código corto OTW a una barra lateral.

Agregar un widget de contenido con pestañas

En el área de configuración del widget, haga clic en el botón Agregar para agregar un diseño de pestaña. Esto abrirá el mismo editor de pestañas que le mostramos anteriormente. Simplemente cree sus pestañas usando la interfaz de usuario y agréguelas al widget. Por último, haga clic en el botón Guardar para almacenar la configuración de su widget.

Ahora puede obtener una vista previa de su sitio web para ver el widget de contenido con pestañas en acción.

Los usuarios más aventureros también pueden consultar este tutorial sobre cómo agregar un widget tabber jQuery en WordPress.

Esperamos que este artículo le haya ayudado a aprender cómo agregar contenido con pestañas en publicaciones y páginas de WordPress. También puede echar un vistazo a nuestra lista de los 8 mejores tutoriales de jQuery para principiantes de WordPress.

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Google+.

Publicaciones relacionadas

Botón volver arriba