This tutorial will cover how to create a blog page in WordPress using Elementor, so that you can display your blog posts anywhere on your website.
What Is Elementor?
Elementor is a free, easy-to-use page builder for WordPress. It’s one of the most popular page builders out there because it’s so powerful and flexible.
Elementor is responsive, which means that it adapts to your browser window size. This makes it easy to use on any device, including mobile phones or tablets. And all of Elementor’s features work together seamlessly across all devices: the same elements are available on every device without any extra work or effort from you!
This also makes it easier to maintain your site if you decide to switch themes in the future; once an element is created using Elementor (like a contact form), all future sites will have that feature automatically included.
Create A Blog Page In WordPress Using Elementor
1. Add new page
The Pages section is where you can create new posts for your site. Click Add New to get started creating a new page:
- Title: Enter the name of your blog post. This will be displayed above the content on the page and as part of its URL (e.g., https://yoursite.com/blog/title).
- Body: Use this box to write an introduction or summary of what readers can expect from your blog post, then click Save & Publish when done writing!
2. Select the layout (I prefer one column)
The first thing you have to decide is the layout of your blog page. You can choose from one column, two columns, three columns and so on up to twelve columns.
A one column layout makes it easy for readers to scan articles quickly as there’s no distraction from other elements on the page. Two, three and four column layouts are good for blogs with lots of content that needs more focus then a single column would allow.
Five+ columns should be reserved for special occasion posts such as roundups or interviews where you know you’ll need to include a lot of images or other elements in order for everything to work together nicely.
3. Design your header
You can add a header image, text, menu and social icons. If you have a video you want to use for your header background, simply upload your file in the editor and position it where you would like it to appear on your site. You can also make use of our slider functionality by uploading custom images with each slide and adding them into your header.
Also Read: Here’s Why You Should Use WordPress For Your Website Projects
4. Add a heading element
- From the elements menu, select the Heading element.
- Configure your heading element with a title and subtitle, if desired.
- Add the element to your page by clicking “Add Element.”
5. Design and align the heading as you wish
Now, you can align the heading as you wish. To do so, simply click on the Align icon from the Elementor sidebar and then select a position from Left, Center or Right.
To design your heading, click on the Design icon from the Elementor side bar and select a font style of your choice. You can also change its size by clicking on Font Size option and then selecting an appropriate value.
Next step is to configure settings such as line height, spacing and letter spacing for your heading text using Text section under Configuration tab in Elementor Visual Editor window of Blog page editor or any other element that supports Elementor Visual Editor’s features (such as Image).
You may also want to save these settings for future use by clicking Save button available right below Configuration tab in Visual Editor window of Blog page editor or any other element that supports Elementor’s features (such as Image).
Finally exit this column by clicking Close button located at upper right corner of this column’s Visual Editor Window
6. Select and drag another element before the heading and this time select the Posts element from the elements list
- Select and drag another element before the heading and this time select the Posts element from the elements list.
- Configure it as you wish, we’re going to set up three posts per page, with a medium size image, title and text.
- You can configure posts per page, images sizes etc.
7. Configure it as you wish
You can configure posts per page, image sizes etc. Then save and exit.
8. Save settings
Now that you have created a blog page, it is time to make it the main page of your website. To do this, go to Settings->Reading and select “Set your blog page as home page” and then click Save Changes.
Create A Blog Page In WordPress Using Elementor: Conclusion
When you want to create a full-screen blog page in WordPress, Elementor is the easiest method for doing so. You don’t need any coding knowledge or any additional plugins to get started.
All you need is your website login details and access to the Elementor Page Builder editor. Within seconds, you can have a beautiful blog page that fills the entire screen of visitors’ devices!
PS: You can use our elementor discount code and wordpress coupon code for up to 15% off on your purchases.