Single-Column Simple (TOC)
Contents
About the Template
Use this template when you want a clean, single-column post with an automatic table of contents. The post opens with a full-bleed hero image and the title overlaid on top. Below that, everything sits in one wide column — headings, paragraphs, and images (full-width or side-by-side) all share the same width.
The "Contents" list in the left sidebar builds itself automatically. It pulls from your H2 headings only, so every H2 becomes a numbered entry; H3s and anything smaller are ignored. The list stays pinned as you scroll and highlights the section you're currently reading.
To edit: add your content as usual, and set any heading you want listed in the contents to H2. That's the only rule to remember — this template is otherwise as easy to edit as the plain single-column layout.
The Code at the Top
The code below adds a banner image above the title. It uses the thumbnail set in the post's page settings. One caveat: you can't control the image's focal point.
<div data-wm-plugin="blog-post"></div>
<style>
.wm-blog-banner {
min-height: 60vh !important;
}
.wm-banner-style-1 .has-banner .section-background-content{
justify-content: start;
}
@media screen and (min-width:767px){
.blog-item-top-wrapper.clone{
margin-left: 25%;
width:75%;
padding-left: 17px;
}
}
</style>
Adding content
To add a block, hover over the content and click the plus button. This layout automatically places new blocks directly below the previous one, so manual resizing usually isn't needed.
One thing to know about the editor: it's constrained enough that dragging blocks side by side doesn't always work the way you'd expect. If you want to add a full-width block, place it immediately before the last full-width block on the page. That last full-width block acts as an anchor — without it, you can't drag far enough down the page, and any new content will simply inherit the width of the block above it.
Note on mobile: there's no separate mobile layout. On smaller screens everything collapses into a single column, following the top-to-bottom order of your desktop blocks. Keep that order in mind as you build, since it's what mobile visitors will see.
