Hello and welcome back to another WordPress tutorial
Today in this video you will learn everything about a blog post inside the free elementer
So as you know we can easily design our blog post grid or carousel inside the pro version
But in this video I will show you how we can design the same layouts using the free version
of Elementor. And by everything I mean if you want to have a block post grid like this or if you want a carousel
like this one. Or if you need a block post list like this and use sticker like this
you can scroll it on this will scroll automatically. And if you want to display your block
post inside tabs like this or this. Or if you want to have your post inside the recordings
like this or if you need a timeline for your blog post like this where you can display
your blog post. So all of these can be done with the free version of Elementor with the use of a simple free plugin
So let me show you one by one that how we can design these. Now for designing all of these we need a simple free plugin
Unlimited elements for Elementor. I already have a few videos about this plugin in which we create a block post grid and
a block post slider. So if you want to know in the detail, you can want to do that
You can watch my previous video and in this particular video we're going to focus on all of these elements one by one very quickly
Just to show you how you can achieve these. So first of all you will have to install Elementar obviously and then you will have to install this plugin
So just copy its name. I'll provide a link in the description or you can search for unlimited elements
To install that plugin you can go to plugins and add new
And here you can search for that plugin. Then you will see this plugin unlimited elements for Elementor, which is by Unlimited Elements
So you just need to install this. I already have installed this but I'll just update this
And once you install this, this will take you to its dashboard. As you can see, there are a number of elements that you can use
For example, we have creative widgets, marketing widgets, o'commerce, dynamic loops and so on
You can check them one by one, but in this particular video we're going to focus only. on the post widgets
As I showed you, we will create different types of forced styles inside the free Elementor
And the beauty of this plugin is you don't need to install all of the elements inside your Elementor
You can install only one elements at a time or you can install two or three according to your need
For example, I need only this post list, then I can simply install this only and I will
don't have to install all of these. So this is very lightweight and very useful feature of this plugin
Now in order to create all of the forced elements we will have to install the forced elements that are for free
You can also upgrade to the ProVergen but that is not necessary
And as you can see this as a forced carazel which I already have activated
And to install and activate any of the modules you can simply go to that and click on install Now we can use this post list I also install this the post sticker post tapes and post tickard in
Now we can use these elements inside the free elementer. So to use this and to show you all of these I'll create a new page
And I'll write a page title. Something like this. This is just to show you you can use any of your page, you can title your page and so on
Then just edit your page with Elementor. Now you can design this page but I'll simply show you the block post layout and to hide
this title we will go to the page setting and we'll change its layout to pull width
And now we have a Blink page where we can start designing. or blog post I'll simply create a section and we'll give this some padding
And now to show you one by one I'll simply create a heading for the difference
This will be the block post grid. And to create the first element which is this grid, you can simply search for a Post
And you will see this post block. And this is due to the plugin that we just installed
So just drag this over here. And as you can see we instantly have that post grade inside the Elementor
Now you can design this according to your need and to design this. You can click this and you can change the number of columns to three or four or something
Let's keep this three. You can reduce and increase and decrease the spacing
The text align to the left side. You can align this to center and so on. You can change the Read More button text here
You can change the layout here. For example, you want to hide the image, you want to hide the title and so on
You can do it easily. You can select your post, for example, which post you want to display
You can display your post pages, W for comms and so on
You can also include specific posts by its IDR name. You can also exclude post and so on
I'll not discuss these things in detail because the video will hit very lengthy
This is just to show you how you can play around the blog post inside the freely mentor
Now to style any of these, you can go to the style tab. Here you can change the box radius
For example, I want this to be 10. Then as you can see the corner got rounded
We also can have a border type, the background colors, images, content
and inside content we can customize these things. these things we can customize image title and so on let's change the title color so as you can
see we have a different color for the title so this is very easy that how you can customize
things I'll not go in there much detail but this is how you can create a blog post grid
and the next one is this block post get as well and to create this we will again create a heading
And this time I'll call this block post carousel. And now to create the carousel we can again search for carousel or post carousel, something like this
And you will see this card post carousel. So just drag this over here
And as you can see we have the carousel now. That can be controlled by the dots or by the arrows and this will have to scroll also
So this is how you can create a carousel again. You can customize this according to your need
For example you want to change the color, the background color, the read more button color and so on
You can do it easily by going to style tape and designing all of these
And all of these things are in the free version of this plugin, which is nice
So this was how you can create a post slider. Now let's see how we can create the post list
So again we'll go back to Elementor. Let's copy this heading. And we will call this blog post list
We will search for the list. And as you can see, the first list and we have the logo of that plugin
So let's grab this. And now we have a post list. Again you can customize this
So this is the list gap. Let's quickly make this 20. And this is a post list now
Again you can change the layout here. Show image, show categories, hide and so on
hide and so on. Let's go to style, image and change its width. Also we will change its height
So this is how you can control things and this is how you can create a blog post list
So everything is very simple. You just need to install the plugin and then you can search for that thing and you can create that
The next one is the first ticker so let's quickly check this also
We'll create another heading. And I'll call this post ticker
Now we will search for that. As you can see post sticker, I'll just simply drag this
And now we have this force sticker. Basically these are the blog posts inside this sticker and we can change this by going to style
This is the label so I'll simply call this something like recent post
I can also change the background color the text color and so on inside the style tape For example this is a background for the label so I change this to this color So as you can see the background color changed and that is how you can customize this
The next one is the tabs. So again, we will create a title
And I'll call this blog post tabs. And I'll search for tabs
And you can see post tabs. So I'll simply drag this. And now we have tabs for our blog posts
Again you can customize things according to your need and not go in much details
Here you can style things. This is the tab bar, the tab items
So let's go to tab item. And this is the title color, the tape background is white and so on
Tape item and Hauer and tab active. Now this is an active tape so I'll change its background color
And we'll change its color also. I mean the text color. So now this is the active one and these are not the active ones
So let's make this active. And this is how you can customize things according to a need
And the next one is this post recording so let's quickly create that as well
I'll copy this, we'll paste it and we'll call this post a recording
Now I'll search for that according and you will see post recordings so just drag this
And now we have all of our post inside the accordion. We can reach through any of these
We have the title, the description, the images and So on. So this is how you can create a post record in inside the Reversion of Elementor
Let's update the page and review this. So as you can see we have a block post grade
We have a carousel, a block post list, block post ticker and block post tabs
and a card in and the last one here is this timeline so I already have a detailed video about this timeline
where we created this timeline where we style this and for this we will need another pre-plugging
so please watch that video for creating this type of timeline I'll put the link in the description and also in the card
so that is how you can create different layouts for your block post grade inside the
the elementar either that is a block post grade, a carousel, tabs and so on
So I hope the video will help you if you have any questions you can ask in the comment section
Thanks for watching and I'll see in the next