NEW Extend your website with unique features with Dropins. See more →

by Alex Mangini

Version 1.0 33 downloads

Page Blocks: The Simple HTML Content Page Builder

The new Page Blocks Dropin adds a simple HTML editing interface to your post editor screen. With simple features like section reordering, hook controls, design options, and the ability to create unlimited sections, Page Blocks get out of your way so you can dive straight into creating HTML layouts from the WordPress admin panel.

Key Features

  • Create unlimited page sections
  • Reorder sections with drag and drop
  • Load to different parts of your page with simple hook selection
  • Basic design options for each section
  • Write your own custom CSS per section
  • Use shortcodes and MD helper classes to speed up development

What are Page Blocks?

There are many ways to create web pages and the question on the best way comes down to preference. Most themes, MD included, are moving towards visual based page building and dropping the need for most of code. But what about the ones who still want to code?

Working in a code only environment can be challenging for the website owner who wants to rapidly create new content and stay as close to the post editor as possible, so Page Blocks acts as a bridge to keep you perfectly in-between.

Because it is set up as an HTML builder, you can write the markup you need to structure your pages exactly how you want them to look. Because you are working from within your post editor, you can combine that freedom with the parts that make publishing from the post editor such an elegant experience.

Take your HTML content and wrap it within Blocks that can be dragged around to reorder and already take care of the surrounding markup needed for each row you create. Save yourself from writing repetitive CSS by using the built-in design controls in each Block—just pick your colors—and even write your own Block specific CSS to really take full control over your creations.

Screenshots

Page Blocks custom post meta box

The default meta box view with four Page Blocks created.

Page Blocks custom post meta box

A Page Block section row expanded with full options and custom CSS box.

Page Blocks Default Preview

An example demo page of Page Blocks with custom HTML. This layout is provided for you to start from if you choose.

Installation

Read the Dropin Installation Guide for general instructions on how to install any MD Dropin, including the Page Blocks Dropin.

Example Template

To use the example template as shown in the screenshot above, see this post on the MD Forums (must be logged in and verified) to copy each Block template’s HTML.

Dropin Notes

  • Works best with the WordPress Classic Editor as meta boxes are better supported, but still has full functionality with the new Gutenberg editor.
  • To execute shortcodes in the HTML content, you must enable “Enable WordPress formatting” checkbox for that particular Block.

The Next New Version of Marketers Delight is Almost Here…

There's always something new in the works here in the MD Labs. Join the email list to get the newest updates, snippets, and videos sent straight to your e-mail inbox.*

×

The Next New Version of Marketers Delight is Almost Here…

There's always something new in the works here in the MD Labs. Join the email list to get the newest updates, snippets, and videos sent straight to your e-mail inbox.*

×