Table of Contents
Regular vs. Imported Demo Grids
Before we begin, let’s quickly touch on the difference between regular grids and the imported demo grids.
A regular grid consists of:
- Content from your own blog posts
- Your chosen Skin Template
- Your chosen Grid Settings
An imported demo grid consists of:
- Imported Posts that will be added as Ess. Grid Posts
- A preselected Skin Template
- A preselected set of Grid Settings
Importing a Grid Template
First, make sure the plugin is updated and activated.
![](http://www.themepunch.com/wp-content/uploads/2018/06/updated-activated.jpg)
Click on “Create from Grid Templates” to access the Grid Template Library.
![](http://www.themepunch.com/wp-content/uploads/2018/06/access-grid-template.jpg)
Select a Grid Template and click on “Install Grid”
![](http://www.themepunch.com/wp-content/uploads/2018/06/select-grid-template.jpg)
The imported Grid Template will be displayed on the Grid Overview.
![](http://www.themepunch.com/wp-content/uploads/2018/06/grid-overview.png)
Handling Content
To populate the Grid Templates with Demo Contents, follow the instructions here
Find a demo you’d like to work with. And then review what type of post options are being used by examining one of the Ess Grid Posts being pulled into the Grid.
![](http://www.themepunch.com/wp-content/uploads/2018/06/select-imported-grid.jpg)
![](http://www.themepunch.com/wp-content/uploads/2018/06/imported-grid-item.jpg)
![](http://www.themepunch.com/wp-content/uploads/2018/06/imported-grid-item-post.jpg)
![](http://www.themepunch.com/wp-content/uploads/2018/06/essential-grid-custom-post-settings.jpg)
Next, create a new regular blog post, or edit an existing one with the same type of setup.
![](http://www.themepunch.com/wp-content/uploads/2018/06/add-new-post.jpg)
![](http://www.themepunch.com/wp-content/uploads/2018/06/new-grid-item-post.jpg)
![](http://www.themepunch.com/wp-content/uploads/2018/06/new-grid-item-post-settings.jpg)
And then change the demo grid’s post-source from “Ess. Grid Posts” to the category from your regular blog post.
![](http://www.themepunch.com/wp-content/uploads/2018/06/new-category-selection.jpg)
And then save(1) and refresh(2) the Grid.
![](http://www.themepunch.com/wp-content/uploads/2018/06/save-refresh-grid.jpg)
Final Result
![](http://www.themepunch.com/wp-content/uploads/2018/06/converted-grid-source.jpg)