How To Create A Blog Page In WordPress Using Elementor


This Elementor tutorial covers how to produce a weblog in WordPress using Elementor, to be able to display your site posts anywhere on your website.

What Is Elementor?

Elementor is really a free, easy-to-use page builder for WordPress. It’s probably the most popular page builder available because it’s so effective and versatile.

Elementor is responsive, meaning it adapts to your browser window size. This will make it simple to use on any device, including cell phones or tablets. And every one of Elementor’s features interacts seamlessly across all devices: exactly the same elements can be found on every device with no work or effort from your stuff!

This causes it to be simpler a site if you choose to switch styles later on once a component is produced using Elementor (just like a contact page), all future sites may have which include instantly incorporated.


Create A Blog Page In WordPress Using Elementor

1. Add a 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.,
  • 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 very first factor you need to decide on may be the layout of the weblog. You can buy one column, two posts, three posts, and so forth as many as twelve posts.

A 1 column layout allows readers to scan articles rapidly as there isn’t any distraction using their company elements around the page. Two, 3-4 column layouts are great for blogs with a lot of content that requires more focus than a single column allows.

Five posts ought to be restricted to special day posts for example roundups or interviews in which you know it’s important to include lots of images or any other elements to ensure that something interacts nicely.

3. Design your header

You can include a header image, text, menu, and social icons. For those who have a relevant video you need to use for the header background, simply upload your file within the editor and position it in which you wish it to show up on your website. You may also utilize our slider functionality by uploading custom images with every slide and adding them to your header.

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 are able to align the heading as you want. To do this, simply click the Align icon in the Elementor sidebar after which pick a position from Left, Center, or Right.

To create your heading, click the Design icon in the Elementor sidebar and choose a font style of your liking. You may also change its size by hitting the Font Size option after which select a suitable value.

The next thing would be to configure settings for example line height, spacing, and letter spacing for the heading text using the Text section under the Configuration tab in the Elementor Visual Editor window of Weblog editor or another element that supports Elementor Visual Editor’s features (for example Image).

You may even wish to save these settings for future use by clicking the Save button available right below the Configuration tab in the Visual Editor window of the Weblog editor or other element that supports Elementor’s features (for example Image).

Finally, exit this column by clicking the Close button found in the upper right corner of the 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, image 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’ve got produced your blog page, it’s time to allow it to be the primary page of the website. To get this done, visit Settings->Reading and choose “Set your site page as home page” after which click Save Changes.

Create A Blog Page In WordPress Using Elementor: Conclusion

When you wish to produce a full-screen weblog in WordPress, Elementor may be the easiest way for doing this. It’s not necessary for any coding understanding or any extra plugins to obtain began.

You just need your site login details and accessibility Elementor Page Builder editor. Within a few moments, you’ll have a beautiful weblog that fills the whole screen of visitors’ devices!