Single-Column Simple (Easiest)

 

ABOUT THE TEMPLATE

This is the simplest template and the easiest to edit. It opens with a full-bleed hero image and the title overlaid on top, then everything below — headings, paragraphs, and images — sits in one uniform column at the same width. There's no narrow-text / wide-media split, no table of contents, and no special breakouts to manage.

Because there's nothing custom holding the layout together, it's the most forgiving template to work in and the hardest to accidentally break. Pick this one when you just want to drop in content quickly and don't need any of the fancier layout behavior.

 
 

THE CODE AT THE TOP

The code block at the top sets up the hero banner (which pulls from the thumbnail in the post's page settings). One caveat, same as the other templates: you can't control the banner 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: 16.6667%;

width:66.6667%;

padding-left: 17px;

}

}

</style>

 
 

ADDING CONTENT

To add a block, hover over the content and click the plus button. New blocks drop in below the previous one, and from there you can drag to resize them — pulling text into the narrow column or stretching media out to full width as needed. Because widths aren't fixed, you have more control than the fixed template, but that also means alignment is manual: you may need to nudge blocks to keep them consistent, and the editor's dragging can be finicky when placing blocks side by side.

 
 
 
Previous
Previous

Single-Column Simple (TOC)

Next
Next

Single-Column Simple/Banner below title