{"id":620,"date":"2025-03-06T15:30:00","date_gmt":"2025-03-06T20:30:00","guid":{"rendered":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/?page_id=620"},"modified":"2025-03-06T15:52:51","modified_gmt":"2025-03-06T20:52:51","slug":"creating-a-block-using-a-template","status":"publish","type":"page","link":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/creating-a-block-using-a-template\/","title":{"rendered":"Creating a Block Using a Template"},"content":{"rendered":"\n
Within the plugin and theme starter repos, there are two npm scripts that will aid you in creating a new block:<\/p>\n\n\n\n
new-id-block<\/code>: Pulls in the skeleton of a new block based on the BU block template.<\/li>
new-wp-block<\/code>: Pulls in the skeleton of the WordPress default block.<\/li><\/ul>\n\n\n\n
Running npm run new-id-block<\/code> will download the BU block template from NPM, and ask a series of questions to name the new block and set up the directory structure. The “theme” and “plugin” variants are both dynamic blocks. There is a third option, “static”, which will give the skeleton of a static block, but still BU-specific.<\/p>\n\n\n\n<\/figure>\n\n\n\n
The new-wp-block<\/code> will run through a similar set of questions, but the difference is there are only two options for variants, “static” and “dynamic”, defaulting on “static”. As you can see below, the tree is much simpler.<\/p>\n\n\n\n<\/figure>\n\n\n\n
From here, you can customize the skeletons for the plugin or theme’s requirements. The blocks will compile into the build folder and will be available in the edit screen.<\/p>\n","protected":false},"excerpt":{"rendered":"
Within the plugin and theme starter repos, there are two npm scripts that will aid you in creating a new block: new-id-block: Pulls in the skeleton of a new block based on the BU block template.new-wp-block: Pulls in the skeleton of the WordPress default block. new-id-block Running npm run new-id-block will download the BU block […]<\/p>\n","protected":false},"author":6752,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"status-is-a-reserved-term":[],"assignee":[],"_links":{"self":[{"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages\/620"}],"collection":[{"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/users\/6752"}],"replies":[{"embeddable":true,"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/comments?post=620"}],"version-history":[{"count":5,"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages\/620\/revisions"}],"predecessor-version":[{"id":633,"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages\/620\/revisions\/633"}],"wp:attachment":[{"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/media?parent=620"}],"wp:term":[{"taxonomy":"status-is-a-reserved-term","embeddable":true,"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/status-is-a-reserved-term?post=620"},{"taxonomy":"assignee","embeddable":true,"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/assignee?post=620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Screenshot](\"\/gutenberg\/files\/2025\/03\/SCR-20250306-npxd.png\")
<\/figure>\n\n\n\n![\"Screenshot](\"\/gutenberg\/files\/2025\/03\/SCR-20250306-nrlr.png\")
<\/figure>\n\n\n\n![\"Screenshot](\"\/gutenberg\/files\/2025\/03\/SCR-20250306-nudo.png\")
<\/figure>\n\n\n\n![\"Screenshot](\"\/gutenberg\/files\/2025\/03\/SCR-20250306-nuhj.png\")
<\/figure>\n\n\n\n