What is Cornerstone?

Cornerstone page builder in WordPress

An Overview.

Many of our newer WordPress websites utilize a powerful page builder called Cornerstone. Cornerstone allows users to build content on a website page that is 100% customizable. If you can dream it, you can probably build it in Cornerstone.

While building a page in Cornerstone, you are doing so in a preview screen that mimics how the site looks on the frontend. This functionality is a life saver because it takes guessing how the page will look out of the equation. The preview screen eliminates the need to constantly switch to the front end of the website just to see how the page looks. Most other page editors do not have this function which makes it difficult to trust how the content will look.

Cornerstone gives users the ability to implement many advanced features and functionality into their web pages without writing any code, and without requiring extra plugins. Animation, accordions, maps, pricing tables, and social sharing are just a few of the options available in Cornerstone.

Basic run down for clients currently using Cornerstone:

There are three main components to building the structure of a page in Cornerstone: Sections, Rows, and Columns.

A page at the most basic level will have one Section; within that Section, one Row; and within that Row, one Column. Sections, Rows, and Columns can each be styled individually, giving users a lot of control over designing unique page layouts. A user friendly control panel is located right next to the edit screen, making it easy to make changes on the fly.

Sections
Sections allow users to group related content areas into a single container. Sections can be styled with background colour, image, or video. Users can also adjust the margins and padding of each Section, as well as add border and change the text alignment.

Rows
Content in each Section is organized in Rows. Sections can hold as many Rows as needed for presenting the content. Rows have most of the same styling options as Sections: background colour, margins and padding, and text alignment.

Columns
Each Row contains at least one Column by default. Need more than one Column? No problem – you split Rows into multiple Columns from the settings panel. And just like Sections and Rows, each Column can be styled individually to fit the desired look for your page.

As an analogy – Building using Cornerstone, is like building a house:
Sections are like the foundation of a house, everything must be built within a Section. Rows are like the framing of a house, they divide the house into different levels. And Columns are like the walls of the house, they create the different rooms or spaces within a given level of the house.

Click here to see some our websites utilizing Cornerstone.

Building Successful Web Strategies

Building Successful Web Strategies