Vous cherchez le meilleur plugin Gutenberg? WordPress Gutenberg Editor offre une nouvelle approche par blocs pour la création de contenu dans WordPress. Chaque contenu de Gutenberg est son bloc, pas une seule boîte de texte unifiée comme lamp;rsquoéditeur tinymce classique: les paragraphes sont des blocs, chaque image est son bloc, les guillemets de bloc sont ses propres blocs Tu as eu lamp;rsquoidée. Une grande fonctionnalité est que les développeurs tiers peuvent ajouter leurs propres blocs que pouvez utiliser lors de la création de contenu en utilisant Gutenberg.
Dans jamp;rsquoai rassemblé 23 des meilleurs plugins Gutenberg qui permettent damp;rsquoaccéder aux nouveaux blocs de contenu merveilleux de Gutenberg. souhaitez étendre les fonctionnalités de l’éditeur Gutenberg de WordPress, jetez un coup d’œil! Comment fonctionne le plugin Gutenberg? Le plug in de bloc Gutenberg fonctionne très simplement, mais je veux toujours diriger cette partie, parce que lamp;rsquoéditeur Gutenberg est nouveau et ne le savez peut être pas encore. 23 des meilleurs plug ins Gutenberg utilisez les meilleurs blocs Gutenberg de WordPress essentiellement, tous ces plug ins sont plug and play. En damp;rsquoautres termes, tout ce que avez à faire est damp;rsquoinstaller et damp;rsquoactiver le plug in. Vous pouvez ensuite commencer immédiatement à utiliser les nouveaux blocs de lamp;rsquointerface Gutenberg régulière.
1. Gutenberg Block Design Library Créez une mise en page complexe directement dans lamp;rsquoéditeur Gutenberg sans problème avec les colonnes et les sections défectueuses. Créez rapidement des prototypes de mise en page qui seront présentés directement aux clients dans WordPress. Le plug in wpdesignhub est une collection damp;rsquoentrées de section prêtes à lamp;emploi créées avec le bloc Gutenberg par défaut. Il namp;rsquoy a pas damp;rsquoautres appels JS ou CSS sur la page. Excellente performance, compatible avec namp;rsquoimporte quel thème de Gutenberg
Oui.
Ce plugin est une véritable ressource pour les institutions et les concepteurs Web qui veulent commencer à utiliser le nouveau générateur de page WordPress, mais qui le trouvent trop limité lors de la création de la conception de page avancée. Les développeurs de plug ins construisent la plus grande bibliothèque de design pour WordPress, en publiant de nouveaux dessins toutes les deux semaines. Leur objectif est de réaliser 1000 dessins personnalisés d’ici la fin de 2019, couvrant tous les changements de mise en page possibles pour votre prochain projet WordPress. 2. Bloc atomique Les blocs atomiques sont un nouvel ensemble de blocs Gutenberg de la même équipe derrière Array Themes, un célèbre magasin de thème réputé pour écrire des codes de haute qualité.
Actuellement, 15 nouveaux blocs sont ajoutés aux blocs atomiques, ainsi que damp;rsquoautres blocs: Lamp;rsquoarticle continue sous lamp;rsquoespaceur de bouton personnalisable et lamp;rsquoen tête Split author Profile sous lamp;rsquoappel à lamp;rsquoaction icône de partage damp;rsquoaccordéon damp;rsquoalerte en ligne post Grid Container evidance. Après lamp;rsquoinstallation du plug in, obtiendrez une nouvelle section de bloc atomique dans lamp;rsquointerface Gutenberg: voulez voir une démonstration en direct de tous les blocs, allez ici et faites défiler vers le bas. Vous pouvez choisir de cliquer sur afficher les blocs de présentation pour chaque bloc. Tous les nouveaux blocs sont conçus pour s’adapter parfaitement aux thèmes WordPress associés aux blocs atomiques, mais pouvez utiliser les blocs atomiques avec n’importe quel thème.
Obtenir le bloc atomique 3. Gutbullock Guteblock a introduit de nombreux blocs merveilleux de Gutenberg pour faciliter la création damp;rsquoun site Web parfait. Le plug in principal, qui namp;rsquoutilisait initialement que quelques blocs, va bientôt étendre sa collection pour fournir plus de 34 blocs dans la version gratuite. À lamp;rsquoheure actuelle, le plug in comprend les 12 blocs suivants: Bloc membre de lamp;rsquoéquipe de bloc bloc bloc bloc recommandé bloc conteneur bloc bloc bloc grille bloc bloc bloc après bloc séparateur bloc numéro de bloc bloc en tête de bloc notification CTA profil
« les auteurs partagent les blocs damp;rsquoespacement des icônes et les blocs de séparation Voici une liste des blocs à venir qui amélioreront bientôt la version gratuite de guteblock.
Accord colonnes avancées boutons de cotation cartes de pointage grille supérieure Google Maps avec des titres personnalisés liste damp;rsquoicônes boîtes damp;rsquoimages alertes en ligne bulletins de nouvelles listes de prix vidéos pop up lamp;rsquoéquipe prévoit également lancer une version avancée avec quelques blocs avancés. La version de guteblock pro comprendra des blocs tels que Quick contact Block, Amazon Alliance Link Block, paypal donation Block, Strip payment Block, add Events to Calendar Block, Advanced button Block, etc. Mieux encore, l’équipe a également développé un thème WordPress flexible pour les blogs et les magazines, tirant parti du potentiel des blocs de Gutenberg. Les thèmes guteblog pro offrent 9 mises en page de haute qualité pour créer des sites Web de blog ou de magazine parfaits. Les démonstrations disponibles permettent de créer un site Web en quelques minutes.
Obtenez guteblock 4. Bloc final Ultimate Blocks est un autre plug in qui permet damp;rsquoajouter des blocs à lamp;rsquoéditeur Gutenberg. Le but principal de ce plugin est de rendre votre contenu plus attrayant lors de lamp;rsquoutilisation de lamp;rsquoéditeur Gutenberg. Lamp;rsquoarticle se poursuit comme suit: Il y a 18 pâtés de maisons et plus. Voici les 18 blocs qui sont déjà disponibles: révision du filtre de contenu (activer les balises schema) onglet sommaire appel de contenu action basculer le contenu (accordéon) boîte de fonctions boîte de notification numéro de boîte témoignage cliquez sur le bouton de curseur damp;rsquoimage damp;rsquoétoile de la barre de compte à rebours de partage social Twitter (amélioré) Une fois le plug in installé, verrez tous les blocs dans la section blocs ultimes.
Un module intéressant quamp;rsquoils ont récemment ajouté est
Un bloc de filtrage de contenu qui permet damp;rsquoafficher différents outils suggestions ou damp;rsquoautres contenus et permet à lamp;rsquoutilisateur de filtrer ce quamp;rsquoil voit. Vous pouvez voir la démo ici. La personnalisation de ce plug in est très simple, mais très flexible. Obtenez le dernier carré 5. Gutenberg jetengine Jetengine aide les développeurs web à créer des sites Web dynamiques en utilisant lamp;rsquoéditeur Gutenberg. Le plug in a plus de 10 blocs dynamiques, y compris le répéteur, les termes, les méta, lamp;rsquoimage, le lien, le calendrier, etc. Avec le plugin wordpress jetengine de Gutenberg, pouvez créer des sites de listes, créer des messages personnalisés, créer des tables et des graphiques dynamiques, créer des listes de requêtes complexes, et bien plus encore.
De plus, les développeurs peuvent profiter de fonctionnalités avancées telles que lamp;rsquoAPI rest, le stockage de données, la capacité de créer des taxonomies personnalisées, les générateurs de requêtes, et plus encore. Acheter jettengin pour Gutenberg 6. Kuberry Qubely est un kit Gutenberg complet qui contient de nombreux blocs personnalisés, des sections prédéfinies et des paquets de mise en page modernes. Minimisez les limites de lamp;rsquoéditeur Gutenberg et étendez le avec de nombreux blocs personnalisés manquants. Il permet de créer namp;rsquoimporte quel contenu simple ou complexe sur votre site Web en utilisant lamp;rsquoéditeur de blocs Gutenberg. Qubely permet de contrôler complètement lamp;rsquoéditeur Gutenberg et damp;rsquoappliquer des options de style prédéfinies. Utilisez qubely pour créer une page Web étonnante damp;rsquooptimisation mobile. Qubely a 24 blocs personnalisés et damp;rsquoautres blocs seront ajoutés à lamp;rsquoavenir. Voici quelques uns des quartiers remarquables de coulberry:
Lamp;rsquoarticle se poursuit comme suit: Ligne de temps affichage grille accordéon basculer texte avancé Google Maps Video Pop up progress bar button Testimony title tab Counter icon Separator social icon Group button information box Advanced List contact form List
Ou lamp;rsquoimage de lamp;rsquoéquipe damp;emballage des blocs de prix damp;rsquoicône est différente des autres blocs réguliers, les blocs de qubely sont puissants et riches en contenu. Leurs options de personnalisation et de style offrent des possibilités illimitées. Obtenir qubely 7. Empilable Stackable est un autre plug in de bloc Gutenberg qui semble avoir un certain attrait. Il offre actuellement plus de 24 blocs de page, y compris des blocs plus avancés. Vous pouvez voir la liste complète sur la page plug in, Mais voici quelques unes de mes préférées: colonnes avancées et blocs de grille blocs de conteneur de blocs de vue blocs de séparation de blocs de vue blocs de vue arrière blocs de vue fonctions de blocs de grille blocs de vue bloc damp;rsquoaccordéon blocs de vue bloc damp;rsquoimage blocs de vue bloc de fonction de blocs de vue blocs de liste damp;rsquoicônes de blocs de vue Block View action invitation Block block View Drawing Block block View Block title Block block View Block count Block block View Video popup Block block Lock View Block Price pane block View Block Testimony Block block View Block team member block View Block notification Block Voir le numéro de bloc bloc voir le bloc agrandir afficher plus de blocs voir le bloc de bouton bloc voir le bloc de référence bloc voir le bloc comme un bloc atomique, après lamp;rsquoinstallation du plug in, obtenir une nouvelle zone empilable dans lamp;rsquointerface Gutenberg: La configuration à trois onglets de Stackable offre une interface utilisateur très intuitive et facile à gérer avec des options puissantes. Vous pouvez même utiliser un seul bloc comme partie autonome, ce qui est facile en activant le réglage de fond du bloc, une fonctionnalité unique empilable. Namp;rsquooubliez pas de jeter un coup damp;rsquooeil à leur bibliothèque de design, qui contient plus de 230 (!) Conception du bloc pr
Droits de douane. Empilable 8. Bloc damp;rsquooutils Les blocs damp;rsquooutils permettent de créer des sites Web personnalisés exactement comme le souhaitez, sans encodage ni création de plug ins à partir damp;rsquoune autre page. Comme lamp;rsquoun des nombreux plug ins disponibles pour le client toolset (il est également livré avec des types de messages personnalisés, des formulaires et des cartes, etc.), Toolkit est un bon choix pour les programmeurs qui veulent économiser du temps dans la conception du site et les non programmeurs qui ont eu du mal à créer Le site désiré auparavant. La seule chose est que les blocs damp;rsquooutils sont dynamiques, ce qui signifie que pouvez utiliser des blocs pour créer des modèles, et chaque article ou page qui utilise ce modèle affichera le bon contenu connexe. Par exemple, Imaginez quamp;rsquoil y ait beaucoup de messages sur votre site Web au sujet des différentes salles de gym. Pour le contenu dynamique, le même bloc de titre affiche le nom correct de chaque gymnase. Les blocs damp;rsquooutils fournissent maintenant des blocs woocommerce pour les ensembles damp;rsquooutils, de sorte que pouvez également créer des sites Web woocommerce personnalisés sans codage. Obtient le bloc damp;rsquooutils 9. Getwid Le plug in fournit des blocs statiques et dynamiques ainsi quamp;rsquoune large gamme de paramètres de configuration. Certains blocs peuvent également être stylisés à lamp;rsquoaide de CSS personnalisés. Malgré sa sortie récente, getwid offre déjà une collection impressionnante de plus de 24 blocs néo Gutenberg, dont: Section (container) le bloc le plus apprécié des utilisateurs dans les commentaires WordPress. Org Advanced header Instagram image stack Gallery Banner Testimony Box Price social Links the most recent message Counter progress bar you can find the full List of getwid Blocks, each with Real time demonstration. Getwid s’applique à n’importe quel thème WordPress et héritera de son style, à moins que ne disiez autrement
Ou ressources humaines dynamiques cliquez sur Block Twitter Block Gifs Block github Block Price List Block accordéon Block all Block New coblocks Section in Gutenberg: Obtenez coblock 13. Zeguten Êtes prêt à utiliser les meilleurs plugins WordPress essentiels et très réactifs? Zeguten, un plug in de bloc multifonctionnel optimisé pour le référencement de Gutenberg, est ensuite introduit. Comprend 11 modules étonnants pour créer des sites Web à namp;rsquoimporte quelle fin. Utilisez le bloc de section comme conteneur principal pour les autres blocs. Cela aidera à élargir les possibilités de personnalisation. En outre, zeguten est en cours de développement et damp;rsquoautres blocs seront bientôt disponibles. prévoyez créer un site de blog, pouvez choisir 5 mises en page à la mode: Mesh, maçonnerie, échecs, listes et carrousels. De plus, pouvez créer des colonnes de réponse, définir des marges et des remplissages, et appliquer différentes options à trois appareils différents: PC, tablette et téléphone mobile. Définit la couleur de fond ou crée une image, un gradient ou un fond vidéo. Vous pouvez également ajouter des formes personnalisées. Trouvez zeguten 14. Box Bokez namp;rsquoa actuellement pas beaucoup damp;rsquoinstallations, mais cela décrit la plupart des plug ins qui ajoutent actuellement de nouveaux blocs Gutenberg. À lamp;rsquoheure actuelle, bokez a ajouté plus de 13 nouveaux blocs à Gutenberg, y compris: la barre de progression de lamp;rsquoaccordéon de témoignage de grille derrière la liste de prix est mélangée avec tous les autres blocs Gutenberg, ce qui les rend un peu difficiles à trouver. Mais une fois trouvés, ils ont lamp;rsquoair bien et offrent de nombreuses options de personnalisation: Obtenez bokez 15. Bloc kadence Kadence Blocks est unique en ce sens quamp;rsquoil se concentre davantage sur lamp;rsquoajout de blocs de mise en page que de blocs de contenu, du moins pour le moment. Par exemple, les principales caractéristiques actuelles pourraient être:
Blocs pour la disposition des lignes. Cela permet damp;rsquoimbriquer les colonnes 1 à 6 qui peuvent contenir namp;rsquoimporte quel autre bloc auquel pouvez accéder. Vous pouvez également ajouter votre propre papier peint, ainsi que des marges remplissages personnalisés pour le Bureau et les appareils mobiles. Jamp;rsquoai passé un moment sur mon site de test et jamp;rsquoai trouvé quamp;rsquoil était plus utile que le Widget bêta actuel dans le noyau de Gutenberg. Il fonctionne de la même façon que définissez les lignes dans le constructeur de page et fournit une structure de colonne différente: En plus des blocs de mise en page de ligne, pouvez également accéder à: Advanced Titles: cela aide à personnaliser le titre de votre article. Icônes avancées damp;rsquoespacement séparateur de boutons tous les blocs sont modulaires, ce qui signifie que pouvez désactiver tous les blocs que ne voulez pas utiliser. Je suis heureux de voir comment cela va évoluer, car à lamp;rsquoheure actuelle, la chronique reste lamp;rsquoun des domaines en retard de Gutenberg. Vous pouvez également voir les commentaires du même développeur sur le sujet kadence. Obtenir des blocs de kadence 16. Bloc damp;rsquoédition Les blocs damp;rsquoédition sont une autre bonne option pour ajouter de nouveaux blocs de contenu à Gutenberg. À lamp;rsquoheure actuelle, lamp;rsquoéditeur Block a ajouté plus de 10 nouveaux blocs Gutenberg, y compris: Hero Block (mon préféré): il rend très facile de créer des zones de héros en utilisant CTA. Liste de prix les membres de lamp;rsquoéquipe damp;emballage par blocs prouvent que les blocs de la marque (par exemple, la grille du logo du client ou lamp;rsquoendroit où êtes présenté) semblent assez grands. Jamp;rsquoaime le fait quamp;rsquoils samp;rsquoétendent à quelque chose de plus grand, comme la partie entière du héros: voulez les voir tous en cours damp;rsquoexécution, cette page est entièrement construite avec des blocs damp;rsquoéditeur. Comme pour les blocs atomiques, il existe un thème de bloc damp;rsquoéditeur optionnel qui samp;rsquoadapte bien à tous les nouveaux blocs. Obtient le bloc 17 de lamp;rsquoéditeur. Le plugin ultime de Gutenberg Le plugin ultime de Gutenberg est un plugin populaire
Brainstorming Block, la même équipe derrière le thème ASTRA, est le thème non par défaut le plus populaire de tous les temps. Gutenberg aime le plug in Ultimate, en partie parce quamp;rsquoil est groupé avec de nombreux sites initiaux damp;rsquoAstra. Mais camp;rsquoest aussi souvent une option très flexible avec beaucoup de blocs personnalisables. Vous obtiendrez une bonne combinaison de blocs de base, tels que blocs de titre avancés, colonnes, boutons multiples, etc. Et des blocs pour des cas damp;rsquoutilisation spécifiques, tels que des listes de prix, des icônes de partage social, des recommandations, etc. Au total, plus de 25 blocs sont disponibles. Lamp;rsquoun de mes préférés est le bloc FAQ mode, qui permet de configurer une section FAQ Mode enabled pour essayer damp;rsquoinsérer votre site dans le fragment Google FAQ dans le serp. Pour le moment, le plug in ultime de Gutenberg est entièrement gratuit. Obtenez le dernier plug in pour Gutenberg 18. Générer des blocs Personnellement, generateblocks est probablement mon plugin de blocage WordPress préféré. Il vient de Tom Usborne, qui est également le développeur du thème populaire generatepress. Comme generatepress, generateblocks a un code propre, pas de bosses. Generateblocks ne contient que quatre blocs, ce qui semble limité au début. Cependant, Tom a beaucoup réfléchi à ces quatre quartiers, qui sont les seuls dont avez besoin 90% du temps. Les quatre blocs sont: conteneur: organiser le contenu en lignes et en sections. Grille: crée une grille flexible avec des paramètres de réponse. Titre: créez un titre avancé en utilisant des polices et des icônes personnalisées. Boutons: créez de meilleurs boutons. Chaque bloc a un grand nombre de paramètres et fournit toutes les fonctionnalités dont avez besoin. Dans lamp;rsquoensemble, jamp;rsquoaime ça, et camp;rsquoest le seul module que jamp;rsquoutilise sur presque tous les sites. Generateblocks est également 100% gratuit.
Complexe, si voulez accéder à un grand nombre de blocs dans le plug in, camp;rsquoest une autre bonne option. Trouvez gutentor 22. Miao Gallery Contrairement à de nombreuses collections de blocs ordinaires, meow Gallery ne se concentre que sur un type particulier de blocs: les blocs de galerie. Cependant, malgré son focus limité, cela signifie quamp;rsquoil peut faire du bon travail en permettant damp;rsquoajouter des bibliothèques dans lamp;rsquoéditeur de bloc. La version Premium offre également une option vraiment unique qui permet de visualiser les éléments de la galerie sur une carte, ce qui est fantastique pour les blogueurs de voyages. Il existe damp;rsquoautres options avancées, comme lamp;rsquointégration damp;rsquoAdobe Lightroom. La version gratuite est disponible sur WordPress. Org et le prix sont assez abordables, à partir de 19 $. Obtenez MIAOU Gallery 23. Bloc miroir de code Le bloc de miroir de code est un autre Widget utile. Comme son nom lamp;rsquoindique, il aide à intégrer des fragments de code dans votre contenu en utilisant la Bibliothèque codemmirror, qui fournit plus de 56 sujets et prend en charge plus de 100 langages de programmation, de script et de balisage. Camp;rsquoest un bloc très utile si écrivez souvent des tutoriels qui contiennent des fragments de code. Obtient le bloc codemmirror 24. Contenu structuré (json LD) WPSC Enfin, nous avons le dernier gadget: Structured content (json LD) WPSC. Camp;rsquoest un plugin très utile que jamp;rsquoai commencé à utiliser sur mon site. Il ne fournit que quelques blocs, mais ils sont très utiles parce quamp;rsquoils permettent damp;rsquoajouter des balises de schéma pour les éléments suivants: FAQ workperson leçon jamp;rsquoutilise personnellement des blocs de FAQ Pour ajouter des FAQ à mes visiteurs et inclut également des données de FAQ structurées json LD afin que puissiez essayer damp;rsquoobtenir ces riches fragments dans votre recherche. Dans lamp;rsquoensemble, ce namp;rsquoest que général.
Il samp;rsquoagit damp;rsquoune option très utile pour ajouter facilement les types de schémas énumérés ci dessus page par page. Camp;rsquoest aussi 100% gratuit, sans aucun mal. Obtenez du contenu structuré (json LD) WPSC quel est votre plug in Gutenberg préféré? Un grand avantage de lamp;rsquoéditeur de bloc est la facilité avec laquelle il peut être étendu. Avec toutes les options de cette liste, ne serez pas en mesure de faire des choix. Trouvez ce que et profitez de votre nouveau pouvoir de design! Avez damp;rsquoautres plugins Gutenberg à partager? Veuillez nous le dire dans vos commentaires!
Les 24 meilleurs plugins Gutenberg pour WordPress 2021
