Gutenberg – Page 4

It’s time to learn how to add and upload images to your Gutenberg blocks with the help of the MediaUpload component.

In the video below, we will continue working with our “subscription form” block, which we are developing during this course, and we will add an image uploader to the block settings, for example, it can be an icon that will be displayed right before the form title.

I was eager to tell you about Full Site Editing, but I didn’t know where to start. It was just overwhelming. But not so far time ago I find out that the very first WordPress theme – “Kubrick” was rebuild for FSE, so, it is a block theme now.

First of all let me show you guys what WordPress logo do I mean. You can find it in the top left part of the screen.

And here is what we are going to achieve in this tutorial:

As you may notice I used a custom photo of me but you may use an SVG icon if you want.

In this simple tutorial I will show you how to do this:

When I create settings for Posts, Pages or any custom post type, I always use Gutenberg plugin sidebars. But the thing is that sometimes you do not want to create a separate sidebar for every post type, you’d rather prefer to display some panels (or even fields) for one post type and the other panels for another one.

Like here:

In this tutorial I am going to show you two options:

1. First of all we are going to turn off WooCommerce Gutenberg blocks in settings (Block Manager).
2. If it is not enough, then I will show how to completely disable specific WooCommerce blocks (or all of them).

As a result we will do something like this:

And we are going to do that without plugins!