Mesh

What is Mesh – Multiple Content Sections?

Mesh is the easiest way to add additional content to your Page, Post, or Custom Post Type in a responsive grid system. Adding a Mesh Section creates a new row on your page below the default WordPress content. Each Section can be divided into 1 to 4 Columns, providing Visual/Text editors for each Column. Give your Sections and Columns titles, drag to rearrange, add background images to Columns or an entire Section, then Publish your Section or save it as a Draft until your content is just right.

Efficient and unobtrusive, Mesh was designed to simply extend the functionality of the normal page editor within WordPress to provide the flexibility of building pages in a responsive grid without adding code or editing page templates.

 

Responsive Out-of-the-Box

Mesh is currently built off of Foundation’s grid but will soon have support for Bootstrap and custom frameworks as well. All grid styles can also be easily disabled.

 

Familiar and Easy to Use

Our goal is to stay as close to the core usability of WordPress as possible. Mesh Content editing is recognizable and simple to use. As you create new Sections for your content you will be presented with an interface similar to that utilized on default Pages and Posts.

 

Extensible and Plays Well with Others

We have added a few hooks to extend the functionality of Mesh and will continue to expand these over time. For a full list of currently available hooks and filters check out the FAQ.

 

Mesh is also compatible with Linchpin’s Toggle wpautop plugin.

 

Features

  • Add unlimited Content Sections on a page by page basis
  • Choose a 1, 2, 3, or 4 Column layout for each Section
  • Use the Visual or Text editor to create your content in each Column
  • Add media or forms into any Column
  • Drag to adjust Column widths
  • Drag to reorder Columns within a Section (horizontally) and Sections within your Page or Post (vertically)
  • Add an offset before a Column (not available in 4 column layouts)
  • Add custom CSS classes to an entire Section or a specific Column (This works great in tandem with Jetpack’s Custom CSS feature!)
  • Click to apply built-in styling options like Collapse Padding, Push/Pull, and Equalize
  • Set a background image for a Section or a Column
  • Save Sections in Draft status or Publish
  • Utilizes page editing functionality you are already familiar with in the WordPress admin
  • Visual cues in the editors help represent how your content will be displayed on the frontend (ie: column widths, gutters, offsets)
  • Enable Mesh Sections on Pages, Posts, and/or any custom post types within the settings (Pages enabled by default)

 

Our clients love Mesh, so we thought everyone else might too!

We first developed Mesh as a tool for our clients to use so they could better self manage their content; in-turn saving them money on support hours. They love it so much we have continued to improve upon it, add new features, and are now proud to present it to the WordPress Community at large!

 

Let us know how you like Mesh and what we can do to make it even better!

Leave a review here or start a conversation on GitHub.

 

Installation

  1. Click Add New under Plugins in your WordPress install.
  2. Search for Mesh – Multiple Content Sections in the directory.
  3. Click Install Now and activate the plugin.

Or

  1. Download the latest plugin version above.
  2. Click Add New under Plugins in your WordPress install.
  3. Click Upload Plugin and select the zip file containing the plugin

 

FAQ

Can I use Mesh on other post types?

Any post type that is publicly available within your WordPress install can be enabled to support Mesh. Under Settings > Mesh you can see all post types available to you. Only Pages are Mesh enabled by default.

Can I add my own controls to Columns?

We’re working on the ability to tie in extra controls to Columns and Sections.

Where can I get Support?

If you have a question about how to use Mesh, check out the Support tab.

For folks that have found a bug or have a feature suggestion we’d like you to submit them through Github.