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.

Vous savez, tout comme Gridbuilder ^WP, 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:

Ou ca:

Mais, malheureusement, la création de dispositions de grille pour votre site Web WordPress n'est pas simple. Du moins, c'était avant l'avènement des plugins de grille WordPress.

Pour créer des dispositions de grille fantastiques sans casser la sueur, vous avez besoin d'un plugin de grille WordPress simple mais puissant.

Si vous recherchez un tel plugin, Gridbuilder ^WP correspond 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?

É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 fonctionnalités parfaites 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 les filtrer sans connaissances en 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:

Ils ont tout de même trois forfaits qui coûtent entre 49 $ et 249 $ par an. Choisissez le plan qui convient à 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 remises 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:

De plus, vous bénéficiez d'un support 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 traits

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 trop facilement 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 lightbox et 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 🙂

L'installation de WP Grid Builder est aussi simple que A, B, C. Si vous savez comment installer un plugin premium, vous ne devriez avoir aucun 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.

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 Installer maintenant bouton pour faire bouger les choses. Voici une capture d'écran décrivant le processus:

Ensuite, activez WP Grid Builder:

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.

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

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

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:

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 amène à la page suivante:

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.

Comme indiqué ci-dessus, vous avez 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:

Sur l'écran ci-dessus, vous pouvez effectuer plusieurs opérations comme suit:

• Choisissez votre type de publication sous Type (s) de poste 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 des auteurs de publication, des types MIME et inclure / exclure un 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, en particulier 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:

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 miniature 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 la grille> Style de grille pour personnaliser votre grille, comme illustré 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 laissez-nous passer à la section suivante.

Disposition de la grille

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 allons de l'avant.

Compositeur de grille

Grid Composer est pratique lorsque vous personnalisez vos grilles avec des facettes, par exemple, un filtre, une note, 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 attribué 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

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 savez pas vous familiariser avec CSS, vous feriez mieux d'embaucher une aide extérieure si nécessaire.

Gridbuilder ^WP Modules complémentaires

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

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 des commentaires ci-dessous.