How to Create a Free Blog Archive Page in Elementor
HTML-код
- Опубликовано: 2 июл 2024
- In this video, I take you on a deep dive on how to create a free blog archive page in elementor. And of course, we’ll use the free version of elementor and the premium addons blog widget.
The premium addons archive blog widget not only gives you alot of flexibility but also possibilities to create and style your blog archive widget for free in Elementor.
Please note that your blogpost page (single posts) layout will be handled by the theme you’re using. In the case where you’re using Astra, Hello or Kadence, the single post layout and style will change accordingly.
This tutorial is only showing you how to create the blog archive page using elementor free just like you created other pages in your elementor website.
Timestamps:
00:01 Intro
01:05 Creating the Archive page
01:48 Enable Premium blog widget
03:10 Adding a Premium heading
06:20 Styling the Premium blog widget
11:42 Setting Global colors
09:50 Add Category filters
16:25 Add a Lottie animation
19:01 Premium blog responsive settings
21:00 Link posts to a New Tab
21:16 Add Archive page to Navigation Menu
22:56 Closing up
Download my Free WordPress Beginner Toolkit: gotechug.com/toolkit/
_______________________________________________________
Get a Domain and WebHosting
🔵 Hostinger: gotechug.com/hostinger
🔵 Blue Host: gotechug.com/bluehost
🔵 InMotion Host: gotechug.com/in
🔵 Hostgator: gotechug.com/hostgator
_______________________________________________________
✅Get Elementor Pro: gotechug.com/elementor
✅Get Envato Elements ( Thousands of Elementor Templates): gotechug.com/envato
Preferred Elementor Themes
✅OceanWP theme: gotechug.com/oceanwp
✅Astra theme: gotechug.com/astra
✅Kadence theme: gotechug.com/kadence
✅Blocksy theme: gotechug.com/blocksy
_______________________________________________________
Awesome Elementor Addons & Plugins
✅Get Premium Addons here: gotechug.com/premiumaddons
✅Get Crocoblock Jet Plugins here: gotechug.com/crocoblock
✅Get Elements Kit Addons for Elementor: gotechug.com/ek
✅Get Element Pack: gotechug.com/elementpack
✅Get Ultimate Addons for Elementor: gotechug.com/uae
✅Get Essential Addons for Elementor: gotechug.com/essential-addons
✅Get Piotnet Addons for Elementor: gotechug.com/pafe
✅Get The Plus Addons for Elementor: gotechug.com/theplusaddons
_______________________________________________________
Speed Up WordPress Site
✅Get NitroPack: gotechug.com/NitroPack
_______________________________________________________
Productivity Tools
🔔Get LastPass Password Manager: gotechug.com/lastpass
🔔Hire on Fiverr (Get 20% off 1st Order): gotechug.com/fiverr
_______________________________________________________
🔔Subscribe to my newsletter
gotechug.com/newsletter/
Follow GoTechUG on Social Media
/ gotechug
/ gotechug
For business inquiries send to: hamza@gotechug.com
Background Music: By Ben Sound
DISCLAIMER: This video and description may contain affiliate links, which means that if you make a purchase through one of the product links, I’ll receive a small commission at NO Extra Cost to you. That way, it helps support this channel and make more videos just like this.
Thank you 
Хобби
Thank you! It was awesome. Super helpful, simple, and practical
Best "tut" ever! Thanks so much! Very helpful and informative!
This was a really helpful video. Thank You So Much!
Thank you! Great tutorial!
Thank you so much. This worked great! Subscribed!
Thank you, Thank you, Thank you! This has been extremely helpful.
Excellent tutorial ! Many thanks
Thank youuuu for this tutorial 🎉
Thank you so much for providing such helpful information. Your thoroughness and attention to detail gave me confidence in knowing that I can complete my blog archive page. 💯👊🏾
Hey KCM, am glad this was was helpful!
Thanks Hamza, however am struggling to have the images in my posts showing on the blog as shown in the tutorial. Could it be because some of my posts have videos not just images or because i didnt use the gutten bag editor i hear you speak of in the video?
THANK YOU SO MUCH.. THIS HELP ME SO MUCH
that is good but what if someone clicks the one of the categories listed as meta on posts? Then they go to a different layout, you've just prepared a main page for blog.
Thank you for sharing valuble videos of how to make almost everything with the free version.
Is there any way with free Element or and other plugin to make custom single post template, to be applied for all new posts when visit?
Hi Amza, superb video and great tip. I just wonder if I'm doing something wrong, I can't find the Filter Tab to show my Categories.
Thank you very much...my site looks like better now
I would be glad to learn from you sir
Moreso, I have been creating to create a newspaper blog website but am having challenge in adjusting the space in between the footer and my last post sir..
I would be glad if I can be helped sir.
God bless you GREAtly sir..
If I add a new post will it come here automatic like the way it comes when we select post page from reading? I am using elementor hello theme. and is it possible to show the latest post on the home page by this plugin?
Thanks so much, kindly inform me why i cannot see images in my archive page and why on my blog page the widgets are on the left of my screen. Thanks and im not a pro in this.
great. thank you
hi, the video was very helpful but i use Atra for my theme and the page layouts looks funny when i copy your stps, what theme did you use for it?
Thanks for your tutorial, it has really helped me. 👍👍
Glad it helped
In my section premium add ons for elementor there are no premium add ons. Only just 'Lottie animations' instead of 'premium Lottie animations' and only 'blog' instead of 'premium blog'. I followed all the steps you did. What did I do wrong?
Good day sir!
Mr Hamza, I got to know About your channel in less than 2 weeks.
Sincerely speaking it's been Great so far..
You are the best web designer I have ever met. You really posses high mastery of the subject matter sir..
We would be glad if you can help us with a church website sir.
Thanks in anticipation sir
Hey Abiodun, thanks for checkout out my videos and your feedback regarding my work.
Am sorry that i won't promise you that a church website tutorial will come out anytime soon on the channel. But i'm currently working a on wordpress 2021 tutorial that i think would provide you with knowledge to get you started on your church website building project. The tutorial will come out later this month.
All the best and thanks again for checking out my channel.
Thank you for this tutorial and I used it. But, now I would like to create "new posts template", can I use the Premium Elementor plug-in, or can I do this with free Elementor? I see you have a video to make a template with the Pro Elementor.
My menu is messed up, it is show sample page and disoriented. please you help is needed.
thank you. this helped me :)
Hey Maral, Glad it helped!
Hi Thanks for this video. Have you made any video on how to create a blog post on a website and design same with elementor. Could not find same on youtube. Thanks Again
Informative video. Thank you for sharing this valuable information.
Glad it was helpful!
Do you have an upgrade for that video?
I tried but the images are not showing.
Kinda feels like cheating.
What happens when you click on a category title on your archive page? It should take the user to the "real" archive, not the page you just created. To bypass this you would need to replace the default archive layout for which you would need to find a replacement for the elementor theme builder that isn't available in the free version. Same goes for error and search pages.
Any suggestions for a plugin to be able to do this?
Thank you so much for this amazing video. Does it also work for the Product archive?
Nope
شكراااا
How to create a single post template with just Elementor pro?
I cannot find premium blogs in the widget section. It looks like akll the good widgets are in the paid version.
Premium blogs widget is free just like I demoed in the video. You may as well check it out here: premiumaddons.com/blog-widget-for-elementor-page-builder/
hi, off-topic comment.
how can I display custom category products on my home page, for example, I have three categories men women, and kids and I want to show them separately by making headings each of them. I am using elementor pro. i also try woo grid plugin by essential addon for elementor.. but it not work for me it show me error server error(404 not found)
Use the elementor products widget and select the product category/s you want to display.
@@GoTechUG Thank you so much for your reply it solve my problem
I have dropped messages for you on Instagram and Facebook but am yet to get responses sir..
Thanks for all do you sir..
You are the best sir
Sorry, i've seen your email and i've wrote you back. Thank you for the reminder.
Sir I would be glad to have your number.
I want to be under your wonderful transforming tutelage sir..
You don't even know me and you're calling me amazing? You don't know one thing about me or anyone else here.