Cómo añadir contenido por pestañas en las entradas y páginas de WordPress

¿Quieres dividir tus mensajes en pestañas para ahorrar espacio y facilitar a los usuarios la búsqueda de lo que buscan? En este artículo, le mostraremos cómo añadir contenido con pestañas en los posts y páginas de WordPress.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Lo primero que tienes que hacer es instalar y activar el plugin Tabs Shortcode y Widget. Este plugin funciona desde el primer momento, y no hay ajustes que puedas configurar.

Simplemente crea un nuevo mensaje, y en la pantalla de edición de mensajes, verás un nuevo botón de atajo. Al hacer clic en el botón se abrirá un menú.

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 plugin.

La primera opción en el editor de fichas es elegir el número de fichas que desea visualizar. A continuación, puede seleccionar el tipo de disposición. Los soportes del plugin, pestañas horizontales y verticales. A continuación, debe proporcionar un título a cada una de sus fichas, elegir un icono si lo desea y, a continuación, añadir el contenido de la ficha.

Repita el proceso para todas sus pestañas. La última opción en la ventana emergente es añadir una clase CSS personalizada. Si desea cambiar la apariencia de las pestañas, debe introducir aquí una clase CSS.

Durante todo el proceso, podrá ver una vista previa en vivo de sus pestañas en el lado derecho. Una vez que hayas terminado, haz clic en el botón "Insertar" para añadir las pestañas en tu mensaje de WordPress.

Guarda y previsualiza tu mensaje y verás tus pestañas en acción.

Añadir un widget con pestañas en WordPress

El plugin también proporciona un widget para añadir contenido con pestañas en las barras laterales de WordPress. Simplemente visite Apariencia " Widgets y añada OTW Shortcode Widget a una barra lateral.

En el área de configuración de widgets, haga clic en el botón Agregar para agregar la distribución de pestañas. Esto hará que aparezca el mismo editor de pestañas que le mostramos antes. Simplemente cree sus pestañas utilizando la interfaz de usuario y añádalo al widget. Por último, haz clic en el botón Guardar para guardar la configuración de tu 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 ver este tutorial sobre cómo añadir un widget jQuery tabber en WordPress.

Esperamos que este artículo le haya ayudado a aprender a añadir contenido con pestañas en las entradas 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 te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Google+.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir