Up next in 10
14 WordPress Gutenberg Block Editor Tips That will Save Your Time
216 views
Jan 25, 2024
Title: "Efficiency Unleashed: 14 Time-Saving Tips for WordPress Gutenberg Block Editor ๐" Description: Dive into productivity with this insightful video featuring 14 invaluable tips to streamline your workflow in the WordPress Gutenberg Block Editor. Whether you're a seasoned WordPress user or just starting, these tips will empower you to create content faster and more efficiently. Learn how to leverage hidden features, shortcuts, and lesser-known functionalities within the Gutenberg editor, saving you precious time on content creation. Enhance your editing experience and boost productivity with these expert tips. Watch now and become a Gutenberg power user! โฑ๏ธ๐ ๏ธ
View Video Transcript
0:00
Hello everyone, welcome to Key to Blogging and in this video I will share you some tips and tricks that will help you save time and improve your productivity using the Gutenberg blocks in WordPress
0:11
So I have opened a blog post and let's check how you can remove the pre-publish check inside the Gutenberg Post Editor
0:20
So when I click on the publish button, it will show a pre-publish check like this
0:25
So you can remove this pre-publish check just by clicking on this three dot icon and then
0:30
then let's go to the reference and here you will see this option include pre-publish check
0:35
So just turn up it and in the next time when I click on the publish button it will directly
0:40
publish it for you. So in this way you can disable the pre-publish check and save some time using this feature
0:50
Now let's check how you can embed YouTube videos to your WordPress blog post
0:55
So the easiest way to add embed YouTube video is just by copy
0:59
by copy the YouTube video URL like this and let's hit enter and I will paste that link
1:07
directly in the post editor and it will add the YouTube embed like this
1:12
So if you want to embed a blog post in the similar way just by copy and another post URL
1:19
like this and let's hit enter here and I will paste that URL like this and it will create
1:27
a embed for view. So in this way you can embed YouTube videos, embed different blog posts like this
1:35
So let me just quickly remove it. Now you can also insert image block just by clicking on this slash here and you can find
1:45
the image block. So let's search for image like this and hit enter
1:51
So in this way you can add image to your WordPress Post editor and you can also add different
1:56
elements like if you want to add a heading. Then you can just hit slash and simply search for heading block and it will add a heading block like this
2:08
There are different ways you can add an image block to your WordPress website
2:12
So let me just simply drag an image from here and it will add that image to your WordPress post editor
2:21
So let me just drag it from here and I will add that image here
2:27
So as you can see, the image is uploaded to our WordPress website and add it through your
2:33
post editor. And if you want to add multiple images and create a gallery, then what I can do is just simply
2:41
copy all the images and drag it from here and I will drop it here
2:48
Now it will create a gallery like this. And as you can see, the gallery is created
2:57
So let me just select the gallery here. And let increase the column like this And you can also decrease the column like this And you can also link to attachment page or media file and you can open it in a new tab you can also change the image size like this so you
3:21
can just name a all tags here so select this one and you can add all text to all of the images
3:29
Now let's select the gallery block and let's click on the open media gallery and let's
3:39
edit the gallery and you can add caption here and you can delete any of the images
3:48
from the gallery like this and you can also manually add gallery by clicking on this button
3:54
add to gallery. Now let me just remove the gallery here. And if you want to add a heading to your post editor, suppose you want to add a H3 heading
4:05
then what I can do is just click on the plus icon and add the heading and then you need to
4:10
change it to H3. But to fast-track this process, you can just add like 3 has here and hit space and it will
4:21
add the H3 tag for you. And if you want to add like H5 tag, then what I can do is just add 5
4:29
H5 has here and hit space and it will add the H5 tag for you
4:35
So in this way you can save some time adding headings to your blog post
4:41
Now let me just remove it and suppose you want to remove unnecessary blocks from here
4:47
So suppose let me just find a block like I don't use cover block in my blog post and I don't
4:54
use the media and text file here. Then what I can do is just click on the 3
4:59
icon and I will click on the preference here. Now I will click on the block here and I will search for the block
5:07
So let's find this block. Like I don't use the cover block then I can just uncheck it and I don't use the file block
5:17
So let's uncheck it. And when I click on this plus button and I will search for the cover block then it will not show
5:24
up here. So in this way you can remove unnecessary blocks from this
5:29
sections and make it well organized and you can also remove the most used section
5:35
from here just by clicking on the same preference button here let's click on block and you
5:42
can disable the so most use blocks and you can also add block different elements
5:50
like let me scroll down and I don't use the theme features like navigation side logo
5:57
site title so I can just uncheck it and all the block will be unchecked and it will
6:03
be removed from this section so the theme section will be gone here so in this way
6:09
you can remove any block from your WordPress post editor. Now let check how you can bulk delete multiple blocks in your post editor Suppose I want to delete multiple blog posts then what I can do is just select the fast block here And then I will hold shift and select the block that I want to delete and I can just click on the
6:34
3 dot icon and I can just remove the block. So in this way you can remove multiple blocks in your post editor
6:43
Now let's check how you can group multiple elements. So suppose I want to group these two paragraphs, then what I can do is just select these two
6:52
paragraph here and I will select this group icon. So just select it and it will create a group for you
7:01
And here you can click on this button like this and it will show the paragraph side by side
7:08
And you can also add a background color. So let me just add a background color and let's change the text color
7:15
And in this way you can display a group block like this
7:19
And you can also click on the row here and let's click on the log button
7:25
And let's click on lock all. Now it will be lock and you can remove this position
7:32
Suppose you can just change this position but if you click on this group it will not change
7:38
the position. Only you can change the left and right position like this
7:43
Now let's click on the first block and as you can see, when I click on the block it will show a top bar like this
7:49
So if you don't want to show the top bar again and again, then what I can do is just click on the three dot icon and I will enable the top toolbar
7:58
And the toolbar will be fixed at the top and you can easily now change different elements
8:05
And if you want to bolt it, then just select the element and use this top bar to edit your text
8:12
So in this way you can remove these elements and keep its stick at the top position
8:19
Now let's click on the 3 dot icon and you can also enable the spot light mode
8:24
So it will only highlight the block that you are currently working and
8:30
it will show as a fade like this. Peace. So spotlight mode is good if you want to
8:37
concentrate on a particular block. So I don't generally use the spotlight mode
8:42
So let's deselect it. And you can also enter a full screen mode where you will see all the default WordPress menu
8:50
while editing the blog post. And you can easily jump to different sections like media just by clicking on the media button
8:58
like this. Now let's check how you can highlight text inside the WordPress Post Editor
9:03
And what I can do is just select one of the elements like this
9:07
So let me just select this text here. I will click on the drop down arrow here and I will select this option highlight and I can
9:18
add a highlight color. So let me just add the highlight background to something like yellow
9:26
And as you can see it will add a yellow highlight to this text So this is a quite handy features to highlight some of the important text in your post editor And let click on the drop down arrow and you can also
9:43
add inline code to your paragraph and you can also add subscript superscript but these are not
9:51
that useful at all. Now if you want to add the same block pattern to multiple blog posts then
9:58
you can create it as a reusable block so let me just select this element and I will select
10:04
the whole row here and then I will add it to a reusable block so let's add reusable block
10:11
and let me just name it like a table or a grid table you can name it anything let's click on
10:22
save here now it will convert it to a reusable block so let me just open another block post
10:28
and let me just edit this blog post here. Now let me just add that reusable block
10:35
So let me just click on plus here and let's click on Browse All
10:40
Now let's click on the Reusable Blog and let's select this element again
10:45
Now it will add that element in this block post. And if you want to make changes to this particular block and don't want to change the reusable
10:53
block, then you have to select the block and convert it to a regular block
10:58
block and you can delete any of the elements. So let me just remove the paragraph here
11:04
So it will not affect the whole reusable block and it will only affect to this particular element
11:10
So in this way you can add different reusable blocks in your blog post
11:16
So suppose you want to display offer section to your blog post and you don't want to create
11:22
the same element again and again in all blog posts, then you can use the reusable block
11:27
functionality in Gutenberg Post Editor. And another feature is, so let me just click on the post here and here you will see this
11:35
option like Xop and here you will see this option like discussion, text
11:41
So I don't use this Xop feature because I use the rank math to insert the Xop
11:48
Then what I can do is just click on the 3 dot icon and I will click on the preference here and
11:53
let's click on the panel. And here I can remove this section
11:57
section like I don't want the discussion section here, I don't want to add an X-off panel
12:04
like this, and you can remove any of the element you don't use inside the post editor
12:10
Now let's close here, now let's click on the setting here. And as you can see, all the unnecessary sections are gone like discussion or comment sections
12:20
are gone. So in this way you can remove the cluttering inside the Gutenberg Post editor
12:26
you can fast track your editing workflow. So if you found this video helpful, then make sure to hit the like button and leave us
12:34
your feedback in the comment sections. And if you are known to this channel, then consider subscribing Kitu blogging for more upcoming
12:41
videos like this. And I will see you in the next video
12:45
Thank you