¿Quieres organizar tus publicaciones en pestañas para ahorrar espacio y facilitar que los usuarios encuentren lo que buscan?
Agregar contenido en pestañas le permite agregar más información sobre sus productos y servicios. También permite a los usuarios encontrar todos los detalles en un solo lugar en lugar de ir a otra página.
En este artículo, le mostraremos cómo agregar contenido con pestañas a las publicaciones y páginas de WordPress.
¿Cuándo debería usar contenido con pestañas en WordPress?
Al usar pestañas, puede agregar más detalles en una pequeña cantidad de espacio o dividir grandes porciones de contenido para una mejor organización y experiencia del usuario.
Supongamos que tiene una tienda en línea. Puede agregar pestañas para descripciones de productos, reseñas, especificaciones técnicas y más. Esta separación ayuda a brindar todos los detalles para sus clientes en un solo lugar y hace que la página sea interactiva.
Del mismo modo, puede ver el contenido con pestañas en las páginas de complementos de WordPress.org. La página está dividida en diferentes secciones usando pestañas como detalles, revisiones, instalación, soporte e información de desarrollo.
El contenido con pestañas ayuda a las personas a permanecer en su sitio web de WordPress. No tiene que enviar a las personas a otra página para obtener todos los detalles que necesitan sobre sus productos y servicios.
Dicho esto, echemos un vistazo a cómo puede agregar contenido con pestañas a las páginas y publicaciones de WordPress.
Aquí están los 2 métodos que usaremos para hacer esto:
Método 1: agregue contenido con pestañas utilizando un generador de página de destino
La mejor manera de agregar contenido con pestañas en WordPress es usar un Producto de semilla. Es la mejor página de inicio de WordPress y creador de sitios web. SeedProd es apto para principiantes y viene con un generador de arrastrar y soltar, plantillas prefabricadas y múltiples opciones de personalización.
Para este tutorial, usaremos el SeedProd Pro licencia ya que contiene bloques avanzados para agregar contenido con pestañas. También hay un Semilla Prod Lite versión que se puede utilizar de forma gratuita.
Primero debe instalar y activar el complemento SeedProd. Si necesita ayuda, consulte nuestra guía sobre cómo instalar un complemento de WordPress.
Tras la activación, será redirigido a la pantalla de bienvenida de SeedProd en su panel de control de WordPress. Continúe e ingrese su clave de licencia, que se puede encontrar en el área de su cuenta de SeedProd.
Entonces puedes ir a SeedProd » Páginas de destino desde su panel de administración de WordPress.
Después de eso, haga clic en el botón «Crear nueva página de destino».
Desde aquí, SeedProd le mostrará varias plantillas de página de destino para elegir.
Continúe y seleccione una plantilla que desee usar. Pase el cursor sobre la plantilla y haga clic en la marca de verificación naranja.
Ahora se abrirá una ventana emergente donde deberá ingresar un título para su página en el campo ‘Nombre de la página’ y un slug de enlace permanente en ‘URL de la página’.
Después de eso, simplemente haga clic en el botón «Guardar y comenzar a editar la página».
Esto iniciará el generador de arrastrar y soltar SeedProd. Ahora puede agregar diferentes bloques a su plantilla y editar elementos existentes.
Para agregar contenido con pestañas, simplemente arrastre y suelte el bloque «Pestañas» en la sección Avanzado y suéltelo en la plantilla de la página.
Luego puede personalizar el bloque de pestañas en SeedProd.
Por ejemplo, puede hacer clic en el botón «Agregar nuevo elemento» para agregar tantas pestañas como desee. Además, hay opciones para editar el tamaño de fuente, el espaciado y la alineación del contenido de cada pestaña.
Luego puede hacer clic en cada pestaña para editarla más y agregar detalles.
Por ejemplo, puede cambiar el título de cada pestaña, agregar contenido y cambiar el icono de la pestaña.
Además, SeedProd también ofrece opciones de personalización avanzadas.
Simplemente haga clic en la pestaña ‘Avanzado’ en el menú a su izquierda. Aquí puede cambiar el diseño de las pestañas, la tipografía, el color, el color de fondo, los bordes y más.
Una vez que haya realizado cambios en el bloque de pestañas y personalizado su página de destino, no olvide hacer clic en el botón verde «Guardar» en la parte superior.
Después de eso, puede ir a la pestaña «Configuración de página».
Luego puede hacer clic en el interruptor «Estado de la página» y cambiar el estado de Borrador a Publicación.
Puede hacer clic en el botón ‘Guardar’ para guardar los cambios y cerrar el generador de páginas.
Ahora simplemente vaya a su sitio web para ver la página de contenido con pestañas de WordPress en acción.
Método 2: agregue contenido con pestañas usando un complemento de WordPress
Si no desea utilizar un generador de páginas de destino, puede utilizar un complemento de WordPress dedicado para agregar contenido con pestañas a sus publicaciones y páginas.
Primero necesitas el Reaccionar pestañas enchufar. Para obtener más información, consulte nuestra guía sobre cómo instalar un complemento de WordPress.
Después de la activación, puede ir a Pestañas Responsive » Añadir nuevas pestañas desde su tablero de WordPress y comience a ingresar un nombre para sus pestañas.
Luego puede desplazarse hacia abajo para agregar tantas pestañas como desee haciendo clic en el botón rojo «Agregar nuevas pestañas».
Además, puede editar cada pestaña individualmente cambiando el título, agregando una descripción, usando un ícono de pestaña diferente y editando la ubicación del ícono.
Además de eso, el complemento también ofrece varias ‘Configuraciones de pestañas’ en el menú a su derecha.
Por ejemplo, puede elegir mostrar el título de la pestaña, seleccionar diferentes opciones de título e ícono, cambiar la posición del ícono, mostrar el borde de las pestañas, seleccionar el color del texto y más.
Una vez que haya realizado los cambios, ahora puede usar las pestañas en cualquier publicación de blog o página usando el código abreviado generado por el complemento.
Simplemente haga clic en el botón ‘Publicar’.
Luego puede agregar las pestañas a cualquier página o publicación usando el [TABS_R id=130] Código corto. Asegúrese de reemplazar el número de identificación en el código abreviado con el número de identificación de su pestaña.
Puede encontrar fácilmente la identificación de la pestaña y el código abreviado yendo a Pestañas Responsive » Todas las Pestañas y copiando el código debajo de la columna Tabs Shortcode.
Luego, todo lo que tiene que hacer es agregar una nueva publicación o editar una publicación existente.
Si está en el editor de contenido, continúe y agregue un bloque de código abreviado para ingresar el código abreviado.
Después de eso, puede obtener una vista previa de su publicación o página de blog. Si todo es correcto, puede hacer clic en el botón «Publicar» o «Actualizar» para guardar las pestañas en su publicación.
Visite su sitio web ahora para ver el contenido de las pestañas en acción.
Esperamos que este artículo lo haya ayudado a aprender cómo agregar contenido con pestañas a las publicaciones y páginas de WordPress. También puede consultar nuestra guía sobre WooCommerce simplificado y cómo elegir el mejor software de diseño web.
Si te ha gustado este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Facebook.