?Qué hacer si tienes demasiada información en un campo? Utilice pesta?as para agrupar

existe WordPress En la gestión de contenidos web, cuando se trata de páginas de productos, páginas de cursos o tipos de artículos personalizados, a menudo utilizan un gran número de campos para contener detalles, por ejemplo:

  • Parámetros del producto (modelo, peso, material)
  • Contenido del curso (introducción, programa, presentación del profesor, preguntas frecuentes)
  • Descripción de los servicios (alcance de los servicios, descripción de precios, información para el usuario)

Si todo el contenido de los campos está apilado en la misma página, resultará confuso de leer para los usuarios y reducirá la profesionalidad y la estética de la página.

Este artículo le guiará sobre cómo utilizar la funcióntabLas pesta?as se agrupan para mostrar el contenido de los campos.

Imágenes[1]-WordPress uso Tab Tabs grupo mostrar campo contenido método

I. Ventajas de las pesta?as

Es posible cambiar de pesta?a:

  • Agrupación de distintos tipos de información para su visualización
  • utilizar con moderaciónpágina webLongitud, para evitar contenidos demasiado largos
  • Mejorar la estética y la profesionalidad de la página
  • Permitir a los usuarios encontrar rápidamente la información que necesitan

En segundo lugar, sin código, la producción de contenido de campo Tab Tab método de página

Para los recién llegados, se recomienda utilizar Plugin Editor de páginas Implemente la funcionalidad de pesta?as, por ejemplo:

Método 1: Utilizar la versión gratuita de Elementor

Elementor Es uno de los editores de páginas más utilizados en WordPress, y la versión gratuita incluye un widget de pesta?as para facilitar su uso.

Pasos:

1. En el fondo de WordPress, haz clic en [Páginas], selecciona la página que quieras editar y haz clic en [Editar con Elementor].

Imágenes [2]-WordPress uso Tab Tabs grupo de visualización de contenido de campo método

2. Busque "Pesta?as" en la parte izquierda, arrastre y suelte. Widget de pesta?as ir a la página

Imagen [3]-WordPress utiliza pesta?as para agrupar los métodos de visualización de contenido de campo

3. Edite el título y el contenido de cada pesta?a.

Imagen [4]-WordPress utilizando el método de visualización de contenido de campo del grupo Tabs

4. Si el contenido procede de un campo, puede copiar el contenido del campo y pegarlo en la pesta?a correspondiente.

Imagen [5]-WordPress uso Tab Tabs grupo mostrar campo contenido método

Ejemplo:

    • Pesta?a 1 Título: Descripción del producto
    • Pesta?a 1 Contenido: Copie y pegue el campo de descripción del producto
    • Ficha 2 Título: Parámetros del producto
    • Contenido de la pesta?a 2: copiar y pegar campos de parámetros
    • Pesta?a 3 Título: Preguntas frecuentes
    • Pesta?a 3 Contenido: Copiar y pegar PREGUNTAS FRECUENTES campo

    5. Haga clic en [Actualizar] para guardar la página.

    Método 2. Usar el plugin de bloque del editor Gutenberg

      Si utiliza el editor por defecto de WordPress (Gutenberg), puede instalar plugins de bloqueo que admitan la funcionalidad Tab, por ejemplo:

      • Bloques Kadence
      • Spectra (antes conocido como Ultimate Addons para Gutenberg)

      Pasos:

      • Instale y active el complemento (vaya al fondo [Complemento] → [Instalar complemento] y busque el nombre del complemento).
      Imagen [6]-WordPress utiliza pesta?as para agrupar los métodos de contenido de los campos de visualización
      • Al editar una página, busque "Pesta?as" en la selección de bloques.
      Imagen [7]-WordPress uso Tab Tabs grupo mostrar campo contenido método
      • Inserte el bloque Pesta?as y a?ada el número necesario de pesta?as.
      Imagen [8]-WordPress utiliza pesta?as para agrupar los métodos de visualización de contenido de campo
      • Pegue el contenido del campo correspondiente en cada pesta?a
      • Página actualizada

      Método 3. Utilice la función Pesta?a que viene con el tema.

      Algunos de los temas avanzados (como Astra ProEl componente Tab viene con Blocksy Pro, que puede insertarse directamente durante la edición de la página sin necesidad de instalar un plug-in.

      Agrupación de pesta?as mostrar notas de aplicación

      Mediante las pesta?as, puede mover un gran número de páginas en elcampoEl contenido, dividido lógicamente en distintas partes, para que la estructura general sea más clara. Por ejemplo, la introducción, los parámetros, las preguntas más frecuentes, los métodos de uso y otra información se colocan por separado, de modo que los visitantes pueden hacer clic en el interruptor para ver el contenido necesario, para evitar la confusión visual causada por el apilamiento continuo de contenido de la página.

      Imagen [9]-WordPress utilizando el método de visualización de contenido de campo del grupo Tabs

      Al dise?ar pesta?as, puede determinar el orden de agrupación y la denominación en función del tipo de contenido del campo para garantizar que cada pesta?a presente un bloque de contenido independiente que sea fácil de entender y leer.

      IV. Sugerencias

      • El contenido de la etiqueta Tab es adecuado para colocar lógicamente separadasbloque de contenido
      • Se recomienda limitar el número de pesta?as a 3-5 para evitar opciones difíciles a los usuarios.
      Imagen [10]-WordPress uso Tab Tabs grupo mostrar campo contenido método
      • El contenido de cada pesta?a debe ser lo más sencillo posible, dando prioridad a la información básica.

      V. Resumen

      Al utilizar pesta?as para mostrar el contenido de los campos en grupos, la página será más ordenada, más fácil de navegar y el dise?o general será más profesional. Para los novatos en WordPress, no se necesita código, basta con utilizar Elementor,Bloques Kadence o el tema viene con un componente, es facilísimo.


      Contacte con nosotros
      ?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas
      Servicio de atención al cliente WeChat
      Servicio de atención al cliente WeChat
      Tel: 020-2206-9892
      QQ咨詢:1025174874
      (iii) Correo electrónico: info@361sale.com
      Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
      ? Declaración de reproducción
      Este artículo ha sido escrito por lmx
      EL FIN
      Si le gusta, apóyela.
      felicitaciones156 compartir (alegrías, beneficios, privilegios, etc.) con los demás
      comentarios compra de sofás

      Por favor, inicie sesión para enviar un comentario

        Sin comentarios