Anyone who knows Divi knows that it doesn’t have an easy way to create blog post templates, so Proper WordPress Devs pull up their noses in disgust. Now that we’ve said it, here’s what I have managed to achieve at the Marius Cloete Moulds site using a combination of page cloning and global elements. The site contains several nostalgic elements to hint at old time crafsmanship. I tried to reflect that in some of the typography.
The category, What to Expect, is displayed automatically as is the featured image and some other post elements. It’s just the body that isn’t a global element. But apparently it should be possible to even make that global sans content — or so Kyra Pieterse tells me! The menu at the side is a custom widget which I made in the normal WordPress widget area and then styled in Divi.
I love taking the mood photos for these blog posts at the mould factory. Here is one of the banners, awaiting a blog post…
The design of the site is actually pretty suboptimal for loading time: a lot of the CSS is defined on elements. But Divi has a new feature to easily universalise CSS decisions while you’re in WYSIWIG mode, and I may try that if I prove to myself that I won’t break everything on a live site.
Divi now also has features for improving the tablet and mobile screen size variants, and I am gradually changing various elements throughout the site to have less wrapping of header text. (Doing it on my own blog requires a diffrerent CSS approach, because here I create posts using the old pre-Gutenberg editor, and my single post layout is pretty simple, with just a bit of universal CSS in the Divi Options section.)
I expect that pricing tables such as this one will remain a challenge on mobile, but here I may have to simply allow for horizontal scrolling.