Getwid – Blocs WordPress personnalisables pour Gutenberg

Getwid - Blocs WordPress personnalisables pour Gutenberg

Gutenberg. La simple mention de ce mot peut faire fondre la glace. Habituellement, vous pouvez entendre une épingle tomber dans le silence qui s’ensuit après avoir crié “GUTENBERG!” à certains endroits. Vous ne devriez peut-être pas crier mais ce n’est pas le but. C’est un jour froid pour l’éditeur Gutenberg, ou est-ce?


Lorsque Gutenberg est devenu l’éditeur de contenu par défaut pour WordPress, de nombreux utilisateurs – débutants et développeurs – étaient sceptiques. Ce fut une transition angoissante parce que – le changement. Le nouvel éditeur signifiait que les utilisateurs devaient apprendre et s’adapter à une nouvelle façon de créer du contenu dans WordPress.

Il est vrai que changer d’anciennes méthodes est difficile, c’est peut-être la raison pour laquelle Gutenberg a fait face à une forte résistance au début. Mais les choses ont énormément changé au fil du temps. Alors que de nombreux utilisateurs étaient perplexes au début, les gens adorent rapidement le nouvel éditeur, surtout quand il est si facile à utiliser et, surtout, à étendre avec des plugins.

Merci à des plugins comme Getwid, le sujet de la revue d’aujourd’hui, vous pouvez suralimenter Gutenberg d’une manière que vous n’auriez jamais imaginée auparavant. Et si l’élan se maintient (et il le fera), Gutenberg a un avenir très brillant. À mon avis, de plus en plus d’utilisateurs n’auront guère besoin de constructeurs de pages WordPress pour créer des pages et des publications impressionnantes.

Dans la revue d’aujourd’hui, nous examinons toutes les fonctionnalités qui font de Getwid l’un des meilleurs plugins Gutenberg que vous trouverez sur le Web. Pour vous montrer à quoi vous attendre, nous testons le plugin et passons brièvement en revue plus de 30 blocs que Getwid apporte à un éditeur Gutenberg déjà puissant.

Avec ce préambule, il y a une tonne à couvrir, donc nous ferions mieux avoir wid il. Regarde ce que j’ai fait là? Haha. D’accord, commençons.

Qu’est-ce que Getwid?

Getwid - Blocs de Gutenberg

Tout d’abord, que diable est Getwid? Eh bien, Getwid est un plugin astucieux qui vous aide à étendre l’éditeur Gutenberg à grande échelle. Beaucoup simple? En d’autres termes, c’est une belle collection de 34 blocs qui vous permettent de créer un contenu brillant dans Gutenberg.

Selon Motopress, le développeur, Getwid se connecte à Gutenberg de manière transparente, “… rendant votre transition globale vers Gutenberg moins stressante.” Une transition plus fluide est particulièrement importante pour les nouveaux utilisateurs. La meilleure partie est que le plugin est téléchargeable gratuitement sur WordPress.org, ce qui signifie que vous pouvez tout de suite vous lancer.

Getwid suit le meilleur Normes de codage WordPress, vous offrant la solution parfaite pour enrichir votre contenu sans creuser dans le code. En outre, il est entièrement compatible avec tous les thèmes WordPress prêts pour Gutenberg, ce qui signifie que vous ne rencontrerez pas de problèmes d’incompatibilité.

De plus, Getwid est compatible avec d’autres plugins Gutenberg tiers, qui vous offrent plus de fonctionnalités pour créer le contenu attrayant que vous désirez. En outre, Getwid est livré avec une tonne d’options vous permettant de personnaliser chaque bloc en fonction de votre marque et de vos préférences.

Blocs Gutenberg faciles à utiliser

De plus, le module complémentaire est incroyablement facile à configurer et à utiliser, ce qui signifie que vous n’avez pas besoin d’un développeur pour vous tenir la main. Vous n’avez pas non plus besoin de connaissances en codage. De plus, Getwid propose les dernières astuces de performance, telles que la minification CSS, afin que vous puissiez créer du contenu fantastique sans vous soucier de la vitesse de votre site WordPress.

En parlant de contenu fantastique, Getwid vous aide à «… créer des pages de destination efficaces, présenter des pages de services dynamiques, créer des portefeuilles accrocheurs», ajouter de beaux curseurs, mettre en œuvre des titres fantastiques, afficher des tableaux de prix, et bien plus encore! Il vous offre tous les blocs dont vous avez besoin pour suralimenter «… les sites Web d’entreprise, les startups, les projets créatifs et une diversité d’autres niches».

Liste Getwid des blocs Gutenberg

Getwid est livré avec un bon nombre de blocs Gutenberg. N’oubliez pas, cela fonctionne également avec les blocs de base de Gutenberg, ce qui signifie que rien ne devrait vous empêcher de créer un contenu génial qui fonctionne pour votre site Web. Voici la liste des blocs Gutenberg disponibles dans Getwid (Attention: c’est un LOOONG):

  • Section
  • Curseur multimédia et texte
  • Curseur d’image
  • Icône
  • Boîte d’icônes
  • Bannière (oui, avec des animations – woo hoo!)
  • Accordéons
  • Onglets
  • Basculer
  • Galerie d’images
  • Google Maps
  • Messages récents
  • Titre avancé
  • Boîte d’image
  • Espaceur avancé
  • Liens sociaux
  • Groupe de boutons
  • Témoignage
  • Boîte de personne
  • Instagram
  • Barre de progression
  • Barre de progression circulaire
  • Compteur
  • Boîte de prix
  • Formulaire de contact
  • Carrousel de poteau
  • Post Slider
  • Type de message personnalisé
  • Liste de prix
  • MailChimp
  • Popup vidéo
  • Image Hotspot
  • Compte à rebours
  • Chronologie du contenu

Ouf, quelle liste? Et penser que chacun des blocs ci-dessus est livré avec de nombreux paramètres, styles et options, afin que vous puissiez concevoir votre contenu comme vous le souhaitez.

Jusqu’à présent tout va bien, le plugin de blocs Getwid Gutenberg semble très prometteur.

Maintenant que vous savez avec quoi nous travaillons, installons Getwid et parcourons les différents blocs. J’espère que vous apprécierez la section suivante autant que moi lors du test du plugin.

Comment installer le plugin Getwid Gutenberg Blocks

Étant donné que Getwid est disponible dans le référentiel officiel des plugins WordPress, nous ne perdrons pas de temps à télécharger le plugin sur votre ordinateur. Au lieu de cela, nous installerons le plugin directement depuis l’intérieur du tableau de bord d’administration WordPress.

Sans plus tarder, connectez-vous à votre tableau de bord d’administration WordPress et accédez à Plugins> Ajouter un nouveau comme je le souligne dans la capture d’écran ci-dessous.

comment installer le nouveau plugin wordpress

Sur le Ajouter des plugins page, entrez “Getwid” dans la zone de recherche par mot-clé et appuyez sur Installer Maintenant bouton, comme illustré ci-dessous.

comment installer le plugin getwid gutenberg blocks pour wordpress

Sans perdre une seconde, cliquez sur le Activer comme je le souligne ci-dessous pour finaliser l’installation.

comment activer le plugin wordpress getwid

Et c’est tout; Je ne mentais pas quand je vous ai dit que la configuration de Getwid était facile ��

Voyons maintenant ce que Getwid a à offrir dans l’éditeur Gutenberg. Pour découvrir ce qui est en magasin, nous devons créer une nouvelle page ou un nouvel article. Travaillez avec ce que vous voulez.

Ajout d’une nouvelle page

Je vais travailler avec une page uniquement à des fins d’illustration. Et aussi parce que j’utilise le vénérable thème Total WordPress fourni avec un modèle de page de destination ��

À l’heure actuelle, vous savez probablement déjà comment ajouter une nouvelle page dans WordPress, mais si vous êtes un débutant absolu, accédez à Pages> Ajouter un nouveau, comme vu ci-dessous.

ajouter une nouvelle page dans wordpress

Ajoutez le titre de votre page et choisissez les paramètres requis. Par exemple, si vous souhaitez créer une page de destination pleine largeur comme la vôtre, sélectionnez l’option dans le Attributs de page section, comme indiqué ci-dessous.

attributs de page dans gutenberb

Remarque, vous pouvez avoir différentes options dans le Attributs de page section en fonction de votre thème.

Ajout de blocs Getwid Gutenberg

Ajouter des blocs Getwid revient à ajouter des blocs Gutenberg typiques. Clique le plus (+) bouton, faites défiler vers le bas Getwid Blocs, et choisissez le bloc que vous voulez.

Bloc de section

Pour ajouter une section Getwid, par exemple, ajoutez simplement le Section bloc, comme indiqué ci-dessous.

bloc de section getwid

Aussi simple que A, B, C. Après cela, vous devez concevoir / styliser votre section comme bon vous semble. Le bloc de section vous permet de créer de belles mises en page section par section sans codage. Vous pouvez facilement ajouter des curseurs, des images d’arrière-plan, des vidéos, la parallaxe, des animations, des formes, plusieurs couleurs, etc. à votre section. Pour voir une page créée à l’aide de blocs de section, consultez les éléments suivants démo de section.

Comme indiqué dans l’image ci-dessous, vous pouvez ajouter n’importe quel bloc à l’intérieur du bloc de section. En outre, vous pouvez personnaliser la section à votre guise.

getwid section block settings

À droite de la page, vous disposez de nombreuses options pour personnaliser la section. Nous allons passer brièvement en revue les options de haut en bas.

  • Taille – Définissez les dimensions de votre section ici. Au moment de la rédaction, vous avez trois options de largeur, à savoir En boîte, pleine largeur, et Douane. En plus de cela, vous pouvez définir différentes hauteurs de section pour les ordinateurs de bureau, les tablettes et les appareils mobiles. Enfin, vous avez une option pour spécifier les écarts entre les blocs de contenu dans le bloc de section.
  • Rembourrage – L’option vous permet de définir le rembourrage autour de votre section pour les ordinateurs de bureau, les tablettes et les appareils mobiles.
  • Marge – Ajoutez des marges autour de votre bloc de section pour différents appareils.
  • Alignement – Ici, vous pouvez spécifier la verticale et l’horizontale de votre section pour différents appareils.
  • Couleur de l’arrière plan – Vous pouvez ajouter n’importe quelle couleur d’arrière-plan que vous aimez aux sections.
  • Dégradé de fond – Cette option vous aide à créer des dégradés d’arrière-plan pour votre section. L’option est pratique si vous ne souhaitez pas utiliser d’arrière-plans de couleur unie.
  • Image de fond – Ici, vous pouvez ajouter une image d’arrière-plan à votre section, au lieu d’utiliser des couleurs.
  • Curseur d’arrière-plan – Maintenant, vous pouvez ajouter des curseurs d’arrière-plan à vos sections de page. C’est gentil?
  • Vidéo de fond – Vous cherchez à enrichir votre section avec une vidéo de fond? Si oui, Getwid vous soutient.
  • Premier plan – Ajoutez des effets de premier plan à votre section.
  • Séparateurs – Ajoutez des séparateurs entre vos sections
  • Animation d’entrée – Grâce à Getwid, vous pouvez animer différentes sections à votre guise.
  • Avancée – Ici, vous pouvez ajouter une ancre HTML et une classe CSS

Bloc de curseur multimédia et texte

Pour ajouter un bloc de curseur multimédia et texte, cliquez sur le plus (+) icône, faites défiler jusqu’à Blocs Getwid et cliquez Curseur multimédia et texte, comme indiqué ci-dessous.

getwid media et bloc de curseur de texte

Une fois que vous avez ajouté le bloc, vous pouvez télécharger vos médias et ajouter du texte. En plus de cela, vous pouvez personnaliser le bloc à partir de la barre latérale droite, comme indiqué dans l’image ci-dessous.

getwid media text slider block settings

Ici, quelques notes pour les options de bloc média et texte sur la barre latérale droite, comme indiqué ci-dessus:

  • Réglages – Sous l’onglet Paramètres, vous pouvez spécifier le nombre de diapositives, la taille de l’image, la hauteur du curseur, la largeur du contenu et l’alignement vertical / horizontal.
  • Couleur du texte – L’option vous permet de personnaliser la couleur du texte sur votre curseur
  • Couleur de superposition – Vous pouvez définir la couleur de superposition et spécifier l’opacité de la superposition
  • Rembourrage – Utilisez cette option pour ajouter facilement un rembourrage autour de vos médias et curseurs de texte
  • Paramètres du curseur – Ici, vous pouvez ajouter une animation à votre curseur et activer le diaporama
  • Animation de texte – Animez le texte sur vos curseurs
  • Avancée – Ajoutez une classe CSS personnalisée afin de pouvoir styliser davantage vos curseurs

Voici un excellent exemple de la bloc de curseur média et texte en action.

Curseur d’image

Outre le Media & Text Slider, Getwid vous offre le Curseur d’image bloquer aussi. Pour ce faire, accédez à Blocs Getwid et cliquez sur le Curseur d’image bloquer comme je le détaille dans la capture d’écran ci-dessous.

curseur d'image getwid

Une fois que vous téléchargez ou ajoutez des images de la bibliothèque multimédia, vous pouvez personnaliser le curseur à partir de la barre latérale droite, comme illustré ci-dessous.

Paramètres du curseur d'image getwid

Dans la barre latérale droite, vous avez quelques options comme suit:

  • Paramètres d’image – Depuis cet onglet, vous pouvez choisir la taille de l’image, rogner automatiquement les images et lier chaque image au fichier multimédia ou à la page de pièce jointe. Ceci est particulièrement avantageux si vous êtes photographe et utilisez des curseurs d’image pour afficher votre travail.
  • Paramètres du curseur – Ici, vous pouvez spécifier le nombre de diapositives que vous pouvez afficher sur divers appareils, c’est-à-dire ordinateur de bureau, ordinateur portable, tablette et mobile.
  • Paramètres de contrôle – Sous cet onglet, vous pouvez spécifier où afficher les flèches et les points de navigation.
  • Avancée – Ajoutez une classe CSS personnalisée ici

Pour obtenir une meilleure image, voici un démo de curseur d’image pour votre plaisir visuel.

Bloc bannière

Un bloc bannière vous permet de faire de la publicité sur votre site WordPress comme un patron. L’ajout d’un bloc bannière est tout aussi simple. Aller vers Blocs Getwid à l’intérieur de l’éditeur Gutenberg et cliquez sur le Bannière bloc, comme indiqué ci-dessous.

bloc bannière getwid

Une fois que vous avez ajouté votre fichier multimédia de bannière, vous obtenez quelques options, comme indiqué dans l’image ci-dessous.

Paramètres du bloc de bannière getwid

Comme vous pouvez le voir sur l’image ci-dessus, vous pouvez facilement ajouter un lien à votre bannière et ouvrir le lien dans un nouvel onglet. Dans la barre latérale droite, vous avez plus d’options pour personnaliser vos bannières. Ici, vous pouvez personnaliser la taille, l’alignement, les couleurs et les animations de la bannière.

Vous disposez de nombreuses options pour créer des bannières attrayantes pour votre site Web. N’hésitez pas à les consulter démos de bannières pour un avant-goût de ce que vous pouvez créer.

Autres blocs Getwid Gutenberg

Quelle que soit la tentation, je ne peux probablement pas couvrir 30 blocs Getwid supplémentaires dans l’examen d’aujourd’hui. Si nous le faisons, vous serez ici toute la journée, car l’article deviendra trop long pour être lu.

Tout de même, j’espère que vous pouvez maintenant ajouter et personnaliser n’importe quel bloc Getwid Gutenberg que vous souhaitez. Il vous suffit de naviguer vers Blocs Getwid et cliquez sur le bloc souhaité. Après cela, ajoutez votre contenu et personnalisez le bloc dans la barre latérale droite comme nous l’avons fait pour les autres blocs.

Pour voir plus d’exemples de blocs Getwid Gutenberg en action, veuillez visiter le Plugin Getwid page sur MotoPress. En outre, voici un Rencontrez Getwid post qui jette un regard plus approfondi sur ce que propose le plugin.


Getwid est un puissant plugin Gutenberg avec une belle suite de blocs. De plus, chaque bloc est livré avec un ensemble unique d’options qui vous permettent de créer du contenu convaincant en un rien de temps.

En plus de cela, le plugin est incroyablement facile à configurer et à utiliser. Vous n’avez pas besoin de connaissances en codage ou d’expérience préalable pour tirer parti de la puissance de Getwid pour stimuler l’engagement sur votre site Web..

Le plugin est 100% gratuit et open source, ce qui signifie que vous pouvez l’utiliser et le personnaliser largement sans vous soucier de votre portefeuille ou de votre licence. C’est l’outil parfait à avoir dans votre boîte à outils professionnelle WordPress.

J’espère que vous pouvez maintenant utiliser Getwid pour donner vie à vos pages et publications WordPress sans vous ruiner. Sinon, veuillez exprimer vos préoccupations et suggestions dans la section des commentaires.

Autre que cela, qui est votre plugin de blocs Gutenberg préféré?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map