{"id":2704,"date":"2022-08-24T17:13:10","date_gmt":"2022-08-24T11:28:10","guid":{"rendered":"https:\/\/kathmandu.wordcamp.org\/2022\/?p=2704"},"modified":"2022-08-24T17:13:10","modified_gmt":"2022-08-24T11:28:10","slug":"workshop-on-creating-a-custom-gutenberg-block-in-wordpress","status":"publish","type":"post","link":"https:\/\/kathmandu.wordcamp.org\/2022\/workshop-on-creating-a-custom-gutenberg-block-in-wordpress\/","title":{"rendered":"Workshop on creating a Custom Gutenberg Block in WordPress"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Want to give your site a unique feel and look or add new functionality? Is Built-in WordPress blocks not enough to match your requirement? Want to bring your creative visions to life?&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Great!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">At WordCamp Kathmandu 2022, we\u2019re having a workshop on how to create a custom Gutenberg block in WordPress.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What is a Gutenberg Custom Block? Why should one attend this session?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Gutenberg is a codename of a new set of website-building tools. Block Editor allows adding Blocks and Gutenberg blocks are layout building units on the Block Editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Although the WordPress block editor (\u201cGutenberg\u201d) provides plenty of built-in blocks, it might come with some limitations or it might on exactly fit your requirement. This is where creating a custom element can be useful. You can bring your creative visions to life by creating a custom Gutenberg Block in WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this session, you\u2019ll learn how to create custom blocks, inner blocks, dynamic blocks, and more. It includes all the development processes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>This session includes the following lessons:<\/strong><\/p>\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<h3 class=\"wp-block-heading\">Who are the suitable attendees for the session?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This session is intended for WordPress developers.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to participate?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To participate, attendees should register their names for the session while registering for the event. Registration starts at 10 am on the event day.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Prerequisites for attending the session<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Consider bringing your own laptops and charger.<\/li><li>Download and install XAMPP\/WAMP\/MAMP or any local development server on your laptop. You can also download XAMPP from the link given below: <a rel=\"noreferrer noopener\" href=\"https:\/\/make.wordpress.org\/core\/handbook\/tutorials\/installing-a-local-server\/xampp\/\" target=\"_blank\">https:\/\/make.wordpress.org\/core\/handbook\/tutorials\/installing-a-local-server\/xampp\/<\/a>&nbsp;<\/li><li>Attendees should install WordPress on their laptop. You can download WordPress from the link below:<a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/download\/\" target=\"_blank\"> https:\/\/wordpress.org\/download\/<\/a>&nbsp;<\/li><li>Download and install Node.js + npm. Go to the Node&#8217;s site [download + install] (<a rel=\"noreferrer noopener\" href=\"https:\/\/nodejs.org\/en\/download\/\" target=\"_blank\">https:\/\/nodejs.org\/en\/download\/<\/a>) Node on your system. This will install both `Node.js` and `npm`, i.e., node package manager \u2014 the command line interface of Node.js. You can verify the install by opening your terminal app and typing\u2026<br>node -v<br><em># Results into 8.15.0 \u2014 or installed version.<\/em><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Event Schedule<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The workshop will be conducted in a separate hall at 12:40PM on the first day of event (3rd September, 2022). It will be led by <strong><a href=\"https:\/\/kathmandu.wordcamp.org\/2022\/speaker\/santosh-kunwar\/\" data-type=\"wcb_speaker\" data-id=\"709\">Santosh Kunwar<\/a><\/strong>, who is the Founder of Acme Themes and co-founder of Acme Information Technology. You can find more details about the speaker and the workshop <a rel=\"noreferrer noopener\" href=\"https:\/\/kathmandu.wordcamp.org\/2022\/speaker\/santosh-kunwar\/\" target=\"_blank\">here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Want to give your site a unique feel and look or add new functionality? Is Built-in WordPress blocks not enough to match your requirement? Want to bring your creative visions to life?&nbsp; Great! At WordCamp Kathmandu 2022, we\u2019re having a workshop on how to create a custom Gutenberg block in WordPress.&nbsp; What is a Gutenberg &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/kathmandu.wordcamp.org\/2022\/workshop-on-creating-a-custom-gutenberg-block-in-wordpress\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Workshop on creating a Custom Gutenberg Block in WordPress&#8221;<\/span><\/a><\/p>\n","protected":false},"author":15213797,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[17],"tags":[],"class_list":["post-2704","post","type-post","status-publish","format-standard","hentry","category-announcements"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/posts\/2704","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/users\/15213797"}],"replies":[{"embeddable":true,"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/comments?post=2704"}],"version-history":[{"count":3,"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/posts\/2704\/revisions"}],"predecessor-version":[{"id":2708,"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/posts\/2704\/revisions\/2708"}],"wp:attachment":[{"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/media?parent=2704"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/categories?post=2704"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kathmandu.wordcamp.org\/2022\/wp-json\/wp\/v2\/tags?post=2704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}