Workshop on creating a Custom Gutenberg Block in WordPress

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? 

Great!

At WordCamp Kathmandu 2022, we’re having a workshop on how to create a custom Gutenberg block in WordPress. 

What is a Gutenberg Custom Block? Why should one attend this session?

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.

Although the WordPress block editor (“Gutenberg”) 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.

In this session, you’ll learn how to create custom blocks, inner blocks, dynamic blocks, and more. It includes all the development processes.

This session includes the following lessons:

  • Key Terminologies in developing custom Blocks.
  • Create your first custom Block.
  • Styles and Scripts on your custom Block.
  • Blocks controls and Sidebar Controls.
  • Create Inner Blocks
  • Create Dynamic Blocks
  • How to use Context in Blocks
  • Block Transforms example
  • Block Depreciated handling
  • Block preview

Who are the suitable attendees for the session?

This session is intended for WordPress developers.

How to participate?

To participate, attendees should register their names for the session while registering for the event. Registration starts at 10 am on the event day.

Prerequisites for attending the session

  • Consider bringing your own laptops and charger.
  • Download and install XAMPP/WAMP/MAMP or any local development server on your laptop. You can also download XAMPP from the link given below: https://make.wordpress.org/core/handbook/tutorials/installing-a-local-server/xampp/ 
  • Attendees should install WordPress on their laptop. You can download WordPress from the link below: https://wordpress.org/download/ 
  • Download and install Node.js + npm. Go to the Node’s site [download + install] (https://nodejs.org/en/download/) Node on your system. This will install both `Node.js` and `npm`, i.e., node package manager — the command line interface of Node.js. You can verify the install by opening your terminal app and typing…
    node -v
    # Results into 8.15.0 — or installed version.

Event Schedule

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 Santosh Kunwar, 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 here.

WordCamp Kathmandu 2022 is over. Check out the next edition!