La mejor revisión de GridBuilderWP: rejillas y filtros flexibles

Cuando te sientas a ver un partido de fútbol, ​​puedes ver fácilmente a las superestrellas desde una milla de distancia.

Su juego elegante y pulido los distingue y, a menudo, cambia el resultado del partido. Los fanáticos y los gerentes los aman porque cuando juegan, están en su mejor momento.

Lo mismo se aplica a las superestrellas en la industria de la música. Por lo general, se ponen a trabajar, nos dan serenatas con golpes y aún así continúan. Las estrellas son dueños de su oficio y llevan nuestra imaginación al límite.

Ya sabes, al igual que Gridbuilder WP, el tema de la revisión de hoy.

Aquí hay una introducción: Sabemos que construir diseños de cuadrícula no es para los débiles, más aún como principiantes. Es una tarea difícil incluso para usuarios con experiencia razonable.

Sin embargo, los diseños de cuadrícula son una forma increíble de mostrar y filtrar contenido en su sitio web de WordPress. Algo como esto:

demostración de comercio electrónico de gridbuilder

Demostración de comercio electrónico de Gridbuilder WP

O esto:

demo de cartera de plugins de WordPress gridbuilder

Gridbuilder WP Portfolio Demo

Pero, lamentablemente, crear diseños de cuadrícula para su sitio web de WordPress no es sencillo. O eso solía ser antes de la llegada de los complementos de cuadrícula de WordPress.

Para crear diseños de cuadrícula fantásticos sin sudar, necesita un Plugin de WordPress simple pero potente.

Si está buscando dicho complemento, Gridbuilder WP se ajusta perfectamente.

Y en el artículo de revisión / procedimientos de hoy, descubres por qué Gridbuilder WP es el complemento de filtro y cuadrícula de elección para un número creciente de usuarios de WordPress. Buscamos debajo del capó y jugamos con el complemento, así que ya sabes que será divertido.

Sin más preámbulos, arremanguemos nuestras mangas y ensuciémonos.

¿Qué es Gridbuilder WP?

constructor de cuadrículas

También conocido como WP Grid Builder, Gridbuilder WP es un hermoso complemento de WordPress que le permite crear diseños de cuadrícula avanzados rápidamente. Cuenta con una interfaz de usuario intuitiva que es bastante agradable de usar.

El complemento viene con un hermoso conjunto de características perfectas para principiantes y desarrolladores por igual. Para los novatos, WP Grid Builder es una solución completa para crear diseños de cuadrícula flexibles y filtrables y para filtrarlos sin conocimientos de codificación. Si usted es un desarrollador, el generador de grillas viene con muchas acciones y funciones para mantenerlo ocupado.

Funciona con todos los temas de WordPress y se integra perfectamente con la mayoría de sus herramientas favoritas. Además de eso, el complemento viene con complementos que sobrealimentan sus diseños de cuadrícula y los filtros de búsqueda (conocidos como facetas).

Al momento de escribir, solo ofrecen una versión premium de WP Grid Builder, pero eso puede cambiar en el futuro. O como Loic Blascos, el desarrollador, dice en un correo electrónico que envió inmediatamente después de mi consulta:

correo electrónico de soporte de wp grid builder

De todos modos, tienen tres planes que cuestan entre $ 49 y $ 249 por año. Elija el plan que sea adecuado para sus necesidades.

Si no está satisfecho con su compra, WP Grid Builder le ofrece una garantía de devolución de dinero de 14 días. Además, ofrecen algunos excelentes descuentos en renovaciones (20% para el plan Básico, 30% para el plan Premium y 40% para el plan Ultimate) por si acaso.

Para endulzar el trato, los expertos de WordPress elogian a WP Grid Builder. Aquí hay un cliente feliz:

Tanto para usuarios como para desarrolladores, Gridbuilder ᵂᴾ es un producto increíble y un nuevo paradigma para este tipo de características. Bien integrado a WordPress Core, proporciona una buena experiencia de usuario de administración y una experiencia frontal increíblemente rápida. – Jb Audras, desarrollador principal de WordPress.

Incluso Chris Lema, uno de los nombres más importantes en los círculos de WordPress, no tiene más que elogios para WP Grid Builder:

chris lema elogia a gridbuilder wp

Además, recibirá un soporte rápido de clase mundial y documentación detallada para ayudarlo a instalar y configurar WP Grid Builder ampliamente.

Ahora que sabemos con qué estamos trabajando, echemos un vistazo rápido a las características de WP Grid Builder WP.

Características de Gridbuilder WP

características de gridbuilder

WP Grid Builder incluye todas las características que necesita para crear diseños de grillas como un profesional. A diferencia de los competidores, el complemento hace que sea demasiado fácil crear diseños para su tienda de comercio electrónico, sitio web de cartera, blog y directorio, entre otros.

Puede esperar las siguientes características en su copia de WP Grid Builder:

  • Integración fluida con WooCommerce, Easy Digital Downloads, SearchWP, Relevanssi, Polylang, WPML, Advanced Custom Fields y Gutenberg
  • 100% receptivo y listo para dispositivos móviles con soporte táctil para lightbox y carrusel
  • SEO amigable: WP Grid Builder es compatible con W3C y utiliza las mejores prácticas de SEO
  • Rendimiento ultrarrápido gracias a los puntos finales AJAX personalizados
  • Un sistema de filtrado avanzado que le permite ordenar el contenido de WordPress por términos de taxonomía (personalizados), campos de publicación o campos personalizados de manera eficiente
  • Más de 15 tipos de facetas, incluidas radios, casillas de verificación, controles deslizantes, selecciones, clasificaciones, controles deslizantes, clasificaciones, botones de cargar más, botones de reinicio y más, lo que permite a los usuarios limitar los resultados de búsqueda
  • Importe y exporte la funcionalidad para que pueda mover la configuración de WP Grid Builder a otro sitio fácilmente
  • Caja de luz incorporada
  • Constructor de cuadrículas de arrastrar y soltar
  • Más de 20 tarjetas preparadas y fáciles de personalizar. Además, puedes crear tus tarjetas desde cero
  • Más de 900 fuentes de Google
  • Más de 250 iconos SVG para decorar sus tarjetas de cuadrícula como desee
  • Soporte para compartir en redes sociales que le permite compartir contenido en redes sociales directamente desde sus cuadrículas
  • Soporte para imagen, video (incluyendo incrustaciones de sitios como YouTube), galería y formatos de publicación de audio
  • Más de 3 diseños de cuadrícula, incluidos mampostería, justificado y metro
  • Carga lenta, que mejora la velocidad de carga de la página
  • Más de 20 animaciones de carga, lo que reduce el tiempo de carga percibido por los usuarios
  • Más de 20 animaciones reveladas
  • Soporte RTL para idiomas escritos en dirección de derecha a izquierda
  • Un panel de administración intuitivo
  • Y muchas más configuraciones

¿Qué impresionante lista de características? Ahora, instalemos WP Grid Builder y pruebe lo que podemos lograr con un generador de grillas como ningún otro.

Cómo instalar Gridbuilder WP

Ahora la parte divertida 🙂

Instalar WP Grid Builder es tan fácil como A, B, C. Si sabe cómo instalar un complemento premium, no debería tener problemas para instalar WP Grid Builder. Después de comprar el complemento, puede encontrar la carpeta ZIP de WP Grid Builder en su cuenta o en el correo electrónico de compra.

En primer lugar, descargue el archivo ZIP de WP Grid Builder en su computadora. A continuación, inicie sesión en su panel de administración de WordPress y navegue hasta Complementos> Agregar nuevo, Como se muestra abajo.

cómo instalar un nuevo complemento de wordpress

A continuación, haga clic en Subir complemento botón, elija el archivo ZIP de WP Grid Builder que descargó y presione el Instalar ahora botón para poner las cosas en movimiento. Aquí hay una captura de pantalla que describe el proceso:

Instalar el plugin de WordPress gridbuilder manualmente

A continuación, active WP Grid Builder:

activar el plugin de gridbuilder wp

La activación del complemento agrega un elemento de Gridbuilder WP a su menú de administración de WordPress. A continuación, navegue hasta Gridbuilder WP> Panel de control, como detallamos a continuación.

elemento de menú del generador de cuadrícula wp

Después de eso, ingrese su correo electrónico y clave de licencia y haga clic en el Activar Enchufar botón:

Activación de licencia de wp grid builder

Para beneficiarse de las actualizaciones automáticas, puede activar su licencia, que está disponible en su correo electrónico de confirmación de pedido o en la página de su cuenta:

clave de licencia

Ahora que hemos instalado y activado WP Grid Builder, podemos crear nuestro primer diseño de cuadrícula.

Cómo configurar Gridbuilder WP

En la siguiente sección, aprenderá a crear una cuadrícula funcional. Haré todo lo posible para cubrir la mayoría de las configuraciones (si no todas). La excelente noticia es que las características de WP Grid Builder tienen descripciones claras en la interfaz de administración. Debemos comenzar nombrando nuestra nueva cuadrícula para referencia futura.

Nombrar una nueva cuadrícula

Para crear un nuevo diseño de cuadrícula, navegue hasta Gridbuilder WP> Todas las cuadrículas en tu menú de administrador de WordPress:

Hacerlo te lleva a la Todas las cuadrículas pantalla, que está vacía por ahora. A continuación, haga clic en Crear una cuadrícula botón:

crear nueva cuadrícula

Alternativamente, puede importar las demostraciones de wpgridbuilder.com. Sin embargo, tenga en cuenta que las demostraciones son solo para fines de configuración de diseño. El contenido que se muestra en sus cuadrículas depende de sus publicaciones, medios, productos, etc.

Para nuestros propósitos de prueba, elegí la primera opción, crear una nueva cuadrícula desde cero. los Crear una cuadrícula el botón lo lleva a la siguiente página:

nombrar una nueva cuadrícula en wp grid builder

En la pantalla anterior, puedes:

  • Nombra tu cuadrícula. Estoy usando "Galería de prueba" para nuestro ejemplo
  • Agregue y genere clases CSS personalizadas, para que pueda agregar estilos personalizados a su cuadrícula si así lo desea
  • Defina los mensajes de error que los usuarios verán si no encuentran ningún resultado

Elija medios para mostrar en su cuadrícula

Es hora de elegir los medios que desea mostrar en su cuadrícula. Para eso, navegue a la siguiente sección, es decir, Configuración de cuadrícula> Contenido fuente, Como se muestra abajo.

configuración de contenido de origen

Como se muestra arriba, tiene tres tipos de fuentes en Tipo de fuente:

  • Tipo de mensaje – Puede extraer contenido de sus publicaciones, páginas, biblioteca multimedia o cualquier otro tipo de publicación personalizada
  • Término – Puede obtener material basado en categorías, etiquetas o cualquier otro término de taxonomía personalizado.
  • Usuario – Esta opción le permite obtener contenido de usuarios específicos de WordPress

Debajo de eso, puede establecer el número de elementos por página. Use el valor "-1" para mostrar todas las publicaciones. El valor predeterminado cero (0) es el número de publicaciones por página en la configuración de WordPress.

Sección de publicaciones consultadas

Debajo de eso, tienes Publicaciones consultadas sección:

publicaciones consultadasEn la pantalla anterior, puede hacer varias cosas de la siguiente manera:

  • Elija su tipo de publicación en Tipo (s) de publicación como está marcado en la imagen. Si desea crear una cuadrícula para sus publicaciones de blog, elija Publicaciones. Si está creando una cuadrícula para sus medios (por ejemplo, si desea crear una cartera visual), seleccione Medios de comunicación, como en nuestro ejemplo anterior. El otro tipo de publicación disponible es Páginas.
  • Debajo de los tipos de publicación, puede elegir el estado de la publicación del contenido que desea mostrar en su cuadrícula. Tienes un par de opciones, pero te recomendaría seguir con Publicado. Además, puede elegir autores de publicaciones, tipos mime e incluir / excluir contenido específico de su cuadrícula.
  • Como se muestra en el elemento número tres (3) en la imagen de arriba, puede incluir otros medios directamente, lo que puede ahorrarle mucho tiempo, especialmente cuando desea implementar una grilla rápidamente.

A medida que se desplaza hacia la parte inferior de la pantalla, observará opciones que lo ayudarán a ordenar el contenido de la cuadrícula por valores, etiquetas y campos personalizados. Solo necesitará estas opciones cuando ajuste su cuadrícula:

Aparte: Para evitar perder su progreso accidentalmente, haga clic en Guardar cambios botón a medida que crea su cuadrícula. Vamos a configurar formatos de medios.

Formatos de medios

Navegar a Configuración de cuadrícula> Formatos de medios:

formatos de medios de gridbuilder

Puede elegir los formatos de medios que desea utilizar en sus cuadrículas. WP Grid Builder admite galerías, videos y audio. Hacia la parte inferior de la pantalla, puede establecer una miniatura predeterminada en cada tarjeta de cuadrícula (o mosaico) en caso de que falte el contenido.

En la misma pantalla, puede elegir capturar los primeros medios en sus publicaciones automáticamente (en caso de que falte el contenido). Además, puede habilitar presentaciones de diapositivas de galería dentro de tarjetas de cuadrícula, usar carteles de videos incrustados y abrir videos en una caja de luz en lugar de la tarjeta de cuadrícula.

Estilo de cuadrícula

Ir Configuración de cuadrícula> Estilo de cuadrícula para personalizar su cuadrícula, como se muestra arriba. De manera predeterminada, tiene tres estilos de cuadrícula: mampostería, metro y justificado. Estoy utilizando la masonería con fines ilustrativos. Además, había publicado imágenes en mi biblioteca de medios anteriormente. WP Grid Builder agrega las fotos a la cuadrícula automáticamente.

Aparte de eso, puede controlar otras opciones, como el comportamiento de la cuadrícula, anular el tamaño de las tarjetas y controlar la capacidad de respuesta. Excepto por elegir un estilo de cuadrícula y anular los tamaños de tarjeta, apenas tocará la configuración. Elija su estilo de cuadrícula y pasemos a la siguiente sección.

Diseño de cuadrícula

diseño de cuadrícula wp grid builder

No hay mucho que ver aquí. Tiene dos tipos de diseños para sus cuadrículas; El diseño vertical estándar y el diseño de carrusel. Además de eso, puede hacer sus cuadrículas de ancho completo. Estoy trabajando con el diseño estándar, y mi cuadrícula es de ancho completo.

Estamos avanzando

Compositor de cuadrículas

compositor de cuadrícula

Grid Composer es útil cuando personaliza sus cuadrículas con facetas, por ejemplo, un filtro, calificación, búsqueda, casillas de verificación, cargar más, paginación y mucho más.

En la parte inferior de la pantalla, encontrará un generador de diseño de cuadrícula de arrastrar y soltar. Por ejemplo, a continuación, vea mi ejemplo con tres facetas: Filtrar por fecha, Buscar, y Carga más botón.

Si publico mi grilla en esta coyuntura, veo la siguiente grilla, completa con mis tres (3) facetas completamente funcionales:

No está mal 🙂 No está mal en absoluto. Espero que estés entendiendo la esencia de las cosas, excepto que no hemos terminado. Volvamos al área de administración de WP Grid Builder.

Estilos de tarjeta

La sección Estilo de tarjeta que se muestra arriba le permite personalizar sus tarjetas de cuadrícula. Las tarjetas de cuadrícula son simplemente las fichas rectangulares o cuadradas que forman la cuadrícula. Cuando comience a usar WP Grid Builder, es posible que deba importar las demostraciones, como se muestra en la imagen de arriba. Sin embargo, puedes crea tus tarjetas desde cero, lo que desbloquea infinitas posibilidades.

Así que seguí adelante e importé todas las tarjetas y asigné una tarjeta predeterminada a mis cuadrículas. Después de eso, seleccioné una tarjeta para cada tipo de publicación, incluidos mis medios. Estoy usando Berilo como mi tarjeta predeterminada Aquí está mi grilla de prueba en acción ahora:

Parece bastante confiable, este generador de cuadrículas de WordPress, me impresiona. A continuación, tenemos animaciones.

Animaciones

animaciones de gridbbuilder

De nuevo, no hay mucho que ver aquí; solo un par de animaciones para revelar tarjetas en la cuadrícula cuando un usuario se desplaza o hace clic en el Carga más botón. La característica es increíblemente fácil de usar y produce hermosos efectos que aumentan la participación del usuario.

Cargando

A continuación, tiene opciones de carga, como detallamos anteriormente. En la pantalla, puede alternar la carga diferida para aumentar enormemente la velocidad de sus cuadrículas. La carga diferida solo carga medios cuando está en la ventana gráfica del usuario, lo que puede reducir el tiempo que tardan en cargar las cuadrículas.

Por otro lado, una barra o icono de carga reduce el tiempo de carga percibido por los usuarios. El cargador aparece cuando un usuario está cargando un conjunto de publicaciones. Aparece al cargar la página de cuadrícula y cuando el usuario filtra u ordena una cuadrícula. Es una forma conveniente y fácil de mantener a los usuarios en su sitio.

Personalización

¿Recuerdas la clase CSS personalizada que agregamos a nuestra cuadrícula anteriormente? Bueno, usas la clase para modificar estilos CSS de complementos en el Configuración de cuadrícula> Personalización ventana. Si no conoce bien CSS, es mejor que contrate ayuda externa si es necesario.

Complementos de Gridbuilder WP

complementos de gridbuilder

Los complementos le permiten ampliar la funcionalidad de un complemento de WordPress. WP Grid Builder se entrega con un par de complementos que puede instalar fácilmente navegando a Gridbuilder WP> Complementos. Actualmente, WP Grid Builder viene con cuatro complementos, a saber:

  • Faceta de mapa: le permite agregar mapas de Google Maps, Mapbox o Leaflet y mostrar marcadores
  • Almacenamiento en caché: para acelerar las cuadrículas almacenando en caché el contenido y las facetas
  • LearnDash – Muestra información del curso en tarjetas
  • Multilingüe: integra WP Grid Builder con Polylang y WPML

Otras configuraciones de Gridbuilder WP

configuración global de gridbuilder wp

Para acceder a la configuración general de WP Grid Builder, vaya a Gridbuilder WP> Configuración. En la pantalla, encontrará opciones como:

  • Permitir que WP Grid Builder renderice bloques en Gutenberg
  • Habilitar la compatibilidad con formatos de publicación
  • Mostrar opciones de publicación y término (formatos de publicación y colores de término)
  • Borrar caché y purgar hojas de estilo
  • Cambiar colores globales
  • Configurar tamaños de imagen adicionales
  • Configure su complemento Lightbox
  • Restablecer la configuración global del complemento

Conclusión

WP Grid Builder es un fabuloso plugin de filtro y cuadrícula de WordPress adecuado tanto para principiantes como para desarrolladores. Se entrega con una extensa lista de características sorprendentes que hacen que la creación de diseños de cuadrícula receptiva sea muy fácil. Además de eso, le ofrecen una estructura de precios flexible y un soporte rápido.

¿Qué opinas sobre Gridbuilder WP? ¿Nos perdimos algo? Por favor, háganos saber en la sección de comentarios a continuación.