La meilleure critique de GridBuilderWP: grilles et filtres flexibles

La meilleure critique de GridBuilderWP: grilles et filtres flexibles

Lorsque vous vous asseyez pour regarder un match de football, vous pouvez facilement repérer les superstars à un mile de distance.


Leur jeu élégant et raffiné les distingue et change souvent le résultat du match. Les fans et les managers les adorent car lorsqu’ils jouent, ils sont à leur meilleur.

Il en va de même pour les superstars de l’industrie musicale. Habituellement, ils font le travail, nous sérénitent avec des coups sûrs et continuent. Les stars sont les maîtres de leur métier et poussent notre imagination aux limites.

Tu sais, comme Gridbuilder WP, l’objet de l’examen d’aujourd’hui.

Voici une introduction: Nous savons que créer des mises en page de grille n’est pas pour les plus timides, surtout en tant que débutant. C’est une tâche difficile, même pour les utilisateurs raisonnablement expérimentés.

Pourtant, les mises en page de la grille sont un moyen étonnant d’afficher et de filtrer le contenu de votre site Web WordPress. Quelque chose comme ça:

démo de commerce électronique gridbuilder

Gridbuilder WP Démo eCommerce

Ou ca:

démo de portefeuille de plugins WordPress gridbuilder

Gridbuilder WP Démo du portfolio

Mais, malheureusement, la création de mises en page de grille pour votre site Web WordPress n’est pas simple. Ou du moins avant l’avènement des plugins de grille WordPress.

Pour créer des dispositions de grille fantastiques sans transpirer, vous avez besoin d’un plugin de grille WordPress simple mais puissant.

Si vous recherchez un tel plugin, Gridbuilder WP s’adapte parfaitement à la facture.

Et dans la critique d’aujourd’hui / article pratique, vous découvrez pourquoi Gridbuilder WP est le plugin de grille et de filtre de choix pour un nombre croissant d’utilisateurs de WordPress. Nous regardons sous le capot et jouons avec le plugin, donc vous savez déjà que ce sera amusant.

Sans plus tarder, enroulons nos manches et salissons.

Qu’est-ce que Gridbuilder WP?

constructeur de grille

Également connu sous le nom de WP Grid Builder, Gridbuilder WP est un magnifique plugin WordPress qui vous permet de créer rapidement des dispositions de grille avancées. Il dispose d’une interface utilisateur intuitive qui est assez agréable à utiliser.

Le plugin est livré avec une belle suite de traits parfait pour les débutants et les développeurs. Pour le novice, WP Grid Builder est une solution complète pour créer des dispositions de grille flexibles et filtrables et pour les filtrer sans connaissances de codage. Si vous êtes un développeur, le constructeur de grille est livré avec de nombreuses actions et fonctions pour vous tenir occupé.

Il fonctionne avec tous les thèmes WordPress et s’intègre parfaitement à la plupart de vos outils préférés. En plus de cela, le plugin est livré avec des modules complémentaires qui renforcent vos dispositions de grille et les filtres de recherche (appelés facettes).

Au moment d’écrire ces lignes, ils ne proposent qu’une version premium de WP Grid Builder, mais cela pourrait changer à l’avenir. Ou comme Loic Blascos – le développeur – dit dans un e-mail qu’il a envoyé immédiatement après ma demande:

e-mail de support du générateur de grille WP

Ils ont tout de même trois forfaits qui coûtent entre 49 $ et 249 $ par an. Choisissez le plan adapté à vos besoins.

Si vous n’êtes pas satisfait de votre achat, WP Grid Builder vous offre une garantie de remboursement de 14 jours. De plus, ils offrent d’excellentes réductions sur les renouvellements (20% pour le plan Basic, 30% pour le plan Premium et 40% pour le plan Ultimate) pour faire bonne mesure.

Pour adoucir l’accord, les experts de WordPress font l’éloge de WP Grid Builder. Voici un client satisfait:

À la fois convivial et convivial pour les développeurs, Gridbuilder ᵂᴾ est un produit génial et un nouveau paradigme pour ce type de fonctionnalité. Bien intégré à WordPress Core, il offre une interface utilisateur d’administration agréable et une expérience frontale extrêmement rapide. – Jb Audras, Développeur WordPress Core.

Même Chris Lema, l’un des plus grands noms des cercles WordPress, n’a que des éloges pour WP Grid Builder:

chris lema fait l'éloge de gridbuilder wp

De plus, vous bénéficiez d’une prise en charge rapide de classe mondiale et d’une documentation détaillée pour vous aider à installer et configurer largement WP Grid Builder.

Maintenant que nous savons avec quoi nous travaillons, voyons rapidement les fonctionnalités de WP Grid Builder WP.

Gridbuilder WP Caractéristiques

fonctionnalités de gridbuilder

WP Grid Builder est livré avec toutes les fonctionnalités dont vous avez besoin pour concocter des dispositions de grille comme un pro. Contrairement aux concurrents, le plugin facilite la création de dispositions pour votre boutique de commerce électronique, votre site Web de portefeuille, votre blog et votre annuaire, entre autres..

Vous pouvez vous attendre aux fonctionnalités suivantes dans votre copie de WP Grid Builder:

  • Intégration fluide avec WooCommerce, téléchargements numériques faciles, SearchWP, Relevanssi, Polylang, WPML, Advanced Custom Fields et Gutenberg
  • 100% réactif et prêt pour le mobile avec prise en charge tactile pour la lightbox et le carrousel
  • SEO friendly – WP Grid Builder est conforme au W3C et utilise les meilleures pratiques SEO
  • Des performances ultra rapides grâce aux points de terminaison AJAX personnalisés
  • Un système de filtrage avancé qui vous permet de trier efficacement le contenu WordPress par termes de taxonomie (personnalisés), champs de publication ou champs personnalisés
  • Plus de 15 types de facettes, y compris les radios, les cases à cocher, les curseurs, les sélections, les classements, les curseurs, les classements, les boutons de chargement supplémentaire, les boutons de réinitialisation et plus encore, ce qui permet à vos utilisateurs d’affiner les résultats de recherche
  • Fonctionnalité d’importation et d’exportation pour déplacer facilement les paramètres de WP Grid Builder vers un autre site
  • Boîte à lumière intégrée
  • Constructeur de grille par glisser-déposer
  • Plus de 20 cartes de grille prêtes à l’emploi et faciles à personnaliser. De plus, vous pouvez créer vos cartes à partir de zéro
  • 900+ polices Google
  • Plus de 250 icônes SVG pour décorer vos cartes de grille comme vous le souhaitez
  • Prise en charge du partage social vous permettant de partager du contenu sur les réseaux sociaux directement depuis vos grilles
  • Prise en charge de l’image, de la vidéo (y compris des intégrations à partir de sites tels que YouTube), de la galerie et des formats de publication audio
  • 3+ dispositions de grille, y compris la maçonnerie, la justification et le métro
  • Chargement différé, ce qui améliore les vitesses de chargement des pages
  • Plus de 20 animations de chargement, ce qui réduit le temps de chargement perçu par les utilisateurs
  • Plus de 20 animations révélées
  • Prise en charge RTL pour les langues écrites de droite à gauche
  • Un tableau de bord d’administration intuitif
  • Et bien d’autres paramètres

Quelle liste impressionnante de fonctionnalités? Maintenant, installons WP Grid Builder et testons ce que nous pouvons réaliser avec un constructeur de grille pas comme les autres.

Comment installer Gridbuilder WP

Maintenant, la partie amusante ��

Installer WP Grid Builder est aussi simple que A, B, C. Si vous savez installer un plugin premium, vous ne devriez pas avoir de problème à installer WP Grid Builder. Après avoir acheté le plugin, vous pouvez trouver le dossier ZIP WP Grid Builder dans votre compte ou l’e-mail d’achat.

Tout d’abord, téléchargez le fichier ZIP WP Grid Builder sur votre ordinateur. Ensuite, connectez-vous à votre tableau de bord d’administration WordPress et accédez à Plugins> Ajouter un nouveau, comme indiqué ci-dessous.

comment installer le nouveau plugin wordpress

Ensuite, cliquez sur le Télécharger le plugin , choisissez le fichier ZIP WP Grid Builder que vous avez téléchargé et appuyez sur le bouton Installer maintenant bouton pour faire bouger les choses. Voici une capture d’écran décrivant le processus:

installation manuelle du plugin wordpress gridbuilder

Ensuite, activez WP Grid Builder:

activer le plugin gridbuilder wp

L’activation du plugin ajoute un Gridbuilder WP élément dans votre menu d’administration WordPress. Ensuite, accédez à Gridbuilder WP > Tableau de bord, comme nous le détaillons ci-dessous.

Élément de menu du générateur de grille WP

Après cela, entrez votre e-mail de licence et votre clé de licence et cliquez sur le Activer Brancher bouton:

activation de la licence de générateur de grille WP

Pour bénéficier des mises à jour automatiques, vous pouvez activer votre licence, disponible dans votre e-mail de confirmation de commande ou la page de votre compte:

clé de licence

Maintenant que nous avons installé et activé WP Grid Builder, nous pouvons créer notre première disposition de grille.

Comment configurer Gridbuilder WP

Dans la section suivante, vous apprendrez à créer une grille fonctionnelle. Je ferai de mon mieux pour couvrir la plupart (sinon tous) les paramètres. La bonne nouvelle est que les fonctionnalités de WP Grid Builder ont des descriptions claires dans l’interface d’administration. Nous devons commencer par nommer notre nouvelle grille pour référence future.

Nommer une nouvelle grille

Pour créer une nouvelle disposition de grille, accédez à Gridbuilder WP > Toutes les grilles sur votre menu d’administration WordPress:

Cela vous conduit au Toutes les grilles écran, qui est vide pour l’instant. Ensuite, cliquez sur le Créer une grille bouton:

créer une nouvelle grille

Alternativement, vous pouvez importer les démos depuis wpgridbuilder.com. Notez, cependant, que les démos sont uniquement destinées aux paramètres de mise en page. Le contenu affiché dans vos grilles dépend de vos publications, médias, produits, etc..

Pour nos tests, je suis allé avec la première option, créant une nouvelle grille à partir de zéro. le Créer une grille vous mène à la page suivante:

nommer une nouvelle grille dans wp grid builder

Sur l’écran ci-dessus, vous pouvez:

  • Nommez votre grille. J’utilise «Test Gallery» pour notre exemple
  • Ajoutez et générez une classe CSS personnalisée, afin que vous puissiez ajouter des styles personnalisés à votre grille si vous le souhaitez
  • Définissez les messages d’erreur que les utilisateurs voient s’ils ne trouvent aucun résultat

Choisissez le support à afficher dans votre grille

Il est temps de choisir le média que vous souhaitez afficher dans votre grille. Pour cela, accédez à la section suivante, c’est-à-dire., Paramètres de la grille> Contenu source, comme indiqué ci-dessous.

paramètres de contenu source

Comme indiqué ci-dessus, vous disposez de trois types de sources sous Type de source:

  • Type de poste – Vous pouvez extraire du contenu de vos publications, pages, bibliothèque multimédia ou tout autre type de publication personnalisé
  • Terme – Vous pouvez vous procurer du matériel en fonction de catégories, de balises ou de tout autre terme de taxonomie personnalisé.
  • Utilisateur – Cette option vous permet de source de contenu à partir d’utilisateurs WordPress spécifiques

En dessous, vous pouvez définir le nombre d’éléments par page. Utilisez la valeur «-1» pour afficher tous les messages. Zéro (0) par défaut sur le nombre de publications par page dans les paramètres WordPress.

Section Messages interrogés

En dessous, vous avez Post (s) interrogé (s) section:

messages interrogésSur l’écran ci-dessus, vous pouvez effectuer plusieurs opérations comme suit:

  • Choisissez votre type de publication sous Type (s) de message comme indiqué sur l’image. Si vous souhaitez créer une grille pour vos articles de blog, choisissez Des postes. Si vous créez une grille pour vos médias (par exemple, vous souhaitez créer un portfolio visuel), sélectionnez Médias, comme dans notre exemple ci-dessus. L’autre type de message disponible est Pages.
  • Sous les types de publication, vous pouvez choisir le statut de publication du contenu que vous souhaitez afficher dans votre grille. Vous avez quelques options, mais je vous recommande de rester avec Publié. De plus, vous pouvez choisir les auteurs des publications, les types MIME et inclure / exclure du contenu spécifique de votre grille.
  • Comme indiqué par l’élément numéro trois (3) dans l’image ci-dessus, vous pouvez inclure directement d’autres médias, ce qui peut vous faire gagner beaucoup de temps, surtout lorsque vous souhaitez déployer une grille rapidement.

Lorsque vous faites défiler vers le bas de l’écran, vous noterez des options qui vous aideront à classer le contenu de votre grille par valeurs, balises et champs personnalisés. Vous n’aurez besoin de ces options que pour affiner votre grille:

De côté: Pour éviter de perdre votre progression accidentellement, cliquez sur le Sauvegarder les modifications lorsque vous créez votre grille. Configurons les formats multimédias.

Formats multimédias

Aller vers Paramètres de la grille> Formats multimédias:

formats de média gridbuilder

Vous pouvez choisir les formats de médias que vous souhaitez utiliser dans vos grilles. WP Grid Builder prend en charge les galeries, les vidéos et l’audio. Vers le bas de l’écran, vous pouvez définir une vignette par défaut dans chaque carte de grille (ou tuile) au cas où le contenu serait manquant.

Sur le même écran, vous pouvez choisir de capturer automatiquement le premier média de vos publications (au cas où le contenu serait manquant). En outre, vous pouvez activer les diaporamas de galerie à l’intérieur des cartes de grille, utiliser des affiches à partir de vidéos intégrées et ouvrir des vidéos dans une lightbox au lieu de la carte de grille.

Style de grille

Aller à Paramètres de grille> Style de grille pour personnaliser votre grille, comme indiqué ci-dessus. Par défaut, vous disposez de trois styles de grille: Maçonnerie, Métro et Justifié. J’utilise la maçonnerie à des fins d’illustration. De plus, j’avais déjà publié des images dans ma médiathèque. WP Grid Builder ajoute automatiquement les photos à la grille.

En dehors de cela, vous pouvez contrôler d’autres options telles que le comportement de la grille, remplacer les tailles de carte et contrôler la réactivité. Enregistrer pour choisir un style de grille et remplacer les tailles de carte, vous toucherez à peine les paramètres. Choisissez votre style de grille et passons à la section suivante.

Disposition de la grille

disposition de la grille du générateur de grille WP

Il n’y a rien à voir ici. Vous disposez de deux types de dispositions pour vos grilles; la conception verticale standard et la disposition du carrousel. En plus de cela, vous pouvez rendre vos grilles pleine largeur. Je travaille avec la conception standard et ma grille est à pleine largeur.

Nous avançons.

Compositeur de grille

compositeur de grille

Le compositeur de grille est pratique lorsque vous personnalisez vos grilles avec des facettes, par exemple, un filtre, une évaluation, une recherche, des cases à cocher, charger plus, paginer, et bien plus encore.

En bas de l’écran, vous trouverez un générateur de disposition de grille par glisser-déposer. Par exemple, ci-dessous, voir mon exemple avec trois facettes: Filtrer par date, Chercher, et Charger plus bouton.

Si je publie ma grille à ce stade, je vois la grille suivante, avec mes trois (3) facettes entièrement fonctionnelles:

Pas mal �� Pas mal du tout. J’espère que vous obtenez l’essentiel des choses, sauf que nous n’avons pas fini. Revenons à la zone d’administration de WP Grid Builder.

Styles de cartes

La section Style de carte illustrée ci-dessus vous permet de personnaliser vos cartes de grille. Les cartes de grille sont simplement les tuiles rectangulaires ou carrées qui composent la grille. Lorsque vous commencez à utiliser WP Grid Builder, vous devrez peut-être importer les démos, comme indiqué dans l’image ci-dessus. Vous pouvez cependant, créez vos cartes à partir de zéro, ce qui ouvre des possibilités infinies.

J’ai donc continué et importé toutes les cartes et assigné une carte par défaut à mes grilles. Après cela, j’ai sélectionné une carte pour chaque type de poste, y compris mes médias. J’utilise Béryl comme ma carte par défaut. Voici ma grille de test en action maintenant:

Semble assez fiable, ce constructeur de grille WordPress, la couleur m’a impressionné. Ensuite, nous avons des animations.

Des animations

animations de gridbbuilder

Encore une fois, rien à voir ici; juste quelques animations pour révéler les cartes dans la grille lorsqu’un utilisateur fait défiler ou clique sur le Charger plus bouton. La fonctionnalité est incroyablement facile à utiliser et produit de beaux effets qui stimulent l’engagement des utilisateurs.

Chargement

Ensuite, vous avez des options de chargement, comme nous le détaillons ci-dessus. Sur l’écran, vous pouvez basculer sur le chargement paresseux pour augmenter considérablement la vitesse de vos grilles. Le chargement différé ne charge le média que lorsqu’il se trouve dans la fenêtre de visualisation de l’utilisateur, ce qui peut réduire le temps de chargement de vos grilles.

D’un autre côté, une barre ou une icône de chargement réduit le temps de chargement perçu par les utilisateurs. Le chargeur apparaît lorsqu’un utilisateur charge un ensemble de publications. Il apparaît lors du chargement de la page de la grille et lorsque l’utilisateur filtre ou trie une grille. C’est un moyen pratique et convivial de garder les utilisateurs sur votre site.

Personnalisation

Vous vous souvenez de la classe CSS personnalisée que nous avons ajoutée à notre grille plus tôt? Eh bien, vous utilisez la classe pour modifier les styles CSS du plugin dans le Paramètres de la grille> Personnalisation fenêtre. Si vous ne connaissez pas votre chemin dans CSS, vous feriez mieux d’embaucher une aide extérieure si besoin est.

Gridbuilder WP Modules complémentaires

modules complémentaires de gridbuilder

Les modules complémentaires vous permettent d’étendre les fonctionnalités d’un plugin WordPress. WP Grid Builder est livré avec quelques modules complémentaires que vous pouvez installer facilement en accédant à Gridbuilder WP > Modules complémentaires. Actuellement, WP Grid Builder est livré avec quatre modules complémentaires, à savoir:

  • Map Facet – Vous permet d’ajouter des cartes à partir de Google Maps, Mapbox ou Leaflet et d’afficher des marqueurs
  • Mise en cache – Pour accélérer les grilles en mettant en cache le contenu et les facettes
  • LearnDash – Afficher les informations du cours sur les cartes
  • Multilingue – Intégrer WP Grid Builder avec Polylang et WPML

Autre Gridbuilder WP Réglages

paramètres globaux de gridbuilder wp

Pour accéder aux paramètres généraux de WP Grid Builder, accédez à Gridbuilder WP > Paramètres. Sur l’écran, vous trouvez des options telles que:

  • Autoriser WP Grid Builder à restituer des blocs dans Gutenberg
  • Activer la prise en charge des formats de publication
  • Afficher les options de publication et de terme (formats de publication et couleurs du terme)
  • Vider le cache et purger les feuilles de style
  • Changer les couleurs globales
  • Configurer des tailles d’image supplémentaires
  • Configurez votre plugin Lightbox
  • Réinitialiser les paramètres globaux du plugin

Conclusion

WP Grid Builder est un fabuleux plugin de grille et de filtre WordPress adapté aux débutants et aux développeurs. Il est livré avec une liste complète de fonctionnalités incroyables qui facilitent la création de mises en page de grille réactives. En plus de cela, ils vous offrent une structure de prix flexible et un support rapide.

Que pensez-vous de Gridbuilder WP? Avons-nous raté quelque chose? Veuillez nous le faire savoir dans la section commentaire ci-dessous.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me