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](http://gqxi.cn/wp-content/uploads/2025/06/20250630135459370-image.png)
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](http://gqxi.cn/wp-content/uploads/2025/06/20250630112229339-image.png)
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](http://gqxi.cn/wp-content/uploads/2025/06/20250630112408300-image.png)
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](http://gqxi.cn/wp-content/uploads/2025/06/20250630112501612-image.png)
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](http://gqxi.cn/wp-content/uploads/2025/06/20250630113501377-image.png)
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](http://gqxi.cn/wp-content/uploads/2025/06/20250630113825359-image.png)
- 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](http://gqxi.cn/wp-content/uploads/2025/06/20250630114125689-image.png)
- 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](http://gqxi.cn/wp-content/uploads/2025/06/20250630134417571-image.png)
- 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](http://gqxi.cn/wp-content/uploads/2025/06/20250630135013756-image.png)
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](http://gqxi.cn/wp-content/uploads/2025/06/20250630135353772-image.png)
- 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
|
① 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 |
Enlace a este artículo:http://gqxi.cn/es/63990El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios