0:00
What's up everyone? Welcome to another video on WordPress and in this video I will show you how you can create an author bio box using the WordPress Gutenberg blocks
0:08
So here we are not going to use any third party plugins to generate the author box
0:14
So let's check how you can do that. So I have created a author box like this using the WordPress blocks
0:20
So you can also use this author blocks by using a reusable blocks. So you don't have to design this author box again and again
0:30
So, let me just remove this and let's create this from scratch
0:34
So for this I will click on plus icon and let's click on Browse All
0:38
Now let me just scroll down and let me just search for something like row
0:46
Now let's click on Plus icon and let's click on Browse All
0:50
Now let me just scroll down and here I have to search for Post Arthur
0:55
So just click on Post Arthur here. Now let's click on here and let's change the avatar size to 96 by 96
1:05
Now let click on Show Bio and let select here and let scroll down Let change the typography to like 24 Okay Now let click on dimension and let click on padding and let add a padding of 30 pixel
1:26
Now let's select the row here and let's click on plus icon
1:33
Now I will search for like social icons and let's click on plus and let's add Facebook here
1:42
Now let's add the link. Now let me just select the row here and let's change the orientation to like this
1:52
Now let's click on here and let's click on plus. Now I have to click on here
2:01
So let me just click on social icon here and let's click on plus
2:06
Let's add Telegram. Now let's add link like Twitter. So I have to add the link
2:14
Okay, we have added the social media buttons. So let's click on social icons and let's change to justify item center or we can set it
2:29
to right. So let keep it center Now you can also change the orientation but let save it like Oriental and you can also open this link in a new tab and you can also show labels like this so it looking good
2:48
Now let's click on this tag here. Now let's add a background color so let me just add the background color here and I will
2:57
change the text color here. Okay and here you can also edit the padding like 30 pixel
3:08
And here you can select the post author and here you can remove the padding from here
3:14
So let's remove this and as you can see the author box is ready
3:19
So you can reuse this author box again and again to all of your blog posts
3:24
So for this you have to select the whole block so just select the whole stack here and
3:30
Here you have to click on here and click on Add to Reusable Blocks
3:35
So here you can add a name like author box with social icons
3:44
Now let's save here. Okay our Authorbox Reusable Blog is now saved to our WordPress website So let me just remove this author box So I will click on Remove author box and here you can reuse the same author box by clicking on Browseal and here you will see this option reusable
4:03
And here you can click on Reusable Block and you can easily add the author box with a single click
4:11
And here you can also manage the Reusible Block by clicking on this block
4:15
So let's click on here and here you will see all the Reusable Blocks that you will see all the Reusible
4:19
blocks that you have created and here you can also delete this or edit the reusable block
4:26
So let me just go back here. Okay, here one thing to note that if you want to change the specific author box and don't
4:33
want to change the reusable blog, then you can simply click on here and click on convert to
4:38
a regular blog. So if you change anything like if you delete something like this, then it will not affect
4:44
your reusable block. So let me just remove it from here. let's click on plus and let's click on Reusable Block and let's click on Authorbox
4:54
And as you can see, we have deleted the Twitter but it will not affect the Reusable blog
5:00
So in this way you can create an author box in your WordPress website without using any third party plugins
5:07
So if you learn something new in this video, then make sure to hit the like button and do
5:11
subscribe to blogging. Thank you