Features Plugin for Headway

Features Plugin Setup Guide

This is the setup guide for the Features block. We’ve tried to make the block as easy to use as possible, but if you get stuck at any point, come back and reference this guide.

Adding features via Headway

The Features block has two ways to enter your content. Either via the block options in Headway, or via the built-in custom post type in WordPress.

For this tutorial, we’ll focus on the Headway Content entry method.

Add a new block instance

To get started, you’ll need to first drag a new instance of the Features block, in the Headway Grid.

Once you’ve selected the Features block type, the block options will be loaded in the block configuration panel.

The “Content Source” option in the Configure Layout tab will be set to Headway by default.

When the Content Source is set to Headway, you will see a tab for Features Content, which is where you’ll add your feature items.

Before you start adding your Features, set the number of Feature items to display. Once you’ve set the number of features, a dialog will popup prompting you to Save and Reload.

Once the Headway admin has been reloaded, you can start adding your features.

The options available for each Feature will be dependant on which elements you have enabled. For example, if no Feature Link is enabled, you won’t see the option.

Adding features via WordPress

To get started, you need to first make sure your Features block is updated to the latest version. Once you’re done upgrading, you’ll notice the new Features links in the WordPress sidebar.

Features can be organized using Categories and Tags. This helps you store all your Features in one place, then abstract only the relevant items when needed. For example, showing only features relating to a specific product.

Adding a feature

To add a new Feature, simply click the “Add New” option, which will bring up the following screen:

Default “add new” page:

Default “add new” page

Here is an example with some content in:

Example with some content

Setting the Feature Image

The standard “Featured Image” is used for the Feature Image. Simply click “Set featured image” in the bottom right of the block and select the image you want to use. Be sure to click the “Use as featured image” in, rather than the “Insert into post” button.

Features image

Managing your Features

Manage your features items in the “All Features” view.

Feature categories


Sort your features into toplevel categories, which you can then later use to filter out only features for a specific category. It’ll also allow you to display your features in groups.

Feature categories


You can also organize your features using tags, which gives you an additional level of control and can be really useful when used creatively.

Feature tags

Setup the block up in Headway

Now that you have added some features, categories and tags, you can open the Headway Visual Editor on the Grid Mode, then add a new instance of the block.

In the block options, you will see a new option for Content Source. Select WordPress content, then start adjusting the settings to get the structure you’re after.

In addition to the new Content Source option, we’ve added a bunch of filters, letting you display only the features that you want.

See your WordPress content in Headway

See your WordPress features content right inside Headway by viewing the “Block Content” tab in the block options.

View features posts in Headway

Add a readon link to the Single View

In order to add a read more link to your features, you need to add a tag to your feature content. This uses the same method as normal WordPress posts. The read more text can be customized in the block settings in Headway.

Add a readon link to the Single View

Setup the feature single view

In order to display a single item view of your features (ie, the full features details page), you’ll need to add a new block instance on the Single > Features layout in the left Layout Selector panel. Make sure you’re on the Grid mode.

The block will automatically detect that you’ve added it to the single view and adjust the view accordingly. Save the options and that’s it.

Add a readon link to the Single View