Divi Blog Design

Jul 15, 2018 | Design

How to create a beautiful Divi blog using Divi Blog Extras and Divi Post Extended plugin

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.

  1. Divi Theme
  2. Divi Blog Extras Plugin
  3. 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.

    1. Install Divi Theme and Activate it.
    2. Create the desired categories for your blog. In our case we have created categories named Fashion, Food, Health, Photography and Technologies.
    3. 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:
    4. 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.
    5. When a user clicks on a blog post, the look and feel of the default Divi theme based blog post is like this
    6. 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.

 

    1. 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.

 

    1. 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.

    2. 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.

 

  1. 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.

 

Posted By:
Shoeb
Hi, I'm Shoeb. I've been fortunate to work with WordPress for over a decade and I'm continuously learning from this journey. Alongside some wonderful people, I help run Elicus in Jaipur. Our aim is to make WordPress tools that are simple and helpful.

0 Comments

0 Comments

WebP, PNG, JPEG or SVG: Your Image Formats’ Guide for WordPress

WebP, PNG, JPEG or SVG: Your Image Formats’ Guide for WordPress

Do you get confused when uploading images on your website? Many website owners feel the same due to the many types of image formats available. For example, there are WebP, PNG, JPEG, and SVG. All these can be uploaded to a website, but some of these image formats are...

The Future of User Experience: Top 12 UX/UI Trends for 2024

The Future of User Experience: Top 12 UX/UI Trends for 2024

The digital world is constantly evolving, demanding fresh approaches to web aesthetics and functionality. One thing that can’t be sidelined is user satisfaction.  UX/UI (user experience/user interface) following the latest trends is more likely to retain your...

Envato Elements: Why It Is Good for Your WordPress Business

Envato Elements: Why It Is Good for Your WordPress Business

Managing a WordPress business can be overwhelming due to the time and costs involved. The tasks seem endless, from crafting a website to optimizing it for SEO and running marketing campaigns to promote your products.  For many small businesses, finding ways to...

Grasping Gravatar: Your Digital Identity Across the Web

Grasping Gravatar: Your Digital Identity Across the Web

Are you tired of uploading your profile photo on different online platforms? Is your digital identity not synched? Digital identity helps you present yourself on the internet through your personal picture. It helps people recognize you. But is it uniform across...

5 Reasons Why You Should Hire a Custom WordPress Developer

5 Reasons Why You Should Hire a Custom WordPress Developer

A custom WordPress developer can develop your site perfectly based on your requirements. If you are considering building a WordPress website, it's possible you are unsure whether to hire a WordPress developer or do it yourself.  With the vast amount of resources on...

Divi Extended
WPMozo
Divi WooCommerce Extended