The weblog is one among my favourite options of a website online. It may be tricky to design a weblog that stands proud from the gang. As a result of this we finally end up seeing numerous blogs that use the default design. Thankfully, weblog layouts and particular person weblog posts may also be designed and styled with Divi. On this article we’ll take a look at 11 Divi internet sites that experience cool weblog layouts to assist encourage you to your subsequent Divi design.
I’m having a look on the format design, card design, use of pictures, colours, fonts, and so on. I’ll display a picture of the weblog and speak about what I preferred about it. The internet sites are in no explicit order. Hang out till the tip for a couple of hyperlinks that will help you design your personal cool weblog layouts.
1. Daisy and Bump
This one makes use of a 3 column format with sq. playing cards for every of the weblog posts. The playing cards come with a shadow impact. The ground of the cardboard shows a small name and a big learn extra button in an overlay. The background for the learn extra button adjustments colour on hover. The entire colours fit the branding of the website online. The weblog posts additionally use a shadow impact and provides social buttons underneath the name. They have got no distractions.
2. Army Car
This one makes use of a 3 column format with a styled card design to compare the website online. What I to find attention-grabbing regardless that is that the primary column are posts from the weblog, the center column are posts from Instagram, and the suitable column are posts from Fb. All 3 columns use the similar styling and mix in combination completely whilst conserving their particular person id. Posts are quick and come with social feeds within the sidebar.
3. Ability Survey
This one shows posts in 4 columns. It features a filter out which shuffles the playing cards on click on to show the class you clicked on. I just like the blank card design that simplest shows the picture, name, excerpt, and skim extra textual content. The posts use the usual weblog format with sidebar, however provides social buttons on the best and comparable posts on the backside.
4. Want The day gone by
The playing cards on this 3 column format come with shadow results, rounded corners, massive name textual content, classes separated from the opposite textual content by way of traces above and beneath and revealed in crimson, and skim extra textual content on the backside. I really like the flat symbol designs for the featured photographs. Each and every of the weather are clickable. The posts show the characteristic symbol in full-width with the name, classes, an overlapping creator symbol, overlapping apply buttons, meta, sharing buttons, and the put up in unmarried column without a sidebar.
5. WP The Podcast
This weblog specializes in a podcast somewhat than simply textual content, however all the weblog components are there. It puts the posts in one column with the featured symbol to the left and the class, name, excerpt, and meta to the suitable. Soaring any place at the card zooms all of the card. The posts themselves show the featured symbol to the left with an audio participant to the suitable in full-width after which the textual content in one column.
This format shows posts in 3 columns with the primary row overlapping the phase above. The playing cards have a shadow results and display the featured symbol, name in daring, and an excerpt. The posts display the featured symbol in full-width with the name and creator’s title, adopted by way of the textual content in both a unmarried column or with a sidebar.
7. Les Anagnou
For this one the tall featured photographs slide in from the left facet on scroll to sit down subsequent to the put up name, date, a divider, excerpt, and skim extra button- that are all styled to compare the website online. Class buttons are positioned on the best of the web page. The posts use a boxed design with a big featured symbol. The textual content space overlaps the picture and shows the name, divider, a quote, and the put up adopted by way of styled sharing buttons.
8. Airglow Virtual
This one shows put up playing cards in two columns with a sidebar. The playing cards use shadow results and show the featured symbol, massive and impressive titles, meta, excerpt, and styled learn extra button to compare the website online’s styling. The posts show the featured symbol in full-screen with the name and meta, adopted by way of the textual content and sidebar. The posts use massive fonts for headers that stand out well.
9. ASBA Ingenious Studio
This weblog has a seek field above the posts and shows posts in one column with a sidebar. The posts display the photographs to the left with the name, meta, quick excerpt, and skim extra button to the suitable. The meta and button are styled to compare the website online’s branding. The posts apply the similar format design and upload comparable posts and a pleasant CTA.
10. Design by way of Krista
This weblog shows put up playing cards in one column with massive featured photographs above the posts, name, meta, excerpt, and a styled learn extra textual content. The playing cards use a shadow impact and the content material is targeted. The posts apply the similar design and upload comparable posts vertically. The posts have a field shadow impact. The minimum design is blank and simple to apply.
11. Acqua Strande
This weblog makes use of the Divi 100 Article Cards plugin. The playing cards display the featured symbol with the date within the higher proper nook and class within the backside left nook, the name, and remark rely. On hover the playing cards show a shadow impact and the name strikes as much as display an excerpt. The posts show a picture and an overlapping phase that incorporates the 3 newest weblog posts. The content material is positioned inside a boxed row with a dismal background and light-weight border over a tan background for the phase, and contains alternating photographs with borders.
That’s our take a look at 11 Divi internet sites with cool weblog layouts to assist encourage you to your subsequent Divi website online. For much more assist together with your Divi weblog designs there are many articles right here on the ET weblog and a few also have a couple of downloads. Listed below are only some:
- How you can Upload Customized Templates and Design to Divi’s Weblog Put up Codecs Part 1, Part 2, Part 3
- How to Style Your Divi Blog Page to Look Like Elegant Themes’ New Design
- How to Style Divi’s Single Post to Match the New Elegant Themes Post Design
- How to Create a Medium Style Blog with Divi
- How to Color Code Divi Blog Posts by Author
- Changing The Length of Your Divi Blog Post Excerpts
- How to Style Your Divi Blog Module Grid Cards (With 4 Examples)
- How to Insert Ads Above, Inside, and Below Your Divi Blog Post Content
- How to Add the “Last Updated” Date to Divi’s Blog Post Meta Data
- Tips for Designing Great Longform Content on WordPress
- Free Divi Blog Post Layout Pack Will Take Your Builder Powered Articles To The Next Level
We need to listen from you. Which of those weblog layouts are your favorites? Tell us within the feedback.WordPress Web Design