✅ Initial Setup and Configuration

For the Web App:

  1. Account Creation: After creating your account outlined on the previous page, click on the Open Web App at the top right to access to the web app.

  2. Create a new project: Next, you will have the option to create a new project. Start by entering a name for your project and then click 'Create'.

  3. Core Framework: Once you have created your project, you will now be directed to the main interface of Core Framework. All projects will be set up with the standard, baseline setup. You can now navigate the sections of Core Framework and have a look around to familiarize yourself with the different sections such as Colors, Typography, Spacing, etc.

  4. Preferences: We recommend navigating to the ⚙️ preferences section to familiarize yourself with the options available in this tab to help you set up your main configuration. This section contains some important values that will dictate both the way your website will look and how Core Framework will function.

  5. Exporting CSS: Once you have the desired setup in Core Framework, you can click on the Preview CSS button and then download your generated CSS from here. Alternatively, you can copy the full CSS or the minified version to use on your websites.

For the WordPress Plugin:

  1. Plugin Installation: After downloading and activating the Core Framework plugin, you can now access Core Framework right from your WordPress dashboard.

  2. Plugin Setup: Configure the plugin settings to align with your site’s design needs from the preferences section. Please see the ⚙️ preferences section below for more information on the preferences fields.

  3. Testing: Ensure everything is functioning correctly by previewing changes on your site's front end.

  4. Builder: If you are using a page builder such as Oxygen Builder or Bricks Builder, then you will find our section on Builder Integrations useful.

Last updated