{"id":710,"date":"2022-08-23T17:37:14","date_gmt":"2022-08-23T11:52:14","guid":{"rendered":"https:\/\/kathmandu.wordcamp.org\/2022\/?post_type=wcb_session&#038;p=710"},"modified":"2022-08-25T12:06:54","modified_gmt":"2022-08-25T06:21:54","slug":"how-to-create-custom-gutenberg-blocks-in-wordpress","status":"publish","type":"wcb_session","link":"https:\/\/kathmandu.wordcamp.org\/2022\/session\/how-to-create-custom-gutenberg-blocks-in-wordpress\/","title":{"rendered":"Gutenberg Block Development Workshop"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Gutenberg is a codename of a new set of website-building tools. Block Editor allow to add Blocks and Gutenberg blocks are layout building units on the Block Editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this workshop, he will teach you to create custom, inner, dynamic, and more. It includes all the development processes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What you will learn from this Workshop:<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Key Terminologies in developing custom Blocks.<\/li><li>Create your first custom Block.<\/li><li>Styles and Scripts on your custom Block.<\/li><li>Blocks controls and Sidebar Controls.<\/li><li>Create Inner Blocks<\/li><li>Create Dynamic Blocks<\/li><li>How to use Context in Blocks<\/li><li>Block Transforms example<\/li><li>Block Depreciated handling<\/li><li>Block preview<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In addition, you can find  the topic detailed explanation in the link below:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/docs.google.com\/document\/d\/1_xnMEmeYbPEDWCt-0J1vQaYJlw9YMamOrzD4qQw4JKU\/edit?usp=sharing\">https:\/\/docs.google.com\/document\/d\/1_xnMEmeYbPEDWCt-0J1vQaYJlw9YMamOrzD4qQw4JKU\/edit?usp=sharing<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Starter Development Process Plugin:<br><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/codersantosh\/wp-custom-gutenberg-blocks-boilerplate\" target=\"_blank\">https:\/\/github.com\/codersantosh\/wp-custom-gutenberg-blocks-boilerplate<\/a><br>(Private and will be public on the workshop day)<\/p>\n\n\n<div class=\"wp-block-wordcamp-session-speakers\"><span class=\"wp-block-wordcamp-session-speakers__byline\">Presented by<\/span><span class=\"wp-block-wordcamp-session-speakers__name\"><a href=\"https:\/\/kathmandu.wordcamp.org\/2022\/speaker\/santosh-kunwar\/\">Santosh Kunwar<\/a><\/span><\/div>","protected":false},"excerpt":{"rendered":"<p>Gutenberg is a codename of a new set of website-building tools. Block Editor allow to add Blocks and Gutenberg blocks are layout building units on the Block Editor. In this workshop, he will teach you to create custom, inner, dynamic, and more. It includes all the development processes. What you will learn from this Workshop: &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/kathmandu.wordcamp.org\/2022\/session\/how-to-create-custom-gutenberg-blocks-in-wordpress\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Gutenberg Block Development Workshop&#8221;<\/span><\/a><\/p>\n","protected":false},"author":13731517,"featured_media":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"_wcpt_session_time":1662188100,"_wcpt_session_duration":9000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[709],"footnotes":""},"session_track":[57],"session_category":[],"class_list":["post-710","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-hall-workshop"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"September 3, 2022","time":"12:40 pm"},"session_speakers":[{"id":"709","slug":"santosh-kunwar","name":"Santosh Kunwar","link":"https:\/\/kathmandu.wordcamp.org\/2022\/speaker\/santosh-kunwar\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/sessions\/710","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":2,"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/sessions\/710\/revisions"}],"predecessor-version":[{"id":2754,"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/sessions\/710\/revisions\/2754"}],"speakers":[{"embeddable":true,"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/speakers\/709"}],"author":[{"embeddable":true,"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wporg\/v1\/users\/codersantosh"}],"wp:attachment":[{"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/media?parent=710"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/session_track?post=710"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/session_category?post=710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}