Una mirada más profunda a Loop Grid de Elementor: por qué es una herramienta poderosa para la presentación de su contenido

Elementor Como el constructor de páginas más popular a través de su Widget de cuadrícula de bucleLoop Grid proporciona a los usuarios una forma flexible y potente de mostrar una amplia variedad de contenidos. Ya se trate de un artículo, producto o contenido personalizado, la cuadrícula de bucle lo muestra de forma dinámica y visualmente atractiva, mejorando la interacción del usuario y la eficacia general de su sitio web. En este artículo, echaremos un vistazo en profundidad a la cuadrícula de bucle de Elementor y te mostraremos por qué es una herramienta tan potente para la presentación de contenidos.

¿Qué es Loop Grid de Elementor?

Elementor Rejilla de bucle es un widget que muestra dinámicamente un conjunto de contenidos del mismo tipo en un sitio web. Con Loop Grid, es posible mostrar artículos, productos, categorías, etc. en un formato de cuadrícula y hacer que cada elemento de contenido siga la mismaPlantillas de diseño. Este widget ofrece una gran capacidad de personalización, ya que permite controlar el diseño, la visualización y el estilo de cada elemento de contenido, lo que hace que la presentación del contenido en el sitio sea más flexible y creativa.

Comparación con los widgets convencionales

En Elementor, la forma de mostrar el contenido no se limita a la cuadrícula de bucles; también se puede mostrar mediante métodos como "escritos"o"ofertas"Widgets" para mostrarelemento único. Estos widgets tradicionales suelen tener las siguientes limitaciones:

Restricciones de diseñoWidgets tradicionales: Los widgets tradicionales limitan sobre todo la forma en que se puede organizar el contenido, como los encabezados,fotografíaLa posición de elementos como las descripciones, etc., suele ser fija y no puede ajustarse fácilmente.
Poca personalizaciónWidgets de estilo: Aunque estos widgets ofrecen opciones de modificación del estilo, no permiten aplicar estilos personalizados totalmente independientes a cada elemento de contenido, ni controlar libremente cómo se organiza y muestra el contenido.
limitaciones funcionaleswidgets tradicionales: los widgets tradicionales sólo pueden mostrar tipos de contenido específicos, como el widget "Artículos", que sólo muestra artículos y no puede combinarse fácilmente con otros tipos de contenido, como productos o categorías.

En cambio, Loop Grid es capaz de superar estas limitaciones y alcanzar un mayor grado de personalización.

Principales ventajas de la red de bucles

1. Diseño personalizado

Una de las mayores ventajas de Loop Grid es la altura personalizable de su diseño. El contenedor Flexbox de Elementor facilita el control de la disposición del contenido. Ya sea horizontal, vertical oDisposición de la rejillaLa Loop Grid ofrece una gran libertad.

2. Visualización dinámica de contenidos

Se puede utilizar Loop Gridetiqueta dinámicapara mostrar contenido extraído de la base de datos de WordPress. Esto significa que contenidos dinámicos como títulos de entradas, imágenes, categorías, fechas, etiquetas, etc. pueden incrustarse directamente en la plantilla, eliminando la necesidad de introducir manualmente cada elemento.

3. Diseño flexible de plantillas

Cuando utilice la cuadrícula de bucle, deberáCrear una plantillay esta plantilla se aplicará a cada contenido. Los diseños de las plantillas pueden ser muy sencillos, conteniendo títulos, imágenes, categorías, resúmenes, etc., o muy complejos, incorporando elementos más personalizados como iconos, botones, etc. También es posible crear diferentes plantillas para distintos tipos de contenido (artículos, productos, categorías, etc.) y cambiar y aplicar estas plantillas según sea necesario. Cada vez que se actualiza el contenido, los estilos y estructuras de las plantillas se adaptan automáticamente al nuevo contenido.

4. Mejora de las funciones de consulta y filtrado

Loop Grid proporciona un control preciso sobre lo que se muestra a través de la configuración de la consulta. Elija mostrar sólo artículos o productos de categorías específicas, o porfechasypuntuación (del trabajo del alumno)ypreciosy otras condiciones para filtrar el contenido. Los ajustes de consulta no solo le ayudan a filtrar el contenido más relevante, sino que también evitan mostrar elementos duplicados o irrelevantes, optimizando así la carga de la página y mejorando la experiencia del usuario.

5. Compatibilidad con distintos tipos de contenido

Una característica destacable es que Loop Grid no sólo es adecuado para artículos, sino que también se puede utilizar para mostrar productos de WooCommerce, categorías, páginas y mucho más. Tanto si quieres mostrar entradas de blog como catálogos de productos, Loop Grid te ofrece una presentación coherente.

Explicación de las opciones de la cuadrícula de bucle

Ficha Contenido

1. Disposición

DisposiciónDetermina la apariencia de los elementos en la Cuadrícula de bucle. Los elementos que realmente aparecen en la cuadrícula de bucle están definidos por el parámetro Sección de consultasOK. Cada cuadrícula de bucle debe contener una plantilla. Utilice el botón Seleccione el tipo de plantilla El menú desplegable permite seleccionar entre los siguientes tipos de diseño:

Artículos: Una cuadrícula de bucle que muestra entradas, páginas o productos regulares.
Clasificación de artículos (Post Taxonomía)Una cuadrícula de bucle que muestra las diferentes categorías de mensajes.
ProductosA Loop Grid mostrando productos de WooCommerce.
Taxonomía de productosUna cuadrícula de bucle que muestra las diferentes categorías de productos.

2. Sección de consulta

Sección de consultaSe utiliza para determinar qué elementos se muestran en el Bucle, las opciones principales sonFuenteyOcultar Vacíoresponder cantandoIgnorar Sticky Puestosetc.

FuenteLas opciones son Artículos, Páginas, Páginas de destino, Páginas seleccionadas manualmente, Consulta actual (para crear una plantilla que se aplicará a varias categorías y/o etiquetas). Esto elimina la necesidad de escribir nuevas consultas, artículos relacionados para cada categoría o etiqueta.
Ocultar VacíoSeleccione Sí para ocultar categorías, etiquetas y tipos que no contengan artículos o productos. Solo aparece en la cuadrícula de bucle, donde se muestran las categorías y los tipos.
Ignorar Sticky PuestosArtículos principales : Los artículos principales son aquellos que se designan para aparecer siempre en la parte superior de la página de inicio del blog, incluso si se publica un artículo actualizado. Si se selecciona "Sí", la consulta no tendrá en cuenta si un artículo es un artículo principal o no a la hora de ordenar el bucle.

3. Sección de paginación

PaginaciónSi el Bucle contiene varios elementos de tamaño de pantalla, se dividirá en varias páginas. Estas páginas se pueden enumerar de la siguiente manera:

Números(localización digital)
Anterior/Siguiente(página anterior/siguiente)
Números + Anterior/Siguiente(paginación numérica + página anterior/siguiente)
Cargar al hacer clic(Haga clic para cargar)
Desplazamiento infinito(Desplazamiento infinito)

Límite de páginas:Utilice el cuadro de texto para introducir el número máximo de páginas que desea que contenga el Bucle.

AcortarSi se utiliza la numeración de páginas, se puede reducir el desorden de páginas limitando el número de páginas mostradas en la pantalla.

4. Mensaje "No se ha encontrado nada

En algunos casos, los visitantes del sitio web pueden filtrar el BuclePero no se ha encontrado ningún resultado. Por ejemplo, en un Bucle para una prenda de vestir, un visitante puede filtrar por las categorías "Azul" y "Pantalones". Si no hay pantalones azules en el bucle, no se muestra ningún resultado. Cambie el interruptor a "abre"Mostrar mensaje cuando Bucle no tiene resultado. Si decide mostrar un mensaje, puede realizar los siguientes ajustes:

Cuadro de texto: Introduzca el texto que desea mostrar al visitante.
Alineación: muestra el texto a la derecha, al centro o a la izquierda del Bucle.
Etiquetas HTML: establece las etiquetas HTML de los mensajes en H1-H6, Div o Span. esto ayuda a los motores de búsqueda a encontrar y entender los mensajes.

Ficha de estilo

1. Paginación

Tipografía: Establece el tamaño, tipo y color de la fuente utilizada para la paginación.

Opciones de color:Determina el color de los números o del texto utilizado para la paginación.

NormalColor por defecto para números o texto.
HoverColor cuando el visitante pasa el ratón por encima de un número o texto.
Actividades (Activas): El color del número o texto correspondiente cuando la página está siendo visualizada por el visitante.
ColorPara seleccionar un color, puede utilizar el selector de color o el color global.
Espacio entre páginas: Utilice el control deslizante para controlar el espaciado entre números o texto en la página.
Espacio entre bordes (espaciado): Utilice el control deslizante para controlar la distancia entre el número de página o el texto y el borde del Bucle.

2. Mensaje "No se ha encontrado nada

Controla la aparición de mensajes de no encontrado:

Espacio desde arriba: Utilice el control deslizante para determinar a qué distancia se encuentra el mensaje de la parte superior del Bucle.
Espacio desde abajo: Utilice el control deslizante para determinar a qué distancia se encuentra el mensaje de la parte inferior del Bucle.
Tipografía: Controla el color, el tamaño y el tipo de letra utilizados en el mensaje. Para más detalles, véase Tipografía.
Color: Seleccione un color para el mensaje. Para más detalles, consulte Selección de colores o Uso de fuentes y colores globales.
Sombra de textoHaga clic en el icono del lápiz para añadir una sombra al texto.
Trazo de textoPulse sobre el icono del lápiz para añadir un color de trazo al texto. Más información sobre los trazos de texto.

resúmenes

Elementor (utilizado como expresión nominal) Rejilla de bucle es un widget muy flexible que puede ayudar a los usuarios a mostrar diversos contenidos en el sitio web de forma dinámica y creativa, incluidos artículos, productos, categorías, etc. Ofrece más opciones de personalización y libertad de diseño que los widgets tradicionales de artículos o productos, lo que puede mejorar eficazmente la experiencia del usuario y el efecto general del sitio web.

Para obtener más información y tutoriales relacionados con WordPress, siga el enlaceRed de fluctuación de fotonestiene los tutoriales de WordPress más completos y los más activos.Comunidad de intercambio de WordPress.

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