Examen approfondi des blocs Getwid Gutenberg

Je pense que vous conviendrez avec moi que la création d'un site Web avec WordPress n'est pas un jeu d'enfant, en particulier pour les non-techniciens. Aujourd'hui, nous allons découvrir le plugin Getwid Gutenberg blocks.

L'éditeur Gutenberg, nom de code de la nouvelle ère de l'édition WordPress, a ouvert de nombreuses autres possibilités de personnalisation et en même temps posé de nouveaux problèmes à gérer .

Mais on n'a pas peur facilement.

Les plugins propriétaires de Gutenberg, tels que Getwid WordPress Blocks que nous allons réviser dans cet article, offrent des solutions pour résoudre ces problèmes et enrichir votre expérience de création de contenu dans WordPress.

Alors qu'est-ce que Getwid ? Il s'agit d'une bibliothèque de blocs Gutenberg supplémentaires et de modèles de conception, chacun avec sa propre chaîne d'outils pour vous aider à créer presque tous les types de sites Web que vous souhaitez.

Allons droit au but et structurons cet examen de manière à pouvoir passer rapidement à la pièce nécessaire.

Les concepts et fonctionnalités clés des blocs Getwid Gutenberg

Voici les capacités clés et les principes fondamentaux que nous avons réussi à définir :

• La plus grande collection de blocs gratuits pour l'éditeur de blocs Gutenberg WordPress.

Jusqu'à présent, Getwid est considéré comme l'un des plugins de blocs Gutenberg qui offre la plus grande bibliothèque de blocs couramment utilisés et uniques .

Il vous permet d'arrêter de sauter des plugins, économisant ainsi du temps et de l'espace d'hébergement puisque vous n'aurez pas besoin d'installer une douzaine de plugins supplémentaires. De plus, il n'est pas nécessaire d'attendre les mises à jour de différents fournisseurs de plugins et de les traiter séparément.

• Conceptions Getwid pré-faites.

En plus des blocs, Getwid propose également une bibliothèque d'excellents modèles de conception pour les sections de site Web les plus courantes - sections héros et sous-héros, appels à l'action, services, témoignages, etc. Vous pouvez facilement les insérer en quelques clics et mettre à jour un exemple de contenu avec le tien. Les modèles sont classés par catégories, ce qui vous permet de trouver rapidement le design dont vous avez besoin. Les conceptions peuvent également être désactivées dans les paramètres Getwid.

• Parité visuelle avec votre thème WordPress.

Getwid est probablement l'un des meilleurs plugins dans cet aspect depuis, comparé à de nombreux add-ons Gutenberg similaires ; ses blocs héritent automatiquement des styles (conception visuelle) du thème WordPress Gutenberg activé plutôt que d'ajouter les leurs. Il vous aide à maintenir la cohérence de la conception sur l'ensemble du site Web avec moins de tracas et de configuration.

En clair, les blocs ont leurs propres styles, mais votre thème ajoute ou remplace ces styles de bloc pour rendre le contenu plus natif de votre thème WordPress Gutenberg.

Caractéristiques supplémentaires des blocs Getwid Gutenberg

• Getwid est conçu pour répondre aux critères de performance.

Bien que les performances totales varient toujours d'un site à l'autre et dépendent de divers facteurs, le plugin Getwid lui-même est super léger.

Cela est atteint grâce à une distribution intelligente des paramètres (par exemple, puisqu'il existe le bloc Advanced Heading qui fournit toutes les typographies et peut être utilisé avec presque tous les autres blocs, Getwid ne surcharge pas les autres blocs avec les mêmes styles de police lourds et paramètres de typographie), les interfaces Getwid natives de Gutenberg sans décoration inutile, les fichiers CSS et JS en ligne minifiés pour ne pas gonfler votre site Web et plus encore. De plus, vous pouvez désactiver les blocs dont vous n'avez pas besoin pour rendre votre site Web encore plus rapide.

Un tel plugin axé sur les performances ne va pas seulement améliorer le référencement de votre site Web et l'expérience utilisateur globale, mais vous aidera également à réduire votre empreinte carbone numérique et à préserver l'environnement (moins votre site Web nécessite de ressources, plus vous économisez d'électricité - le plus petit pourcentage d'émissions de CO2 provenant des centres de données qui alimentent votre site Web).

• Le plugin permet d'exécuter des versions de sites Web mobiles et tablettes à la pointe de la technologie.

Les développeurs de Getwid ont mis l'accent sur la possibilité de personnaliser l'apparence des pages de votre site Web WordPress pour différents appareils . Vous pouvez ajuster les expériences Web pour les ordinateurs de bureau, les appareils mobiles et les tablettes de manière sélective pour plusieurs blocs essentiels.

Plus de fonctions

• Intégration facile avec plusieurs services tiers populaires.

La bibliothèque de blocs Getwid offre déjà une intégration transparente avec Google Maps, Instagram et Mailchimp . Vous pouvez les implémenter sans avoir besoin de recourir à des plugins supplémentaires (une bonne chose de plus qui rend tout votre site Web plus léger !).

• Une collection dédiée de blocs pour les sites Web riches en contenu.

Si vous gérez un blog, un site Web d'actualités ou de magazine, une boutique ou si vous souhaitez simplement promouvoir votre contenu déjà publié, le plug-in Getwid ouvre davantage d'opportunités pour le présenter de manière impressionnante. Grâce à la prise en charge des types de publication personnalisés, vous pouvez également créer des curseurs, des grilles et des listes provenant automatiquement des publications WordPress des plugins tiers que vous pourriez utiliser.

• Un thème WordPress Gutenberg gratuit conçu avec Getwid à partir de zéro.

Getwid est gratuit, mais si vous avez besoin d'une solution de thème prête à l'emploi, il existe également un modèle de démarrage de base Getwid gratuit. Cela vous aidera à concevoir plus facilement dans Getwid en utilisant des tonnes de contenus prêts à l'emploi qui ont déjà fière allure.

• Échelle du développeur : un passe-partout de conception Gutenberg gratuit.

Si vous recherchez un module complémentaire Gutenberg décent à utiliser pour créer des sites Web clients, le plugin Getwid est livré avec un autre avantage pour accélérer votre flux de travail. Il existe un kit de style Getwid gratuit que vous pouvez télécharger sur GitHub, qui contient un bon nombre de fichiers CSS de démarrage et des extraits de support de thème pour faciliter le style des blocs Getwid et Gutenberg.

• Tutoriels vidéos.

Si vous souhaitez jeter un œil au backend ou si vous avez simplement besoin d'aide avec certains blocs, une collection de didacticiels vidéo Getwid est également à votre disposition.

Essayons maintenant de donner un aperçu des blocs Getwid, puis passons aux exemples.

Une liste de blocs Gutenberg gratuits disponibles dans le plugin Getwid

Le plugin propose jusqu'à présent jusqu'à 40 blocs WordPress :

• Section Block : un bloc conteneur de niveau supérieur pour tout type de mise en page.
• Advanced Heading Block : un panneau de contrôle typographique complet.
• Google Maps Block : assez explicite, intégrez Google Maps avec des marqueurs personnalisés.
• Icon Block : icônes entièrement personnalisables.
• Icon Box Block : mises en page prédéfinies avec des conteneurs d'icônes.
• Image Box Block : mises en page pré-faites avec des conteneurs d'images.
• Bloc de liens sociaux : un ensemble d'icônes sociales.
• Banner Block : une solution pour de superbes bannières promotionnelles.
• Image Slider Block : curseurs d'image simples.
• Media & Text Slider Block : curseurs avancés.
• Bloc de groupe de boutons : boutons avec différents styles.
• Person Block : vitrine de l'équipe et des membres du personnel.
• Accordion Block : tablatures en accordéon.
• Toggle Block : bascule pour visualiser les données.
• Bloc d'onglets : onglets horizontaux.
• Image Stack Gallery Block : galeries d'images avec sept modèles de conception différents.
• Bloc Témoignages : un bloc de témoignages traditionnel.
• Bloc des messages récents : disposition de la liste et de la grille pour les messages récents.
• Advanced Spacer Block : espaces personnalisés faciles entre les blocs de contenu.
• Instagram Block : un flux en direct de vos photos Instagram dans WordPress.

Prêt pour plus ?

• Counter Block : compteurs animés.
• Price Box Block : tarifs et tableaux de comparaison.
• Progress Bar Block : barres de progression horizontales.
• Contact Form Block : un formulaire de contact simple avec reCAPTCHA.
• Post Carousel Block : un curseur post-carrousel.
• Bloc liste de prix : une liste des aliments et des prix ; éventuellement une table des matières.
• Post Slider Block : sliders générés automatiquement à partir de vos publications.
• Bloc de type de publication personnalisé : grille, liste ou mise en page personnalisée de tous les types de publication personnalisés disponibles sur votre site Web.
• Bloc de barre de progression circulaire : affiche la progression avec des barres animées.
• Bloc Chronologie du contenu : les articles sont présentés par ordre chronologique.
• Bloc compte à rebours : compte à rebours animé.
• Image Hotspot Block : pointeurs détaillés et animés placés sur les images.
• MailChimp Block : intégration Mailchimp sans faille.
• Video Popup Block : vidéos auto-hébergées et externes dans les pop-ups.
• Bloc de bibliothèque de modèles : jusqu'à 40 modèles prédéfinis (vous devriez l'essayer !)

De plus, étant donné que l'équipe MotoPress derrière Getwid crée toujours de nouvelles fonctionnalités, cette liste sera probablement étendue à l'avenir.

Ce n'était qu'une vue d'ensemble, alors approfondissons les paramètres de configuration et regardons les coulisses pour illustrer les capacités de Getwid. Nous allons utiliser différents thèmes WordPress gratuits et premium prêts pour Gutenberg.

Personnalisez les mises en page de n'importe quelle échelle avec le bloc de section

La section est un conteneur multi-blocs que vous pouvez remplir avec n'importe quel bloc, insérer facilement des colonnes Gutenberg et créer différents types d'arrière-plans. Jetons un coup d'œil à certaines de ses fonctionnalités :

• Il vous permet de commencer avec la largeur de mise en page nécessaire (n'hésitez pas à créer des mises en page pleine largeur accrocheuses et immersives).
• Vous pouvez utiliser des bordures de bloc déplaçables pour des alignements et des tailles personnalisés (marges et rembourrages) - l'édition visuelle vous aidera à voir les changements instantanés.
• Vous pouvez créer une image, un dégradé, un curseur, une vidéo et d'autres types d'arrière-plans avec différents effets et formes d'animation. Le panneau de configuration de ce bloc vous permet de modifier manuellement l'espacement, de choisir une largeur de contenu par défaut, etc.
  
• Les marges, les remplissages, les alignements et une largeur de section par défaut peuvent être personnalisés pour différentes fenêtres (ordinateur de bureau, tablette, téléphone).

Personnalisation des blocs Getwid Gutenberg

• Vous pouvez également utiliser un arrière-plan à position fixe pour rendre toute la page plus vivante (afin que l'image reste intacte lors du défilement d'une page). Vous appliquerez probablement cette approche pour les mises en page pleine largeur afin de créer des expériences de navigation vraiment immersives.

• Il est vraiment facile de créer des sections de héros pleine largeur attrayantes et même des pages de destination entières puisque vous pouvez placer des sections à l'intérieur de sections pour donner un aspect personnalisé à chaque élément de contenu.
• Appliquez des palettes de couleurs prédéfinies pour les arrière-plans dégradés.

• Regroupez le contenu pour créer une hiérarchie visuelle à l'aide de séparateurs uniques : configurez leur taille et leurs couleurs.

• Créez des mises en page décalées fantaisistes.

• Animez des blocs ou des sections entières.

Effets supplémentaires des blocs Getwid Gutenberg

Vous pouvez choisir parmi des tonnes d'effets d'animation :

• Appliquez des avant-plans profondément personnalisés pour conserver un design encore plus particulier (configurez la couleur de premier plan, le dégradé, l'image, modifiez l'opacité et les modes de fusion.)

• Pour aller au-delà de la simple typographie, vous pouvez insérer le bloc Advanced Heading de Getwid qui propose des paramètres de typographie approfondis (il permet de travailler avec plusieurs paramètres de police : styles, poids, taille, famille, espacement, couleurs, etc.). Vous pouvez utiliser ce bloc avec n'importe quel autre bloc Gutenberg ou Getwid.

• Ajoutez des boutons avec le bloc Groupe de boutons qui hériteront également automatiquement des styles de votre thème WordPress prêt pour Gutenberg. La taille, la largeur, la direction et l'alignement des boutons peuvent être modifiés afin que vous puissiez créer des appels à l'action professionnels en quelques clics !

Techniquement, le bloc Section peut servir de base à tout autre bloc ou ensemble de blocs Gutenberg WordPress, en particulier lorsque vous souhaitez disposer de plus d'options de personnalisation.

Présentez des services, des idées et des fonctionnalités via des formulaires minimaux

Le plugin de blocs Getwid Gutenberg est livré avec plusieurs grands blocs qui permettent d'exprimer des choses essentielles sur votre projet/entreprise d'une manière simple, lisible et moderne.

Par exemple, vous pouvez communiquer beaucoup d'informations beaucoup plus facilement grâce à des icônes, des images + des icônes, des graphiques, des compteurs et plus encore. Getwid les a tous.

Jetons un coup d'œil à certains de ces blocs et apprenons-en plus sur leurs fonctionnalités.

• Placez de nombreuses icônes jolies et légères dans n'importe quel élément de contenu souhaitable avec un bloc d'icônes simple. Pour affiner la conception cohérente, vous êtes libre de choisir parmi les styles d'icônes simples, d'arrière-plan et de contour.

Le plugin Getwid utilise des icônes Font Awesome qui héritent automatiquement du design (taille du style) de n'importe quel thème prêt pour Gutenberg que vous pourriez utiliser et vous permet en outre de choisir la couleur préférable dans une palette de couleurs de marque de thème. Cela aide les icônes à se fondre beaucoup plus facilement dans la conception globale de votre thème.

Cependant, vous êtes libre d'implémenter votre propre jeu d'icônes si nécessaire.

Paramètres supplémentaires des blocs Getwid Gutenberg

Pour une apparence et un comportement plus personnalisés, il existe des paramètres permettant de modifier la taille des icônes, le rayon des bordures, les marges, d'appliquer des effets d'animation et de lier des icônes à des URL externes. Grâce à ces paramètres, vous pouvez utiliser des icônes de différentes formes : cercle, carré, rectangle et diagonales.

• Réalisez des mises en page basées sur des icônes avec les modèles prédéfinis du bloc Icon Box de Getwid. Il est fourni avec presque la même chaîne d'outils que le bloc d'icônes, mais est également livré avec des champs de texte supplémentaires organisés et vous permet de créer du contenu plus rapidement.

Blocs animés Getwid Gutenberg

• Visualisez les données à l'aide des blocs Barre de progression animée et Barre de progression circulaire.

Les paramètres essentiels des deux barres sont entièrement configurables.

Tableaux de prix

• Présentez des tableaux de comparaison et de tarification à l'aide du bloc Price Box. Le bloc est livré avec une mise en page spécialement conçue à cet effet, que vous devez simplement remplir avec vos données.

Étant donné que tout le contenu est édité en ligne (directement dans l'éditeur Gutenberg), vous pourrez rapidement mettre à jour les fonctionnalités/la description, les boutons, etc. Les CSS personnalisés sont également pris en charge, alors n'hésitez pas à donner aux tableaux un aspect plus sophistiqué.

FAQ

• Les blocs Tabs, Toggle et Accordion, qui dans la conception Web moderne contribuent beaucoup à l'amélioration de l'organisation globale du contenu, sont très utiles pour structurer des informations telles que la FAQ, la politique de l'entreprise, les équipements d'un hôtel, les archives de musique et toute autre information.

Vous pouvez avoir un onglet ou basculer présélectionné pour une meilleure convivialité. Grâce au panneau de configuration des blocs, vous pouvez modifier les icônes, les mises en page et les types de titres.

• Implémentez des icônes de médias sociaux avec le bloc Liens sociaux. Getwid vous permet d'implémenter des icônes indispensables sans problème, car elles hériteront automatiquement de l'apparence de votre thème. Vous aurez juste besoin de décider du style, de la taille, de l'alignement et de l'espacement.

• Présentez des compteurs animés. Par exemple, voici un bloc supérieur sans styles et le même compteur placé à l'intérieur du bloc Section par les blocs Getwid Gutenberg :

Vous pouvez aller avec le strict minimum ou les paramètres avancés :

Le bloc prend en charge les chiffres arabes orientaux et farsi.

• Présente une gamme variée de mises en page soigneusement conçues et robustes avec des images au moyen du bloc Image Box.

• Créez des menus de restaurant avec un bloc Liste de prix dédié. Vous pouvez aller avec ou sans images.

Comme vous avez pu le remarquer, étant donné que tous les blocs de Getwid sont très natifs de Gutenberg, vous disposez de nombreuses options pour créer un beau contenu et maintenir une meilleure cohérence visuelle avec moins d'efforts.

Créez des galeries et des curseurs Gutenberg Media impressionnants

Getwid propose plusieurs façons simples de présenter du contenu multimédia :

• Ajoutez un curseur avec le bloc Media and Text Slider, dans lequel vous pouvez contrôler et modifier tous les éléments directement dans l'éditeur visuel Gutenberg.

Vous serez impressionné par la profondeur de la configuration : définissez toutes les tailles préférables, personnalisez les textes et les couleurs de superposition, ajoutez éventuellement des rembourrages personnalisés, sélectionnez des effets d'animation pour les diapositives et le texte individuellement, etc. Bien sûr, vous pouvez opter pour une mise en page pleine ou large pour votre curseur. Si vous avez besoin d'une solution encore plus simple, vous pouvez également utiliser le bloc Image Slider de Getwid.

Pensez-vous que vous aurez besoin d'un autre plugin de curseur WordPress avec Getwid à portée de main ?

• Intégrez facilement une galerie Instagram en direct sans recourir à des plugins tiers.

• • • Créez des galeries d'images enchanteresses avec le bloc Image Stack Gallery.

• Pour les projets créatifs, vous pouvez utiliser un bloc vraiment rare, Image Hotspot, pour rendre vos images/photos/peintures/plans d'étage plus informatifs. Le bloc vous permet de placer des info-bulles animées sur n'importe quelle zone personnalisée de vos images pour fournir plus d'informations sur des parties d'image spécifiques.

• Présentez des vidéos d'introduction ou de produits dans de superbes pop-ups (vous pouvez utiliser vos images de couverture, animer des boutons, ajouter des légendes, etc.)

Présentez votre équipe

Parlez des personnes qui vous aident à créer une entreprise avec le bloc Personne facile à gérer, qui contient des éléments essentiels tels que les intitulés de poste, les noms, les avatars et les icônes sociales.

De plus, vous pouvez afficher l'historique de votre entreprise/projet ou afficher tout autre événement dans un ordre chronologique à l'aide du bloc Chronologie des événements.

Construire des curseurs de publication et de type de publication personnalisés à Gutenberg

Si vous souhaitez présenter des articles de blog ou d'autres types de messages personnalisés spécifiques (par exemple, des services, des produits WooCommerce ou d'autres types de contenu générés par les plugins que vous utilisez), le plugin de blocs Getwid Gutenberg est livré avec plusieurs blocs dédiés pour vous aider à mettre davantage l'accent sur ce contenu. .

Vous pouvez utiliser les blocs Post Carousel, Post Slider et Custom Post Type de Getwid à cette fin. Bien qu'ils soient livrés avec l'ensemble standard de paramètres, Getwid a fait un effort supplémentaire en vous fournissant un créateur de modèle personnalisé, où vous pouvez créer visuellement une mise en page qui sera appliquée au curseur des données de publications dynamiques.

En jouant avec ces blocs, vous pouvez créer :

• Superbes curseurs pleine largeur de type post / post personnalisé.

• Un carrousel de poteaux à colonnes avec différents éléments de conception.

• Curseurs de grille et de liste.

Il existe des tonnes d'options et de fonctionnalités de ces blocs qui nécessiteraient un article à part entière !

Utiliser des bannières animées pour promouvoir des offres ou des événements

Vous pouvez atteindre plus de prospects avec des bannières d'appel à l'action vives, qui peuvent être créées à l'aide du bloc Getwid Banner. Alternativement, vous pouvez utiliser ce bloc à toute autre fin lorsqu'il est nécessaire de mettre l'accent sur des événements ou des produits spécifiques.

Le bloc vous permet de contrôler la mise en page, les couleurs, les effets de mouvement et de nombreux autres paramètres.

Réflexions finales : le plugin Getwid WordPress Blocks est parfait pour les blogs et les sites Web de petites entreprises

Getwid est à ce jour la plus grande collection de blocs Gutenberg gratuits visant évidemment à devenir la solution la plus complète possible pour vous aider à réduire le nombre de plugins supplémentaires que vous pourriez avoir besoin d'utiliser.

Mais cela n'implique en aucun cas la quantité plutôt que la qualité puisque Getwid fait un excellent travail de conception et de développement à plusieurs égards. Voici quelques-uns d'entre eux:

• Des panneaux de configuration étendus déploient plus d'évolutivité et de flexibilité pour chaque bloc.
• Conceptions Gutenberg prêtes à l'emploi.
• Indépendamment d'un thème WordPress, Getwid vous permet de faciliter les modifications et de maintenir une meilleure cohérence visuelle presque automatiquement.
• Un passe-partout de conception libre avec les extraits de style de bloc.
• Le plugin offre une valeur supplémentaire avec plusieurs services populaires préinstallés qui nécessitent normalement des plugins supplémentaires.
• Getwid propose quelques blocs vraiment uniques, tels que Image Hotspot, Video Popup et Custom Post Type.
• Le plugin Getwid adhère aux meilleures pratiques de conception et de développement pour Gutenberg et WordPress 5.0, ce qui contribuera largement à une approche tournée vers l'avenir dans la création de sites Web.

En résumé, les blocs Getwid Gutenberg vous aideront à avancer sur le type de site Web que vous créez. Vous en bénéficierez, que vous recherchiez une bibliothèque de blocs prête à l'emploi ou un seul bloc spécifique. Alors n'oubliez pas de vous y essayer, le plugin est gratuit comme dans la bière.