1. Web Design
  2. WordPress
  3. WordPress CMS

New Course: How to Create 3 Useful Gutenberg Custom Blocks

Scroll to top

The new WordPress Gutenberg editor provides a few simple blocks out of the box, but you can create more complex examples if you like. Learn how to make your own blocks in our new short course, How to Create 3 Useful Gutenberg Custom Blocks.

What You’ll Learn

In this course, Adi Purdila will show you how to create three useful custom blocks for WordPress Gutenberg. You'll start with some relatively complex patterns in web design and transform them into Gutenberg custom blocks. Learn how to build:

  • a pricing table
  • a component for tabbed content
  • a block for toggle content

You’ll begin with a design file for each component, and then you’ll write the HTML, CSS, and JavaScript code and turn them into Gutenberg blocks using a free, easy-to-use plugin.

Watch the Introduction

Take the Course

You can take our new course straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,250 video courses and industry-leading eBooks on Envato Tuts+. 

Plus you can download unlimited items from the huge Envato Elements library of more than 1.5 million creative assets. Create with unique fonts, photos, graphics and templates, and deliver better projects faster.

Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.