Dans cet article rapide, jamp;rsquoaimerais étudier comment créer des blocs Gutenberg personnalisés en utilisant blockstudio. Blockstudio est un cadre de bloc moderne et flexible pour WordPress. Avec lamp;rsquoadoption de Gutenberg, la capacité de créer rapidement des blocs personnalisés devient de plus en plus importante. Camp;rsquoest une façon très simple de les créer, et bien que ayez besoin damp;rsquoécrire du Code pour le faire, il est plus simple et plus efficace damp;rsquoutiliser BS (par rapport à damp;rsquoautres méthodes). Lamp;rsquooutil permet non seulement damp;rsquoajouter facilement des blocs, mais aussi de générer facilement des champs personnalisés (choisis entre les blocs ACF pro ou metabox), damp;rsquoenregistrer des informations dans une base de données et damp;rsquoappliquer des styles et des scripts en ligne.
Apprenons rapidement comment créer des blocs Gutenberg personnalisés en moins de 5 minutes en utilisant ce cadre (PS: Je namp;rsquoai jamais créé de blocs personnalisés auparavant). En créant des blocs pour ce site, jamp;rsquoa i besoin damp;rsquoun moyen facile damp;rsquoajouter du code personnalisé qui apparaît dans une interface facile à comprendre à lamp;rsquoavant. Le Code a été utilisé ici pendant plusieurs mois, et jamp;rsquoai utilisé lamp;rsquoélément HTML du bloc de code SPX (camp;rsquoest ce que jamp;rsquoai utilisé ci dessus). Camp;rsquoest une implémentation très simple, et quelque chose est déjà installé sur ce site parce que jamp;rsquoutilise SPX pour gérer certains des effets de lamp;rsquooxygène. Cependant, SPX namp;rsquoa pas damp;rsquoélément Gutenberg. Comme il samp;rsquoagit damp;rsquoun élément HTML, je vais insérer une boîte HTML dans Gutenberg et visualiser le Code comme suit:
Camp;rsquoest possible, mais jamp;rsquoespère que Gutenberg a un bloc de code dédié. Pour ce faire, jamp;rsquoutilise blockstudio + ACF: Mon nouveau bloc fournit essentiellement une interface graphique visuelle pour insérer du Code, comme je lamp;rsquoai fait en HTML. Mais le module simplifie la gestion et fournit
Un dernier avantage est que pouvez utiliser la fonctionnalité native de Gutenberg parce que le bloc que créez est un vrai bloc Gutenberg. Vous pouvez copier et coller, le rendre réutilisable, et ainsi de suite. Il est logique que ne puissiez utiliser cet outil que pour créer un site Web complet à Gutenberg. Aucun fournisseur namp;rsquoa même gelé. Personnellement, jamp;rsquoutilise Gutenberg pour gérer, construire et créer tous les billets de blog sur ce site. Cependant, pour la conception et la création de modèles de site Web généraux, Oxygen Builder est utilisé.
Blockstudio est livré avec quelques bibliothèques de blocs bien construites que pouvez utiliser comme point de départ pour la création. Camp;rsquoest vraiment intéressant parce quamp;rsquoil fournit de nombreux exemples de code que pouvez utiliser pour modifier ce que construisez. Bien sûr, il samp;rsquoagit damp;rsquoun cadre dans lequel comprendre le PHP sous jacent et comment il fonctionne simplifiera votre vie, mais à mon avis, namp;rsquoavez pas besoin de le savoir pour utiliser les blocs de construction de cet outil. Il suffit de savoir comment copier et coller à partir de divers documents, échantillons et sources. Les documents ACF et blockstudio sont bien écrits et faciles à comprendre. connaissez mieux le plug in metabax Custom Fields, il fonctionne également bien.
Je pense que ce prix est raisonnable en raison de la flexibilité et de la puissance de cet instrument. Je namp;rsquoai commencé à lamp;rsquoutiliser que récemment et je suis heureux damp;rsquoessayer des fonctionnalités avancées comme Twin et alpine. ce contenu, à notre revue mensuelle des nouvelles WordPress, à l’inspiration du site, aux offres exclusives et aux articles intéressants. Dés à tout moment. Nous namp;rsquoenverrons pas de spam et ne vendrons pas ou ne partagerons pas vos e mails.
Personnalisation facile des blocs de Gutenberg avec blockstudio et ACF
