Getting Started With the DIY Layout

In this article, we’ll show you how to get set up with the DIY Layout.

Note: The DIY Layout is included in the GravityKit All Access license.

Installing the DIY Layout

You can install the DIY Layout from inside WordPress. First, hover over "GravityKit" and click "Products & Licenses".

The Products & Licenses link underneath the GravityKit menu item in WordPressNow scroll down to the "DIY Layout" (under "Views"), and click "Install Now".

The Install Now button for the GravityView DIY View

You can now start creating your custom View designs!

Creating a View Using the DIY Layout

Hover over Views and click New View. Next, give your View a name and select a data source. Now, under “Choose a View Type”, select “DIY”. 

Choosing a View Type when creating a new View

You can now begin adding fields to the View editor, just as you would with one of GravityView’s default layout types.

After adding a field to your View, click on the gear icon to open the field settings. Here you’ll see three new options unique to the DIY layout.

  1. Before Output - Add HTML, shortcodes, and Merge Tags that will appear before the field content but inside the Container Tag.
  2. Container Tag - Choose which HTML tag to wrap the field with, or select "None" to remove the wrapper.
  3. After Output - Same as Before Output, but this appears after the field content.

The Field Settings showing extra options for the DIY Layout

On the Edit Entry layout, the Custom Content field is the only "field" allowed to be customized with the wrappers above.

To create your custom field wrapper, open the HTML tag in the Before Output box and close it in the After Output box.

We hope you enjoy creating custom designs using the GravityView DIY Layout!

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us