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.