¿Cómo crear un bucle de consulta personalizado en WordPress?

Los visitantes suelen llegar a un sitio web y quieren encontrar exactamente el tipo de información que buscan. Para ello, su sitio web debe ofrecer dichas opciones. Por ejemplo, los usuarios pueden querer ordenar las publicaciones en función de algunos parámetros.

En tales casos, un bucle de consulta personalizado podría resultar útil.

Lo bueno es que ahora puedes crear e integrar un bucle de consulta dentro de la interfaz de Gutenberg.

¿Se pregunta cómo?

En esta entrada del blog te lo contaremos todo en detalle.

¿Qué es un bucle de consulta?

Bucle de consulta para WordPress es una función que permite a los usuarios ver un tipo particular de lista según su prioridad. Por ejemplo, podría ser una lista de páginas, publicaciones, publicaciones personalizadas, imágenes, etc. Los usuarios pueden establecer reglas para mostrar la lista.

Dependiendo de los requisitos de los usuarios, estas consultas podrían basarse en autores, etiquetas, categorías, tipos de publicaciones y más.

Cualquiera que sea la regla, las publicaciones de las páginas deben aparecer en función de un único comando.

¿Por qué necesitas una consulta personalizada en WordPress?

No hace falta decir que es necesario ofrecer la mejor experiencia a los visitantes. El ciclo de consulta es una de las herramientas clave que atrae a la audiencia al ayudarles a encontrar la información correcta.

Cuando ayudas a tu audiencia, esta tiende a permanecer en tu sitio web durante más tiempo y a visitar varias páginas.

¡Y no solo eso! Si la audiencia interactúa más con tus páginas web, hay muchas posibilidades de que tu sitio tenga un mejor rendimiento en términos de SEO.

¿Cómo integrar consultas personalizadas en el sitio de WordPress?

Solo necesitas el complemento GutenKit Blocks para WordPress para integrar el mejor bucle de consultas amigable con la experiencia del usuario. Aquí he compartido todo el proceso de la manera más sencilla.

Paso 1: Instalar el complemento de bloque de bucle de consulta

Empieza instalando el complemento Query Block. Para ello, ve al panel de control de tu sitio web de WordPress y pasa el cursor sobre el complemento. Selecciona Agregar nuevo y tendrás la opción de buscar complementos.

Tipo Gutenkit y pulsa el botón de búsqueda.

Aparecerá el complemento Gutenkit. Instale el complemento y actívelo.

Una vez que active el complemento, elija un plan para el complemento y el plan inicial. El precio comienza en $39Elige el plan que más te convenga.

Alternativamente, puedes elegir directamente un plan de Gutenkit 

Paso 2: Habilite el generador de consultas:

Desde el panel de WordPress, navegue hasta GutenKit → Bloques → Generador de consultas de localización → Activarlo.

Abra la página o publicación donde desea utilizar el Generador de consultas. Busque el bloque Generador de consultas GutenKit y haga clic o arrástrelo hacia el área de contenido.

Paso 3: Elige una plantilla

Seleccione una plantilla predefinida o en blanco para su bucle de consulta entre las variantes disponibles. Después de elegir la plantilla, expanda la pestaña Consulta para configurarla.

En la selección de tipo de consulta, establezca el tipo de publicación. Por ejemplo, puede elegir publicaciones para mostrarlas en un bucle de consulta.

Paso 4: Habilitar el bucle de consulta

Ahora quieres mostrar el bucle de consulta en todo el sitio web, ¿no? Para utilizar el contexto de consulta global o deshabilitarlo para personalizarlo de forma independiente.

Personalización de la plantilla de bucle de consulta

Si elige una plantilla ya preparada, es posible que no sea suficiente crear e integrar el bucle de consulta. Para sacarle más partido, personalice la plantilla con el siguiente estilo.

En la sección Contenido, puedes personalizar varias opciones de diseño. Puedes elegir un tipo de diseño, como Cuadrícula, Control deslizante, Flexible o Bloque. Para los diseños de cuadrícula, selecciona Automático, Manual o Mampostería y ajusta el ancho y la altura mínimos de las columnas.

También puede modificar los espacios entre filas y columnas para controlar el espaciado.

La sección Estilo te permite ajustar la apariencia de tu bucle de consulta. Ajusta el relleno, el tipo de fondo, el borde, el radio del borde y la sombra del cuadro para que coincidan con tu diseño preferido.

Una plantilla Query Loop también permite editar imágenes, extractos, títulos y fechas, e incluso agregar contenido adicional.

Para la imagen destacada, puedes configurar su tamaño, alineación y título. Las opciones de enlace incluyen un enlace a la publicación, agregar una URL personalizada o un enlace al archivo multimedia con una opción de caja de luz.

Los ajustes de estilo incluyen relación de aspecto, ancho, alto, superposición, filtros CSS, borde, sombra de cuadro y radio del borde.

El título de la publicación tiene opciones para agregar texto personalizado antes o después, establecer un título alternativo y controlar su etiqueta HTML y su longitud máxima. Puedes aplicar estilos al color, el fondo y la tipografía del título e incluso aplicar modos de fusión para lograr efectos creativos.

Si lo desea, puede ajustar la longitud del fragmento de la publicación y establecer una opción alternativa. En esta opción, la configuración de estilo permite realizar cambios en la alineación, el color y la tipografía del fragmento.

Para la información de las publicaciones, puedes actualizar metadatos como autor, fecha, hora, comentarios, términos y campos personalizados. Cada elemento de metadatos ofrece opciones de personalización específicas, que incluyen agregar íconos, antes del texto y enlaces. Los términos como categorías y etiquetas se pueden personalizar para mostrar múltiples valores.

La configuración de paginación le permite elegir entre el tipo basado en números o el tipo anterior/siguiente. La paginación por números incluye opciones para truncar los controles para una navegación más clara, mientras que el tipo anterior/siguiente le permite aplicar estilo al texto y los íconos para una mejor usabilidad.

Consultas de filtrado

Ahora, digamos que desea facilitar a sus lectores la tarea de filtrar las consultas. Para ello, desactive la herencia de plantillas. Aparecerá la opción "Editar". Elíjala y obtendrá una variedad de opciones de filtrado para las consultas.

Por ejemplo, puede establecer filtros con Publicaciones, Consulta de taxonomía, Consulta de metadatos, Autor, Comentarios, Estado, Orden, Paginación y más.

La mejor parte es que todos estos tienen más opciones de personalización para lograr la perfección en el filtrado.

Mira el siguiente vídeo para aprenderlo con más detalles.

Preguntas frecuentes

¿Quieres saber más sobre el bucle de consultas avanzado en WordPress? Consulta las siguientes preguntas y respuestas.

¿Qué es el Query Loop en WordPress?

El Query Loop en WordPress es una función que muestra dinámicamente listas de contenido, como publicaciones, páginas o publicaciones personalizadas, según reglas específicas como categorías, etiquetas o autores.

¿Cómo uso el bloque de bucle de consulta?

Instala un complemento como GutenKit, agrega el bloque Query Loop en Gutenberg y establece reglas para mostrar el contenido. Ajusta parámetros como el tipo de publicación, las categorías o las etiquetas para la lista deseada.

¿Cuáles son los beneficios de utilizar Query Loop en WordPress?

Query Loop ayuda a los usuarios a encontrar información relevante fácilmente, mejora la participación de la audiencia, aumenta el tiempo invertido en su sitio y potencia el SEO al facilitar el descubrimiento de contenido.

¿Puedo personalizar el diseño de un bucle de consulta?

Sí, puedes personalizar completamente el diseño de Query Loop usando la configuración de Gutenberg o complementos como GutenKit para garantizar que coincida con el diseño de tu sitio web y las necesidades del usuario.

¿Qué tipos de contenido se pueden mostrar utilizando Query Loop?

Puede mostrar publicaciones, páginas, publicaciones personalizadas, archivos multimedia y otros tipos de contenido de WordPress según categorías, etiquetas, autores o parámetros personalizados.

Terminando

Por lo tanto, si realmente te preocupas por tu audiencia y la haces sentir satisfecha con una buena experiencia de usuario, integra el ciclo de consulta. No te llevará más de una hora completar todo el proceso. Además, puedes hacerlo sin tener ningún conocimiento de programación.