Build for Gutenberg: How plugins and thematic Authors face Transition to Gutenberg

Lors du Congrès wordcamp Europe 2018, Matt Mullenweg a esquissé une feuille de route pour Gutenberg dans les mois à venir. L’adoption de Gutenberg sera fortement encouragée en juillet et la version bêta 5.0 (ou plus tard; en fait, peut – être plus tard) sera lancée en août. L’intégration à venir pourrait vous faire vous demander comment les développeurs de WordPress prévoient de construire pour Gutenberg. C’est – à – dire, quelles sont les différentes façons dont les développeurs préparent leurs produits pour Gutenberg? Les gens font – ils quelque chose de nouveau et intéressant pour Gutenberg? Dans cet article, nous allons vous montrer comment les développeurs de plug – ins et de sujets existants peuvent créer des exemples réels et spécifiques pour Gutenberg.
Pour voir quelques exemples pratiques de la façon dont les développeurs peuvent utiliser des blocs et des styles pour créer une expérience d’édition plus intégrée, nous aimerions que vous: appreniez comment Gutenberg apporte des avantages aux utilisateurs finaux. Quelques idées pour le projet WordPress de Gutenberg. Si vous n’êtes pas sûr lequel est l’éditeur Gutenberg, vous voudrez peut – être d’abord voir notre tutoriel complet d’éditeur Gutenberg. Comment l’auteur du plugin et le thème # WordPress font face au passage à Gutenberg cliquez sur Twitter six exemples pour montrer comment les plugins existants dirigent le passage à Gutenberg la façon dont l’auteur du plugin crée pour Gutenberg dépend principalement de la fonctionnalité du plugin.
D’une part, vous avez des plug – ins qui se concentrent sur l’ajout de contenu de première ligne. Ce sont principalement des choses que vous pouviez faire auparavant en ajoutant du Code court. Le module plug – in en est un bon exemple. En fait, chaque plug – in de module vous fournit une interface distincte pour créer vos propres modules, puis un code court pour les intégrer réellement à l’avant. Ces types de plug – ins utilisent généralement des blocs de personnes pour traiter Gutenberg
Mais vous pouvez également les modéliser en utilisant l’interface Gutenberg. Deux modules de give vous permettent d’intégrer: un formulaire de don unique une grille de formulaires de don En tant que forme ninja, obtenez un aperçu en temps réel du module. Mais vous pouvez également utiliser l’option d’édition de bloc: sélectionnez format Activer \/ désactiver la cible de don Sélectionnez où placer le contenu Si vous passez le curseur sur un formulaire, vous recevrez un lien direct pour modifier le formulaire:
Donc, regardons comment les blocs peuvent aller un peu plus loin que l’implémentation actuelle de la forme Ninja. Mais woocommerce va plus loin… 3. Woocommerce a ajouté un bloc de produits avec contrôle de colonne, et woocommerce pourrait ajouter plus d’intégration Gutenberg, et à mesure que WordPress 5.0 approche (quelques idées sur la façon d’ajouter des produits ici), l’équipe a utilisé le plugin officiel woocommerce Gutenberg Product Block pour aller plus loin dans Gutenberg. Oui, maintenant c’est un plug – in séparé. Mais une fois installé, vous pouvez insérer les produits woocommerce existants en bloc dans le contenu Gutenberg.
Lorsque vous ajoutez des blocs de produits, vous pouvez sélectionner les produits à afficher: Vous pouvez ensuite modifier la mise en page en utilisant les options d’édition de bloc: Cela m’a beaucoup excité, car c’est un bon exemple de la façon dont Gutenberg rend les styles \/ configurations de contenu non standard plus accessibles. 4. Beaver Builder a ajouté l’option \
À ce stade, le processus de conversion n’est pas parfait. Mais si vous pouvez vous déplacer entre Gutenberg et page Builder, l’idée est intéressante
Gutenberg propose de nouveaux plugins. D’une part, vous avez un grand nombre de plug – ins universels, il suffit d’ajouter de nouveaux types de blocs de contenu. Cela donne à Gutenberg l’impression d’un générateur de page. Vous trouverez les modules suivants: liste de prix témoignage membre de l’équipe eccetera. Par exemple, voici un bloc de liste de prix du plug – in Stackable Ultimate Gutenberg blocks. Voir le niveau de détail des options d’édition de bloc: Il y en a déjà beaucoup sur WordPress. Organisation. Mais en plus des plug – ins empilables ci – dessus, d’autres produits populaires semblent être: Atom Block: Ceci vient du thème Array. Il existe également un produit appelé \
R intégré au plug – in de bloc atomique mentionné ci – dessus. Développeur: Voici comment se préparer pour les thèmes Gutenberg si vous êtes un développeur de thème et que vous voulez savoir comment rendre vos thèmes existants compatibles avec Gutenberg, Bill Erickson a un excellent guide de points saillants. La Section de soutien thématique du Manuel Gutenberg est une autre bonne ressource. Avec l’exemple ci – dessus, j’aimerais que vous compreniez mieux comment les développeurs de plug – ins et de sujets prévoient de créer pour Gutenberg. Personnellement, je sais que l’écriture de cet article m’a particulièrement excité par les possibilités de Gutenberg. En ce qui concerne les plug – ins, l’utilisation de blocs pour remplacer tout ce qui a été fait auparavant avec le Code Court est une amélioration importante de la convivialité, en particulier pour les utilisateurs occasionnels. La façon dont les développeurs de thème peuvent insérer leurs propres styles et blocs est également excitante, en particulier Gutenberg qui a étendu plus de contenu à la personnalisation du site. C’est votre tour maintenant: Avez – vous déjà rencontré de bons exemples d’auteurs de plug – ins ou de sujets qui ont trouvé des façons intéressantes de créer Gutenberg? Veuillez nous le dire dans vos commentaires! Comment les auteurs de plugins et de thèmes WordPress font face à la transition vers Gutenberg en cliquant sur Twitter n’oubliez pas de vous joindre à nos cours accélérés pour accélérer le site WordPress. Avec quelques corrections simples, vous pouvez réduire le temps de chargement de 50 à 80%: