Personnalisation facile des blocs de Gutenberg avec blockstudio et ACF
Dans cet article rapide, j’aimerais étudier comment créer des blocs Gutenberg personnalisés en utilisant blockstudio. Blockstudio est un cadre de bloc moderne et flexible pour WordPress. Avec l’adoption de Gutenberg, la capacité de créer rapidement des blocs personnalisés devient de plus en plus importante. C’est une façon très simple de les créer, et bien que vous ayez besoin d’écrire du Code pour le faire, il est plus simple et plus efficace d’utiliser BS (par rapport à d’autres méthodes). L’outil permet non seulement d’ajouter facilement des blocs, mais aussi de générer facilement des champs personnalisés (choisis entre les blocs ACF pro ou metabox), d’enregistrer des informations dans une base de données et d’appliquer 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 n’ai jamais créé de blocs personnalisés auparavant). En créant des blocs pour ce site, j’a i besoin d’un moyen facile d’ajouter du code personnalisé qui apparaît dans une interface facile à comprendre à l’avant. Le Code a été utilisé ici pendant plusieurs mois, et j’ai utilisé l’élément HTML du bloc de code SPX (c’est ce que j’ai utilisé ci – dessus). C’est une implémentation très simple, et quelque chose est déjà installé sur ce site parce que j’utilise SPX pour gérer certains des effets de l’oxygène. Cependant, SPX n’a pas d’élément Gutenberg. Comme il s’agit d’un élément HTML, je vais insérer une boîte HTML dans Gutenberg et visualiser le Code comme suit:
Un dernier avantage est que vous pouvez utiliser la fonctionnalité native de Gutenberg parce que le bloc que vous créez est un vrai bloc Gutenberg. Vous pouvez copier et coller, le rendre réutilisable, et ainsi de suite. Il est logique que vous ne puissiez utiliser cet outil que pour créer un site Web complet à Gutenberg. Aucun fournisseur n’a même gelé. Personnellement, j’utilise 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 vous pouvez utiliser comme point de départ pour la création. C’est vraiment intéressant parce qu’il fournit de nombreux exemples de code que vous pouvez utiliser pour modifier ce que vous construisez. Bien sûr, il s’agit d’un cadre dans lequel comprendre le PHP sous – jacent et comment il fonctionne simplifiera votre vie, mais à mon avis, vous n’avez 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. Si vous 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 n’ai commencé à l’utiliser que récemment et je suis heureux d’essayer des fonctionnalités avancées comme Twin et alpine. Si vous aimez ce contenu, abonnez – vous à notre revue mensuelle des nouvelles WordPress, à l’inspiration du site, aux offres exclusives et aux articles intéressants. Désabonnez – vous à tout moment. Nous n’enverrons pas de spam et ne vendrons pas ou ne partagerons pas vos e – mails.