Creating a blog post template is a bit more complex than it sounds, especially when you want to do add things like real featured images, a dynamic table of contents, and related posts.
When you take accessibility and proper HTML5 structure into account, there’s a lot to think about and remember.
There was no dry run for this tutorial – it’s recorded straight through with all the hiccups and troubleshooting that would normally be required for this type of thing.
For example, before I started I didn’t even realize that the OxyExtras TOC module isn’t accessible. I had to switch to the Oxygen version mid tutorial, which I don’t have much experience with.
A lot of you have said in the past, though, that you like to see the troubleshooting and problem solving. If that’s the case, you’ll like this tutorial.
I also took extra time in some areas – such as the functionality of the hero section – to cover common pitfalls.
At the end of the day, this is a really solid best practices tutorial that’ll set you up with a strong starting point for a blog post template with some relatively advanced features.
As you’ll see, the performance scores on this type of template are very high, which is important as you’ll be using it to control all of your blog posts and a good chunk of your SEO.
Hope you find it helpful!
