Gutenberg La simple mention de ce mot peut faire fondre la glace. Habituellement, vous pouvez entendre une épingle tomber dans le silence qui suit après avoir crié "GUTENBERG!" à certains endroits. Vous ne devriez peut-être pas crier, mais ce n'est pas le but. C'est une journée froide pour l'éditeur Gutenberg, n'est-ce pas?
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, ce qui explique peut-être pourquoi Gutenberg a d'abord fait face à une forte résistance. Mais les choses ont énormément changé au fil du temps. Alors que de nombreux utilisateurs étaient perplexes au début, les gens adorent le nouvel éditeur, surtout quand il est si facile à utiliser et, surtout, qu'il s'étend aux plugins.
Grâce à des plugins comme Getwid, le sujet de la revue d'aujourd'hui, vous pouvez surcharger Gutenberg d'une manière que vous n'auriez jamais imaginée auparavant. Et si l'élan se poursuit (et il se poursuivra), Gutenberg a un avenir très brillant. À mon avis, de plus en plus d'utilisateurs n'auront guère besoin de créateurs 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 avons testé le plugin et examiné brièvement plus de 30 blocs que Getwid apporte à un éditeur Gutenberg déjà puissant.
Avec ce préambule, il y a beaucoup à couvrir, donc nous ferions mieux de le remplacer. Tu vois ce que j'ai fait là-bas? Haha D'accord, commençons.
Qu'est-ce que Getwid?
Tout d'abord, qu'est-ce que c'est que Getwid? Eh bien Getwid est un plugin intelligent qui vous aide à étendre l'éditeur Gutenberg de manière considérable. 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 sans aucun problème, "… rendant sa 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 commencer à l'exécuter immédiatement.
Getwid suit les meilleures normes de codage WordPress, vous offrant la solution parfaite pour enrichir votre contenu sans creuser dans le code. De plus, il est entièrement compatible avec tous les thèmes WordPress prêts pour Gutenberg, ce qui signifie que vous ne rencontrerez aucun problème d'incompatibilité.
De plus, Getwid est compatible avec d'autres plugins Gutenberg tiers, vous offrant plus de fonctionnalités pour créer le contenu attrayant que vous souhaitez. En outre, Getwid est livré avec une tonne d'options qui vous permettent de concevoir chaque bloc en fonction de votre marque et de vos préférences.
Blocs de Gutenberg faciles à utiliser
De plus, le plugin 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 compétences en codage. De plus, Getwid propose les dernières astuces de performance, telles que la minification CSS, afin que vous puissiez créer un excellent contenu 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, afficher des pages de service 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 surcharger "… des sites Web commerciaux, des startups, des projets créatifs et une variété d'autres niches".
Liste de blocage de Gutenberg Getwid
Getwid est livré avec une bonne quantité 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 incroyable qui fonctionne pour votre site Web. Voici la liste des blocs Gutenberg disponibles sur Getwid (Attention: c'est TRÈS LONG):
- 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
- Les cils
- Lever
- Galerie d'images
- google maps
- Messages récents
- Titre avancé
- Boîte à images
- Espaceur avancé
- liens sociaux
- Groupe de boutons
- Témoignage
- Boîte de personne
- Barre de progression
- Barre de progression circulaire
- Comptoir
- Boîte de prix
- Formulaire de contact
- Post carrousel
- Curseur de poste
- Type de message personnalisé
- Tarif
- MailChimp
- Popup vidéo
- Point d'accès à l'image
- compte à rebours
- Chronologie du contenu
Ugh, quelle liste? Et penser que chacun des blocs ci-dessus est livré avec beaucoup de paramètres, de styles et d'options, afin que vous puissiez concevoir votre contenu comme vous le souhaitez.
Jusqu'ici tout va bien, le plugin bloc 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 quand j'ai essayé le plugin.
Comment installer le plugin Getwid Gutenberg Blocks
Étant donné que Getwid est disponible à partir du 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 à partir du panneau d'administration WordPress.
Sans plus tarder, connectez-vous à votre panneau d'administration WordPress et accédez à Plugins> Ajouter un nouveau comme je le souligne dans la capture d'écran ci-dessous.
Sur le Ajouter des plugins page, entrez "Getwid" dans la zone de recherche par mot-clé et appuyez sur le Installer sur PC Maintenant comme illustré ci-dessous.
Sans perdre une seconde, cliquez sur le Activer comme indiqué ci-dessous pour terminer l'installation.
Et c'est ça; Je ne mentais pas quand je vous ai dit que la configuration de Getwid est facile 🙂
Voyons maintenant ce que Getwid propose dans l'éditeur Gutenberg. Pour savoir ce qui est dans le magasin, nous devons créer une nouvelle page ou un nouvel article. Travaillez avec ce que vous voulez.
Ajouter une nouvelle page
Je vais travailler avec une page à des fins d'illustration uniquement. 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 nouveau, comme vu ci-dessous.
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 Attributs de page , comme illustré ci-dessous.
Veuillez noter que vous pouvez avoir différentes options dans Attributs de page section en fonction de votre sujet.
Ajouter des blocs Getwid Gutenberg
Ajouter des blocs Getwid revient à ajouter des blocs Gutenberg typiques. Cliquez sur le plus (+) bouton, faites défiler vers le bas Getwid Blocks, et choisissez le bloc que vous voulez.
Bloc de section
Pour ajouter une section Getwid, par exemple, ajoutez simplement le Section bloc, comme illustré ci-dessous.
Aussi simple que A, B, C. Après cela, vous devez concevoir / disposer votre section comme bon vous semble. Le bloc de section vous permet de créer de belles mises en page page par section sans codage. Vous pouvez ajouter des curseurs, des images d'arrière-plan, des vidéos, la parallaxe, des animations, des formes, plusieurs couleurs, etc. à votre section facilement. Pour afficher une page créée à l'aide de blocs de section, consultez la démo de section suivante.
Comme indiqué dans l'image ci-dessous, vous pouvez ajouter n'importe quel bloc dans le bloc de section. Vous pouvez également personnaliser la section à votre guise.
Sur le côté droit de la page, vous disposez de nombreuses options pour personnaliser la section. Nous passerons brièvement en revue les options de haut en bas.
- La taille – Définissez les dimensions de votre section ici. Au moment de la rédaction, vous avez trois options de largeur, à savoir Boîte, pleine largeur, y Personnalisé. 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 la possibilité de spécifier les espaces entre les blocs de contenu dans le bloc de section.
- Remplissage – L'option vous permet de configurer 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 fond – Vous pouvez ajouter n'importe quelle couleur d'arrière-plan que vous souhaitez aux sections.
- Fond dégradé – Cette option vous aide à créer des dégradés d'arrière-plan pour votre section. L'option est utile 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 aux sections de votre page. Comme c'est doux?
- Vidéo de fond – Cherchez-vous à enrichir votre section avec une vidéo de fond? Si c'est le cas, 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é – 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 plus (+) icône, faites défiler jusqu'à Blocs Getwid et cliquez Curseur média et texte, Comme indiqué ci-dessous.
Une fois le bloc ajouté, vous pouvez télécharger vos fichiers multimé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.
Ici, quelques notes pour les options de blocage des médias et du texte dans la barre latérale droite, comme indiqué ci-dessus:
- Configurations – Dans 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 qui se chevauchent – Vous pouvez définir la couleur de la superposition et spécifier l'opacité de la superposition
- Remplissage – Utilisez cette option pour ajouter facilement du 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 du texte sur vos curseurs
- Avancé – Ajoutez une classe CSS personnalisée afin que vous puissiez continuer à concevoir vos curseurs
Voici un excellent exemple du bloc de curseur texte et média en action.
Curseur d'image
En plus du curseur média et texte, Getwid vous offre le Curseur d'image bloquer aussi. Pour ce faire, accédez à Blocs Getwid et cliquez Curseur d'image verrouiller comme détaillé dans la capture d'écran ci-dessous.
Une fois que vous avez téléchargé ou ajouté des images de la bibliothèque multimédia, vous pouvez personnaliser le curseur dans la barre latérale droite, comme illustré ci-dessous.
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 jointe. Cela 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 pouvant être affichées sur différents appareils, c'est-à-dire un ordinateur de bureau, un ordinateur portable, une tablette et un appareil mobile.
- Paramètres de contrôle – Dans cet onglet, vous pouvez spécifier où afficher les flèches et les points de navigation.
- Avancé – Ajoutez une classe CSS personnalisée ici
Pour une meilleure image, voici une démo de curseur d'image pour votre plaisir de visionnement.
Bloc bannière
Un bloc bannière vous permet de faire de la publicité sur votre site WordPress en tant que patron. L'ajout d'un bloc bannière est tout aussi simple. Accédez à Blocs Getwid à l'intérieur de l'éditeur Gutenberg et cliquez sur le Drapeau bloc, comme illustré ci-dessous.
Une fois que vous avez ajouté votre fichier multimédia de bannière, vous obtiendrez quelques options, comme indiqué dans l'image ci-dessous.
Comme vous pouvez le voir dans 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 avez de nombreuses options pour créer des bannières attrayantes pour votre site Web. N'hésitez pas à consulter ces démos de bannières pour avoir une idée de ce que vous pouvez créer.
Autres blocs de Getwid Gutenberg
Peu importe la tentation, vous ne pourrez peut-être pas couvrir 30 autres blocs de Getwid dans la revue d'aujourd'hui. Si nous le faisons, il sera ici toute la journée, car l'article sera trop long à lire.
Quoi qu'il en soit, 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, visitez la page du plugin Getwid dans MotoPress. En outre, voici un article Meet Getwid qui se penche sur ce que propose le plugin.
Getwid est un puissant plugin Gutenberg avec un charmant ensemble de blocs. De plus, chaque bloc est livré avec un ensemble unique d'options qui vous permettent de créer du contenu engageant 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 exploiter 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 WordPress professionnelle.
J'espère que vous pouvez désormais 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.
En dehors de cela, quel est votre plugin de bloc Gutenberg préféré?
