Skip to main content

About Cornerstone

Cornerstone is a powerful theme editor developed by Themeco for WordPress. It provides users with a user-friendly interface to customize and design their WordPress websites.

Sailstack's WordPress platform uses Cornerstone exclusively for building and customizing websites.

In this guide, we will cover the basics of using Cornerstone and provide you with the necessary information to get started.

Table of Contents​

Installation​

To use Cornerstone, you need to have a WordPress website. If you haven't installed WordPress yet, please refer to the official WordPress documentation for instructions.

Once you have WordPress installed, follow these steps to install Cornerstone:

  1. Log in to your WordPress admin dashboard.
  2. Go to the "Plugins" section and click on "Add New".
  3. Search for "Cornerstone" in the search bar.
  4. Click on the "Install Now" button next to the Cornerstone plugin.
  5. After the installation is complete, click on the "Activate" button to activate the plugin.

Getting Started​

After installing and activating Cornerstone, you can access it by following these steps:

  1. Log in to your WordPress admin dashboard.
  2. Navigate to the "Pages" section and click on "Add New" to create a new page.
  3. On the page editor screen, you will see a "Cornerstone" button. Click on it to launch the Cornerstone editor.

Building Pages​

Cornerstone provides a drag-and-drop interface for building pages. Here are the basic steps to build a page using Cornerstone:

  1. Launch the Cornerstone editor as mentioned in the previous section.
  2. On the left-hand side, you will find various elements and sections that you can add to your page.
  3. Drag and drop the desired elements onto the canvas to start building your page layout.
  4. Customize the elements by clicking on them and modifying their settings.
  5. Use the toolbar at the top to manage sections, columns, and rows.
  6. Save your changes and preview the page to see how it looks.

Customizing Elements​

Cornerstone allows you to customize individual elements on your page. Here's how you can do it:

  1. Select the element you want to customize by clicking on it.
  2. In the settings panel on the right-hand side, you will find various options to modify the element's appearance, content, and behavior.
  3. Make the desired changes and see the live preview on the canvas.
  4. Save your changes once you are satisfied.

Advanced Features​

Cornerstone offers advanced features to enhance your website building experience. Some of these features include:

  • Global Blocks: Create reusable blocks of content that can be used across multiple pages.
  • Templates: Save and reuse page layouts as templates for future use.
  • Custom CSS: Add custom CSS code to further customize your website's appearance.
  • Integrations: Cornerstone integrates with popular WordPress plugins and extensions to extend its functionality.

For detailed instructions on using these advanced features, please refer to the official Cornerstone documentation.

Troubleshooting​

If you encounter any issues while using Cornerstone, here are a few troubleshooting steps you can try:

  1. Clear your browser cache and try again.
  2. Disable any conflicting plugins and see if the issue persists.
  3. Check the official Cornerstone documentation and support forums for solutions to common problems.
  4. If the issue persists, consider reaching out to the Themeco support team for assistance.

Additional Resources​

Here are some additional resources to help you learn more about using Cornerstone:

We hope this guide has provided you with a solid foundation for using Cornerstone. If you have any further questions or need assistance, feel free to reach out via support@sailstack.co.

Happy website building!