Category: Cornerstone

At its core, Cornerstone is a collection of shortcodes which can be utilized to build out complex page layouts with near infinite customizability. Beyond that though, it’s much, much more. Cornerstone takes these integrated shortcodes and provides alongside them a simple, streamlined, drag and drop frontend interface, allowing users of all experience levels to take […]

There are a couple different ways to get to the frontend editor portion of Cornerstone: Click on a page or post you want to edit with Cornerstone in the WordPress admin area. Above the WordPress editor and to the right you will notice a tab named “Cornerstone” next to the “Visual” and “Text” tabs normally […]

Now that you’ve got Cornerstone setup, we’ll start diving into the interface and discussing a general overview of how things are structured and how to get around. While we’ll provide a general overview of things here, each of the four main panes of the Cornerstone editor will be covered in more detail in additional individual […]

Cornerstone’s Layout Pane is where everything begins! This is where you will start by laying out your core structure in the form ofsections, rows, and columns. Before we get into the actual mechanics of doing this, let’s delve a little deeper into what each of these elements do: Sections – The highest structural element available […]

Elements are the true core of Cornerstone because without them there wouldn’t be anything to create with! The Elements pane itself is pretty straightforward as it is simply a visual library of the elements included in Cornerstone to work with: You can either scroll through the library to find the element that you want to […]

It is likely that you’ll spend the majority of your time in Cornerstone on the Inspector pane. The Inspector pane is what will allow you to tap into your elements (including sections, rows, and columns) and update their appearance to suit your design. If you’ve just come to a page and simply switch to the […]

The Settings pane in Cornerstone is used to manage a wide variety of special options and items, as well as custom code for that particular page if desired. Whenever you first arrive at the Settings pane, it should look something like the following: At the very top the first thing you’ll notice are our familiar […]