WordPress utiliza pestañas para agrupar el método de visualización de contenido de campo

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.

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

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

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

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

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

Al editar una página, busque "Pestañas" en la selección de bloques.

Inserte el bloque Pestañas y añada el número necesario de pestañas.

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.

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.

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