How to design a polished blog with Divi
You can design a polished blog with Divi alone: create a blog page with the Blog module, then use Theme Builder for posts, archives, headers and footers. The manual route is fine for a custom site; a ready-made child theme is faster when you want the layout, calls to action and newsletter elements prepared.
- 01Plan the blog structure
- 02Create the blog listing page
- 03Set consistent visual rules
- 04Build the post template
- 05Design category archives
- 06Check mobile and publishing
- 07Use a ready-made starting point
What you need
- A WordPress site with Divi installed and activated
- Admin access to WordPress
- Several published posts with featured images and categories
- Your brand colours, fonts and logo
Plan the blog structure
Choose the parts your readers need before opening the Visual Builder: a header, a featured or latest-post area, a main post grid, category links, an optional sidebar, newsletter signup and a footer.
Keep the category list short and meaningful. Give every post one clear featured image, a useful excerpt and at least one category. This makes the Blog module easier to configure and prevents uneven cards caused by missing content.
Create the blog listing page
Go to Pages → Add New, create a page called Blog and open it with Divi. Add a regular section, a row and the Blog module. In the module's Content settings, choose Posts, set the post count, select the categories if needed, and choose whether to show full content or excerpts. Divi's Blog module supports full-width and grid layouts, with controls for post count, categories and metadata.
In Design, start with a two- or three-column grid, a readable title size and consistent image height. Add a short intro above the grid if the page needs context. Do not assign this page as the WordPress Posts page in Settings → Reading; doing so can hide the layout you built in Divi.
Set consistent visual rules
Choose one content width, one body font, one heading font and a small colour palette. Use the same border radius, image ratio, spacing and button treatment across the blog page, cards, sidebar and newsletter section. Set responsive values for headings, column gaps and padding rather than relying only on desktop settings.
Use Divi's Design tab for normal styling and the Advanced tab only when you need a custom CSS class or targeted CSS. Avoid styling each card differently: the page will look unfinished when new posts inherit inconsistent settings.
Build the post template
Open Divi → Theme Builder and create a template for all posts. Build the body with a post title, post meta, featured image, Post Content module, social links or a newsletter call to action, related posts and post navigation. The Post Content module lets the template style content written in the WordPress editor, so you do not need to build every article with Divi.
Keep the article column narrower than the archive grid and give headings, lists, images and links generous spacing. Check that the featured image is not displayed twice. If it appears above the article and again inside the content, remove one image module or adjust the template.
Design category archives
Use the Theme Builder to create an archive template for categories, tags or other archive pages. Add a dynamic archive title, an optional description and a Blog module set to Posts for Current Page. That setting lets the module display posts for the category or archive the visitor is viewing instead of showing the same global list everywhere.
For the manual route, this is enough for most blogs and requires no extra plugin. The drawback is that you must create and maintain the templates, check their assignments and resolve conflicts when a more specific template overrides a general one.
Check mobile and publishing
Preview the blog page, a category archive and a single post on a phone before publishing. Check menu wrapping, image crops, card heights, sidebar stacking, button tap sizes, contrast, excerpt length and whether pagination or post navigation is visible.
If changes do not appear, clear Divi's static CSS and any page cache, then check the template assignments. A missing Post Content module can leave a post template without the article body, while using Post Content for an archive will not display the archive posts; archive templates should use the Blog module instead.
Use a ready-made starting point
If you want the fast route, Jasmine is a Divi child theme with prebuilt feminine blog layouts, category calls to action, social links and newsletter elements. Install it on a staging site, import or activate its layouts as directed by the vendor, then replace the demo branding, colours, images, categories and signup destination.
Use the manual route when you need a completely custom visual system or already have a working Divi design. Choose Jasmine when the structure is close to what you want and reducing layout work matters more than designing every section yourself.
Let Jasmine do it
Prebuilt feminine blog layouts, calls to action, social links, and newsletter elements for bloggers who want a ready-made Divi design.
Sources
- help.elegantthemes.com /en/articles/8617111-the-divi-blog-module?utm_source=openai
- help.elegantthemes.com /en/articles/2188833-how-to-fix-blog-page-not-updating-when-…
- help.elegantthemes.com /en/articles/8616690-divi-design-settings-advanced-module-se…
- elegantthemes.com /blog/divi-resources/how-to-use-the-post-content-module-in-t…
- elegantthemes.com /blog/divi-resources/understanding-the-posts-for-current-pag…
Questions
- Can I design a Divi blog without another plugin?
- Yes, Divi can handle the core blog design without another plugin. Its Blog module displays posts on a page, while Theme Builder handles single-post, category, tag, archive, header and footer templates. You may still need separate tools for functions such as advanced search, filtering, SEO or email delivery, but the visual layout itself does not require them.
- Should I use the WordPress editor or Divi for blog posts?
- Use the WordPress editor for the article body and let a Divi Theme Builder template control the surrounding design. Adding the Post Content module to the template allows normal post content to inherit your typography and spacing, which is usually faster and keeps publishing consistent. Use Divi inside individual posts only when an article needs a custom layout.
- Why is my Divi blog page not showing the layout I built?
- The most common cause is assigning the designed page as the WordPress Posts page under Settings → Reading. Divi says that a page assigned as the Post Page behaves as the default post index, so its builder layout may not appear. Remove that assignment, keep the page as a normal page and add a Blog module to display the posts.
- How do I make category pages match the main blog?
- Create an archive template in Divi Theme Builder and assign it to your categories or other archives. Add a dynamic archive title and a Blog module with Posts for Current Page enabled, then reuse the same fonts, spacing, card design and sidebar rules as the main blog page. This prevents every category from showing an unrelated global post list.