Jun 27, 2016 Using either the layout editor or by creating a new page/post/etc. Create the layout you want to use for your footer. Then switch away from the DIVI builder and into the normal WordPress editor, and copy all the shortcodes and content that was created by the DIVI Builder. As the name implies, Author is a layout specifically designed with budding and professional.
- Divi Blog Page Layout
- Divi Blog Page Layout Example
- Divi Blog Page Layout Design
- Divi Blog Page Layout Template
Do you have an existing WordPress blog which you want to revamp? Or do you want to start a new blog and looking for design ideas and blog layouts? Divi theme is a great choice for creating a WordPress blog. Or giving a face-lift to an existing blog post layout.
When you chose WordPress for your blogging, you’re already in a great shape. Because WordPress as a blogging platform has everything you need to create a successful blog. The next thing after selecting WordPress as a blogging platform is to choose a theme which gives you an excellent control on laying elements within your blog in an appealing way.
The default WordPress themes so far are good choice for creating a standard blog. But if you want to make your blog look appealing and beautiful, you can achieve it using Divi Theme which we’re going to discuss in this article. And not only Divi theme, else we’re also going to discuss 2 added plugins for Divi called Divi Blog Extras and Divi Post Extended.
Divi as of today is one of the most popular WordPress theme for creating almost any kind of website. And with the power of Divi Blog Extras and Divi Post Extended, we can create a beautiful blog as well.
Here is what you will need to start along with this article and create a beautiful blog with WordPress.
- Divi Theme
- Divi Blog Extras Plugin
- Divi Post Extended Plugin
All these three are premium products and you need to order a copy of each of these in order to get a result as per this article.
In first step, you need to set up a hosting account and install a fresh instance of WordPress. If you have an existing WordPress blog and want to revamp it, you don’t need to re-install WordPress and continue with the next steps.
- Install Divi Theme and Activate it.
- Create the desired categories for your blog. In our case we have created categories named Fashion, Food, Health, Photography and Technologies.
- Once the categories are created, we can add a few posts and assign them to these categories. In this implementation, we’re using demo posts which are created using basic WordPress post functionality and has a featured image which will be displayed as thumbnail. Our list of demo posts look like this:
- At this point, our blog is ready to be viewed with a basic look and feel. Here is how the blog category page looks using WordPress and Divi in default state.
- When a user clicks on a blog post, the look and feel of the default Divi theme based blog post is like this
- At this point when we have WordPress and Divi theme installed, Categories and some Posts created, we have a functional blog which can be enhanced by placing proper menu items for categories, sidebar widgets, opt-in forms on the widgets, social sharing icons and other desired features. In next step we look at how we could use Divi Blog Extras and enhance the look of the category pages and show more than 1 category on a page with different designs.
- Once Divi Blog Extras in installed on a WordPress website with Divi on it, there is a new Divi blog module added to the Divi Builder called Divi Blog Extras. This module has 6 Divi Blog layouts which can be included on any page in single click. We can create a page for Each category, edit the page in Divi Builder and add Divi Blog Extras module to it, select the relevant category to show posts from and finally pick a blog layout of your choice and select number of posts to display.
- If we use Divi Builder and the Divi Blog Extras module to create a page which shows posts from multiple categories and different layouts, this is how the back-end and the front-end of a page will look like. We have only used Divi Blog Extras modules on this page and can also use other modules to create a beautiful page as per our requirement.
- Utilizing this category plugin for Divi, we can now create a category page in any of the 6 available Divi Blog layouts with pagination or Ajax loading and add the page to the navigation. The next step is to create an appealing post page and we will use Divi Post Extended plugin for this purpose.
- This plugin is available at Divi Extended and gives us 3 options to display our posts. (1. Stellar, Prime and Classic) Here are some previews of the 3 Divi Blog post layouts and post formats which includes quote, link, video, gallery and audio.
If you like the idea of creating a new blog using Divi theme power-packed by Divi Blog Extras and Divi Post Extended, you can visit Divi Extended and order your copy. Our friendly support team will love to assist you in setting your new blog or revamping the design of your existing blog.
Discover what's new at Elicus
Connect with us for more information and updates.
Welcome on Board
- Abhay Ahluwalia on February 12, 2020 at 1:14 PM
Hey Guys, I have been using Divi for 2 years now and I can proudly say that it is one of the best builders for WordPress ever since now! I highly recommend Divi to all of my clients.Reply
A blog section is an indispensable part of any website. Beyond your posts, emails, and other marketing strategies, your visitors want to be sure you are, indeed, a thought leader in the niche before trusting you with their needs. And the perfect place to educate your visitors is via your blog section.
As crucial as this part of a website is, it is appalling to know that website owners tend to pay the least attention to their blog section.
I mean I have the default layout and a few blogs up there, why should I worry?
I am glad you asked. Your blog section is part of the magical growth recipe to grow your business. Unfortunately, the standard Divi blog section comes as if no one gives a hoot. Well, thankfully, there is a way to mitigate the aftereffect of such a terrible layout. You guessed it – get better Divi blog layouts. And there are a ton of them on the market!
To save you from the trouble, we took it upon ourselves to test various blog layouts and came up with the best 10 Divi blog layouts to improve your website.
Before we delve any deeper, let’s get acquainted with the importance of having a blog section. I mean, you have to know whether it is worth it, right? I know. Let’s get to it!
Why Every Website Needs a Blog Section
- Improves Your SEO
If your website was human, SEO would be the blood that it runs on. SEO practices go beyond the onsite tweaks. It very well extends to the offsite practices used in content writing. With a blog section, you have the opportunity of posting content, optimized to boost your SEO. Beyond that, Google ranking pays special attention to quality content. By posting quality content consistently, you would have gained Google’s recognition – to the first page, and increased your website’s SEO too. It is a win-win situation!
- Gives A Voice to Your Brand
Today we operate in a buyers market, where buyers are in much control of the sales funnel. People want to know who is behind the scene before transacting with them. They want to know how much knowledge you have in the industry before committing a project under your care. What better way to relieve their fears than through content in your blog?
Furthermore, the design and layout reassure your visitors that you truly pay attention to details.
- Increased Credibility
With businesses springing up at every corner of the street, you need to be credible to stand out from the crowd. As explained in the point above, your website is the first point of contact between you and your visitors. Therefore, they need to be reassured that they are in safe hands. The best way to increase your credibility is to position yourself as a thought leader in the industry. And your blog section gives you an ample opportunity to do just that. Don’t sleep on it.
- Broadens Your Reach
Besides your everyday marketing strategy, your blog is yet another medium to broaden your reach, increase lead acquisition, and ultimately make more sales. You can add backlinks to your products in your articles and/web content, helping you to advertise your products and services without having to pay any dime.
Additionally, you get to opportunity to appeal to your visitors to share the contents on their social media pages. This way, you reach more people than you ever thought possible.
Having known the crucial role your blog section plays, let’s help you pick the best Divi blog layouts on the market.
Divi Blog Page Layout
Here are Top 10 Best Divi Blog Layouts
1. Masonry Background Image – Double Column Layout
Arranged in square boxes in two columns, this Divi blog layout gives your blog a unique touch by adding a distinct background image to each blog post. You can tweak the image that shows in the background. Ideally, it should be one that resonates with the title of the post. Having a background image of a house on a post on fast cars is logically wrong. Be sure to choose one that draws your readers in.
At the bottom right of each square is the date the post was published – written in month, day, and year order. And just beside the date of publication is the category, where the post falls. This will help your visitors to easily navigate their way through your website. Further, the top left of each post carries the name of the publisher, making your posts stand out from others.
The topics are all boldly written across the top middle and below it is an intro into what the article is about. You can use this opportunity to draw your readers in with a captivating intro.
2. Grid Classic with Content Overlay
This classic layout allows you to display your posts in boxes arranged in grid style. Each post comes with a shadow-effect background image, made to fit. And a content overlay containing essential details such as the title, category, publisher’s name, intro, and ‘details.’
Acting as the attachment point, the date of publication is written in a blue-colored box, centrally placed in the big box. This small blue box merges the background image and the overlap.
The title is written in bold letters and placed at the top center of the overlap. Following closely is a short intro of about 3 lines. Here, you can display a summary of what the article is about. The ‘Details’ option below the intro acts as a call to action to draw in visitors.
Designed as a special card, the bottom of the overlay carries the category and name of the publisher. Like the adjoining box containing the date of publication, it is colored blue. Sure, you can tweak these colors to your unique taste to give your blog a face-lift.
3. List – Image Left & Right
Unarguably, this is your best bet if you are looking to break away from the standard Divi blog layouts. This List module is arranged specially, with the background image placed beside the content – left or right. As usual, hovering your cursor over the image causes it to zoom out.
The content, placed in the same horizontal plane as the image, plays home to the title, excerpt, date of publication, category, and publisher’s name.
Spanning from left to right is the title boldly written to contain half of the content space. This is a good way to emphasize the subject matter. At the top, just before the title are the name of the publisher and the date of publication, both separated by a divider.
Furthermore, underneath the title contains the excerpt and the category. The excerpt is written in small fonts and occupies just two lines, compelling the readers to click on the article to get the entire story. Since there is no call to action in this layout, the excerpt gets to play the role.
Lastly, the category comes in at the left end beneath the excerpt.
4. Blog Magazine Classic without Overlay
The Blog Magazine Classic layout comes designed with a sidebar. If you are looking to display your blog posts in the standard magazine-style, then this was created specifically for you. With this Divi blog module, you enjoy the opportunity to display your posts in grid style but with a sidebar. The sidebar provides an additional opportunity for advertising other posts in your blog. A visitor who stops by to read one article could find himself drifting from to other recommended articles, displayed on the sidebar.
Away from the sidebar, you have your blogs arranged in two columns as seen in the grid layout. Each post is displayed in a box with additional space for content. Therefore, you have the box to house your image and a blank space beneath it to carry the content.
To ensure the content space isn’t cluttered, the design comes with two mini boxes at the top and bottom of the left side of the box. These boxes can very well contain the category and the name of the publisher. Your call!
Away from the box, you get the content space that serves as home to the title, excerpt, and a call to action. As usual, the title is written in bold letters from left to right, so it is hard to miss. Have no worries!
5. Masonry Content Overlap
Divi Blog Page Layout Example
Not satisfied with the Masonry Background Image? Worry not! You also get the option of using the Content Overlap design. This type of Divi blog layout is designed to bring you a little more than the classic Masonry designs. You get everything the Masonry Background Image – Double Columns offer and a little more.
For starters, you get a clear background image to help further explain your post and captivate the attention of the visitor. In addition to that, it comes with a content overlap that contains the niche the post belongs to and the number of comments on the post. As well as the topic, boldly written from the top left, with a short intro underneath it.
As an icing on the cake, the bottom left of the square – underneath the short intro – contains a red-colored box (which turns green when you hover over the box) with the caption – READ ARTICLE – boldly written across it. You can change the color to match the branding of your website. Give it a try!
Divi Blog Page Layout Design
6. Grid Background Image
This blog module differs slightly from others in the grid family. If you do not care about the visibility of the background image, then you would enjoy this Divi blog layout. As with the typical grid style, rest assured your posts will be arranged in a grid format. Only in this case, the background image will be almost completely covered with the content. No overlay or side note, the image, and the content both occupy the box.
At the top left of the box is the name of the publisher in a hyperlink to access the necessary info. Going down to the top center, you will find the title of the post boldly written from left to right. Hard to miss.
A little trip down from the title is an excerpt, displayed in 4 lines. This your second chance at capturing the attention of the reader. Use it wisely.
Further down the box is a call to action caption – Read Full Article. Once a visitor clicks on this link, it takes them directly to a new page, where they can read the complete story.
Concluding the content section, you have a red-colored box, which plays host to the date of publication. Beside it is the category and number of comments on the post. Easy navigation, I must say!
7. Blog Magazine Classic with Content Overlay
Like the aforementioned magazine classic style, this blog module comes with a sidebar that comes in handy when you need to display latest posts. It also comes with a box containing a related image. However, it contains a content overlay, which differentiates it from other classic magazine layouts.
While you get the opportunity to choose the color and image displayed on the box, the content overlay typically comes in a white card-like shape. The content overlay plays host to the category, title, and excerpt. Yes, no call to action in this module – another differentiating factor. Notwithstanding, that shouldn’t discourage you. A captivating title with the excerpt can work the magic too. Yous should try it out.
8. Grid Classic Without Content Overlay
If you want to enjoy the classic grid blog-style without a content overlay, then you should check this out. This one displays all essential info without overlapping the background image.
It comes with a cut-to-fit background image that zooms out once you hover over it. If you want to make an emphasis on your image, this is your guy!
Like most classic grid blog designs, this module displays your blog in a box arranged in grid style – two columns in this case. There are no sidebars or content overlay, however, you get a clear space beneath the box to insert essential info such as the title, excerpt, and a call to action.
Lining the bottom of the box is a blue-colored mini rectangle, which carries info about the date of publication, name of the publisher, and the category under which the post falls. As usual, you are allowed to tweak the image and colors to suit your unique taste.
9. List – Image Right
This is yet another awesome blog module if you would rather have your contents separated from the image. No doubt the image has a role or two to play and covering it up with contents may reduce this function. If that’s your worry, then you can enjoy this List module with image at the right-hand side of the content. So, you have two boxes – one housing the image and the other housing the content. Both boxes can be assigned different colors, depending on your taste. While the image determines the color of the right box, you will have to pick a solid color for the left box – that is the content box. I will advise you pick one that matches your brand color.
In the content box, you will find everything from the title to the date of publication, publisher’s name, category, excerpt, and a call to action. The title occupies the top space, spanning from left to right of the box. It is boldly written to draw attention from visitors.
Underneath the title, you have the category, date of publication, and publisher’s name separated with a divider. Further, you will find a 5- line excerpt, introducing the topic of discussion and a slanted cylindrical box, carrying the call to action.
10. Masonry Background Image – 3 Columns
Although it belongs to the same family as the Masonry Background Image, this layout differs a whole lot from the classic designs. This Masonry Background Image design comes with colorful square boxes arranged three in a row. Each blog is presented in the squares with a colorful background image to spice it up. Instead of the standard title and intro cluttering the middle, you get a clear background image with just the title boldly written across the middle and a box underneath, prompting your visitors to read more.
Compared to the initial Masonry Background Image classic design as seen in number 1, you may choose this design over other Divi blog layouts as it contains no distractions whatsoever.
The tile is boldly placed across the middle, so anyone can quickly see it. And there is a blue-colored box just underneath the title with bold letters READ MORE. Trust me, no one will miss this call to action. Pair it with a captivating title and you are sure to attract every visitor that comes across your page.
The accompanying image is also a great perk. You get a clear view of a related image to each post. Awesome, right?
Divi Blog Page Layout Template
And there you have our unbiased list of the best Divi blog layouts.
Having a blog section is not an option if you are looking to gain an edge over your competitors. That said, it is critical to note that the competition is getting fiercer. Having a blog section doesn’t cut it anymore. You will need to make yours stand out by incorporating a unique and captivating blog layout.
Fortunately, we have made the decision-making process easy. Get an awesome start with any of the Divi blog modules listed above. Thank us later!