Cómo crear páginas de categorías en WordPress con cuadrículas recurrentes de Elementor Pro

En WordPress, es posible crear páginas de categorías bonitas y potentes utilizando una cuadrícula circular o una rotación circular. Este artículo detallará cómo utilizar estas herramientas para lograrlo.

I. ¿Por qué crear páginas de categorías utilizando una cuadrícula circular o una rotación circular?

Rejilla cíclica y rotación cíclicason herramientas muy útiles en el diseño web moderno. Permiten mostrar el contenido de una página en un formato cuadriculado o girado, que es a la vez estético y práctico. Al utilizarlas para crear páginas de categorías, puede mostrar dinámicamente contenidos de distintas categorías, como artículos, productos, imágenes, etc., mejorando así la experiencia del usuario.

Entre sus puntos fuertes destacan:

• Visualización dinámica: Muestra automáticamente los contenidos categorizados, reduciendo la necesidad de actualizaciones manuales.
• Flexibilidad: El diseño, el estilo y la visualización del contenido pueden ajustarse fácilmente.
• Experiencia del usuario: Proporcionar una mejor experiencia visual y de navegación y aumentar el tiempo que los usuarios pasan en el sitio.

II. Pasos para crear una página de categoría

En esta guía, utilizaremos un ejemplo para detallar cómo pasar la directivaElementor ProLa red cíclica (Rejilla de bucle) para crear una página de categorías que muestre categorías de artículos. Aunque estamos utilizando artículos como ejemplo, el mismo enfoque funciona para productos y otros tipos de contenido.

1. Configurar y arrastrar y soltar la cuadrícula del bucle

En primer lugar, tenemos que configurar una cuadrícula circular en la página para mostrar las categorías de contenido.

Arrastre y suelte la cuadrícula de bucle:

• Inicie sesión en el panel de control de WordPress.
• Cree una nueva página o edite una ya existente.
• En el editor de Elementor, busque elWidget de cuadrícula de bucley arrástralo y suéltalo en el lienzo de la página.

Seleccione el tipo de plantilla:

• En el panel izquierdo, busque el menú desplegable "Seleccionar tipo de plantilla".

• Seleccione "taxonomía"como tipo de plantilla. Si WooCommerce está instalado, también verá "clasificación de productos"Opciones.

Crea una plantilla:

• Haga clic en el botón Crear plantilla. Esto creará una nueva plantilla para su página de categoría donde podrá añadir contenido dinámico.

2. Creación de plantillas con etiquetas dinámicas

Para que la plantilla muestre automáticamente el contenido de la categoría, necesitamos utilizar etiquetas dinámicas. Esto eliminará la necesidad de introducir manualmente información como nombres de categorías, descripciones, etc.

Añade un widget de título:

• Arrastre y suelte el widget Título en la plantilla para mostrar los nombres de las categorías.

Utilice etiquetas dinámicas:

• En el panel Configuración del widget Título, haga clic en el icono Etiqueta dinámica situado junto al campo Título.

• Seleccione "Título del archivo" en el menú desplegable. De este modo, la plantilla mostrará automáticamente el nombre de la categoría actual sin necesidad de introducirlo manualmente.

Elimine el texto innecesario:

• Normalmente, WordPress añade automáticamente el nombre de la categoría antes del "Publicar enetc.". Para eliminar estos textos irrelevantes, puedes ir a la configuración del widget de cabecera, buscar la opción "Incluir contexto" y ponerla en "No".

Añade una descripción de la categoría:

• Utilice el widget del editor de texto para mostrar la descripción de la categoría.

• En el campo de contenido del widget del editor de texto, seleccione la etiqueta dinámica "Descripción del archivo", que mostrará automáticamente la descripción de la categoría actual.

3. Hacer que los elementos de categoría sean clicables

Para mejorar la experiencia del usuario, se puede hacer que los elementos de las páginas de categorías sean clicables, de modo que los usuarios puedan ir directamente a la página de detalles de la categoría haciendo clic en el título o la imagen de la categoría.

Haga que el contenedor sea clicable:

• Al editar una plantilla, seleccione el contenedor haciendo clic en el icono de la esquina superior izquierda.

• En el panel de configuración del contenedor, busque "Opciones adicionales"Parte.

• En el menú desplegable de etiquetas HTML, seleccione la opción "Enlace".

• En el campo Enlace, haga clic en el icono Etiqueta dinámica y seleccione "URL de archivo". Esto convertirá todo el contenedor en un enlace que, al ser pulsado por el usuario, saltará a la página de la categoría correspondiente.

Haga que los elementos individuales sean clicables:

• Si sólo desea que el título o la imagen sea clicable y elNo todo el contenedorque se encuentra en el widget "elemento" para encontrar la pestaña "enlace (en una página web)".

• Haga clic en el icono Etiqueta dinámica y seleccione "URL de archivo". De este modo, sólo se cambiará el título o la parte de la imagen por un enlace.

4. Exclusión de categorías innecesarias

En algunos casos, puede ser conveniente excluir determinadas categorías no deseadas (por ejemplo, "Sin categoría") de la página de categorías. He aquí los pasos a seguir:

Abra la configuración de la consulta:

• Seleccione la cuadrícula en bucle o el widget giratorio.
• En el panel izquierdo, abra la sección Consultas.

Seleccione manualmente las condiciones de filtrado:

• En el menú desplegable "Filtrar por", seleccione "Selección manual".

• Haga clic en la opción "Excluir" e introduzca el nombre de la categoría que desea excluir (por ejemplo, "Blog shortcodes > FAQ").

Guarda la configuración:

• Una vez completados los ajustes de exclusión, haga clic en el botón "Guardar".

III. Añadir imágenes a las páginas de categorías

Añadir imágenes a las páginas de categorías puede mejorar significativamente el atractivo visual de la página. Si desea añadir una imagen para cada categoría, estos son los pasos para hacerlo:

1. Añadir widgets de imagen

Añade un widget de imagen:

• Arrastre y suelte el widget de imagen en la ubicación adecuada de la plantilla.

Utilice etiquetas dinámicas para seleccionar imágenes:

• En la pestaña Contenido del widget Imagen, haz clic en el icono Etiqueta dinámica situado junto al campo Imagen.

• En el menú desplegable seleccione "Campos de imagen de producto WooCommerce". Esto le permitirá mostrar automáticamente las imágenes asociadas a cada categoría.

Configuración de campos dinámicos:

• En Campos dinámicos, haga clic en el icono de llave y seleccione el campo asociado a la imagen de categoría en el menú desplegable.

Guardar y previsualizar:

• Una vez completada la configuración, guarde la plantilla y previsualice la página para asegurarse de que las imágenes de las categorías se muestran correctamente.

IV. Diseño y optimización de páginas de categorías

Tras crear una página de categorías básica, el diseño y la funcionalidad de la página pueden optimizarse aún más para mejorar la experiencia del usuario.

1. Configuración del estilo de página

Utiliza las herramientas de estilo de Elementor para personalizar el diseño, los colores, las fuentes y otros elementos visuales de tus páginas. Asegúrate de que la página sea coherente con el estilo general de tu sitio ajustando estas opciones.

2. Diseño adaptable

Asegúrate de que tus páginas de categorías se muestran bien en distintos dispositivos (por ejemplo, teléfonos móviles, tabletas y ordenadores). Utilice Elementordiseño sensibleherramienta que previsualiza y ajusta la página enEn diferentes dispositivosLa visualización del

3. Optimización del rendimiento

Utilice imágenes ligeras y código limpio para garantizar que las páginas se cargan rápidamente. Una buena velocidad de carga no solo mejora la experiencia del usuario, sino también la clasificación en los motores de búsqueda.

alcanzar un veredicto

Crear páginas de categorías en WordPress utilizando una cuadrícula circular o una rotación circular no sólo mantendrá el contenido de su sitio más organizado, sino que también proporcionará una mejor experiencia de navegación a sus usuarios. Con funciones como las etiquetas dinámicas, los contenedores clicables y la optimización de imágenes, es fácil crear una página de categorías que sea a la vez bonita y funcional.

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