How to design Custom Blog page with Elementor | Blog page template in Elementor

How to design Custom Blog page with Elementor | Blog page template in Elementor | Wordpress

Рет қаралды 42,890

2 жыл бұрын

In this video, we will see how to design custom blog page with elementor. We are going to create blog page template in Elementor and this new blog page template will be used to show the blog posts archive in WordPress. The default layout of Blog page will show the blog posts one by one which does not look good. We will change it to show blog posts in different columns and look good.
On this dummy website, we are using Elementor, Elementor Pro and Astra Theme. I usually use Hello theme with Elementor plugin, however, in this video I have used Astra theme.
We will first create a Blog page. Then we will assign this newly create Blog page to show all the posts in WordPress. Once the Blog page is ready we will create template for layout. Elementor will give you different options for layouts. You can play with the settings and change the layout according to your requirements.
In this video, I have tried to cover the following topics:
- How to create Blog page in WordPress
- How to design custom blog page with elementor in WordPress
- Customize Blog page template in Elementor
- Design custom Blog page template in Elementor
Do not forget to subscribe to my channel for upcoming free KZfaq video course.
/ @paramfreelance
Social connect:
/ freetrialplans
/ freetrialplans
/ free-trial-plans
In the next video, we will see how to customize blog page in Elementor.
I hope that you will like this video on how to design custom blog page template with Elementor.
#elementor #wordpress

Пікірлер: 83

@fvmcompany Жыл бұрын

Perfect! Very easily explained and simple to follow!

@ParamFreelance Жыл бұрын

Thanks!

@FaizanAhmad-ns7un 2 жыл бұрын

Thank You very much, Bro. that is the video I was looking for. Your content is superb. Keep it up.

@ParamFreelance 2 жыл бұрын

Glad it helped

@shelaahify Жыл бұрын

Very good explanation and guide. I succeeded in customizing my blog page :) I am very satisfied . Actuallly it's the first video tutorial that has been specific and met my needs and with a very easy explanation. Thank you! The music was a little bit loud though..

@ParamFreelance Жыл бұрын

Glad it helped! I will keep music low in upcoming videos. Thanks for informing me.

@svijetmajice907 2 жыл бұрын

Just what I was looking for! thx

@ParamFreelance 2 жыл бұрын

Glad it helped!

@alanmartinezbrito Жыл бұрын

Thank you, this tutorial was very useful!

@ParamFreelance Жыл бұрын

Glad it was helpful!

@theumair07 Жыл бұрын

Amazing and Well Explained!

@ParamFreelance Жыл бұрын

Glad you liked it!

@sinabedir525 Жыл бұрын

Perfect, thanks for the video

@ParamFreelance Жыл бұрын

Glad you liked it!

@darndarn99 2 жыл бұрын

I have subscribed 👍 great videos for sure

@ParamFreelance 2 жыл бұрын

Thanks for the sub!

@user-fl2zz8bb6z 9 ай бұрын

Thanks very good Explaination. & I am from Bangladesh.

@ParamFreelance 9 ай бұрын

Thanks and welcome

@asharcontent Жыл бұрын

Thanks sir very good Explaination ,

@ParamFreelance Жыл бұрын

Glad you liked it!

@GrowWithMe_Saad 11 ай бұрын

Oooh my godd .....Thank you ssoooooo much......❤❤❤

@ParamFreelance 11 ай бұрын

You are so welcome!

@darndarn99 2 жыл бұрын

Great tutorial 👍 I got a question before I buy elementor. Is it possible to have a sidebar on the archive pages as well as the post pages ? I want to have the archive pages to have two rows of blog posts and to the right another row being the sidebar?

@ParamFreelance 2 жыл бұрын

Yes you can! In fact, I have already published video on how to create sidebar in Elementor Hello theme.

@AllesKiten 2 жыл бұрын

👋 Thank you!

@ParamFreelance 2 жыл бұрын

Welcome!

@TheCryptoRealm.Decentralized Жыл бұрын

That really helped thx

@ParamFreelance Жыл бұрын

welcome!

@Arooshs-creative-kingdom Жыл бұрын

Perfect, easy way and to the point

@ParamFreelance Жыл бұрын

Thanks!

@Arooshs-creative-kingdom Жыл бұрын

How to edit these pages. When I do edit with elementor, it goes to edit the home page

@ParamFreelance Жыл бұрын

are you using elementor pro? Go to Theme builder to edit the template pages.

@Arooshs-creative-kingdom Жыл бұрын

Yes, I am using elementor Pro. The category pages are not shown in theme builder. It's showing archive page, post page and others. But my problem is solved, I watched another video where the guy was creating page and adding post grid and adding related category. Anyway, thanks to reply.

@shubhamrathod9249 5 ай бұрын

thank you very much

@ParamFreelance 5 ай бұрын

welcome!

@DesignerIshita-fi5db Жыл бұрын

A small question here. I have created the blog page but on a later date if I want to make any changes, where do I search for the template that i saved. It is not showing in template section on left hand panel. The video was very effective indeed and learnt a lot.

@ParamFreelance Жыл бұрын

Are you using elementor pro? If you are using elementor pro then you can use Theme builder feature to create Blog page template. If you are NOT using Pro, then you may have created layout on the Blog page itself. so you can edit the layout from blog page. Watch this video on Theme builder in elementor pro - kzfaq.info/get/bejne/rLhhq7mDr6epg2g.html

@InDepth369 Жыл бұрын

I am showing two headings on my blog posts. One that I entered in the QUICK EDIT in the Wordpress and second using Elementor. How do I get rid of the Quick Edit heading?

@ParamFreelance Жыл бұрын

Disable one of them. You can get rid of one from Quick Edit so that you can customize in page layout.

@borisnieminen677 Жыл бұрын

Hi, great tutorial, everything was very clear and well understood. Regarding the Archive page, how do you add a hero image or featured image, where the main title area is, now you have the title "Blog" . How do you design this area? Thanks

@ParamFreelance Жыл бұрын

You can change the background setting of the title section. so instead of color, you can use background image. try this video: kzfaq.info/get/bejne/rLhhq7mDr6epg2g.html

@borisnieminen677 Жыл бұрын

@@ParamFreelance Excellent, thanks for the great tip!! Wish you and your team a super day! Cheers

@shubhojitdas827 8 ай бұрын

I am following the same process that you did and I also have a few blog post published on my site. But, unfortunately I am unable to find the "Archieve" in my template list. What should I do? How to solve the problem? Please help!!

@ParamFreelance 8 ай бұрын

Do you have Elementor Pro? Elementor Pro has theme builder feature where you can customize archive and single post templates. check this kzfaq.info/get/bejne/rLhhq7mDr6epg2g.html

@junaidch0289 9 ай бұрын

Perfect

@ParamFreelance 9 ай бұрын

thanks!

@denisemcbride6943 Жыл бұрын

❤thanks

@ParamFreelance Жыл бұрын

welcome

@highon_believing5342 Жыл бұрын

It was really helpful and it felt like you are a pro in using elementor. So after I create a blog page and home page and select the option homepage as home from reading in settings, and blog page as none and save it, will my all the written posts show under the page by the name blog or not? And if I create a blog page template using elementor and assign that to the blog page the way you did in the videos, can I do this for all the pages the same way? Thanks

@ParamFreelance Жыл бұрын

You can create single blog page and assign it as Blog page under settings as shown in video. If you want to show the blog posts on all the pages, you can simply add Posts Element in Single page template. Posts element will show the posts on pages. You can also customize which posts to show on the page. If you want to show on specific pages, then you can add posts element on specific pages manually.

@vladimirm3271 Жыл бұрын

Спасибо ! Самое понятное объяснение !

@ParamFreelance Жыл бұрын

Спасибо !

@vladimirm3271 Жыл бұрын

@@ParamFreelance А есть в таком же замечательном формате руководство по использованию (ACF) Advanced Custom Fields для создания постов и вывода их на страницу блога ? ) Заранее спасибо ! ..:)

@ParamFreelance Жыл бұрын

@@vladimirm3271 I have not created video on ACF but I will be publishing one very soon.

@vladimirm3271 Жыл бұрын

@@ParamFreelance Будем ждать ! Спасибо )

@ubaidullah4221 2 ай бұрын

Thank you

@ParamFreelance 2 ай бұрын

You're welcome

@erenpi 5 ай бұрын

2:45 there is no such option as archive, only container, landing page, page and section, im stuck

@ParamFreelance 5 ай бұрын

It is available in Elementor Pro.

@asharcontent Жыл бұрын

Amazing

@ParamFreelance Жыл бұрын

Thanks

@genxtAI Жыл бұрын

Thank You for your video...but as i can see all are asking where we can re-edit this page...can you please answer this under which section i am using elementor pro

@genxtAI Жыл бұрын

its okay i got the section where i can edit the blog page.

@ParamFreelance Жыл бұрын

If you are using ELementor pro then you can see all the templates under Theme builder option in Templates.

@workspacetherapist Жыл бұрын

Thx. Still Confused about something. Is the blog page different from the archive page? Are they two different pages on the website?

@ParamFreelance Жыл бұрын

Blog page actually archive of posts. You can create different archives such as category, products etc.

@workspacetherapist Жыл бұрын

@@ParamFreelance ok thx So if the blog page is actually an archive of your old posts, are single, new posts shown on a separate page? Or just at the top of the archive page? Is this page created automatically or do I need to create it? I’m still confused.

@komaljain4645 3 ай бұрын

Hi I followed this tutorial and when I update new content in my latest post, the rest of my posts also show the same content. seems like I am editing the template itself. How do I fix this? Please help

@ParamFreelance 3 ай бұрын

Yes, it seems that you are editing the template itself. In order to add new post, you need to go to posts in the left panel and add new post from there. Do you have elementor pro?

@komaljain4645 3 ай бұрын

@@ParamFreelance Hi Yes I do have Elementor Pro. I am following the same steps as you mentioned to add new post. The problem still occurs.

@ParamFreelance 3 ай бұрын

@@komaljain4645 send me details in mail.

@TheAndzhik Жыл бұрын

I do not have Archive in the menu at kzfaq.info/get/bejne/r7dge6SXt9eZfJs.html. How do I get it?

@ParamFreelance Жыл бұрын

are you using Elementor pro or basic elementor free plugin?

@daddymaven Жыл бұрын

How do I make the blog page to be the home page

@ParamFreelance Жыл бұрын

On wordpress dashboard- go to settings- click reading settings- there you will see option to change homepage settings. Select the page that you want to set as homepage.

@TheTravellingEnglishTeacher Жыл бұрын

Your video was going great until you left something out very important. The moment when you have to upgrade to PRO. Please dont off help to people especially people looking for help without telling the whole store. I have WASTED so many hours watching videos and finding the answer (but almost) and cant go any further. PLEASE PLEASE state at the beginning that watchers need to upgrade to PRO before wasting their time

@ParamFreelance Жыл бұрын

Noted!

@anotherstupidchannel777 4 ай бұрын

Thank you for the tutorial. I published one blog post and it is showing correctly on my home page but when I click on the "read more" button I am brought to a blank page. I cannot view the entire post. Please help. I tried creating a blog post template but it doesn't seem to be applying

@anotherstupidchannel777 4 ай бұрын

Nevermind, I got it now. Thank you

@ParamFreelance 4 ай бұрын

Glad you found the solution