Pages intro

Pages are where you'll spend most of your time editing your site. You can add and style elements on pages to build out your webpage. There are a few unique things about the page editor which will be covered in this article.

Toolbar
The Body vs the Head
Build Paths
Deploying and Unpublishing
Intro to Page Versions

Toolbar

The Toolbar in the Page editor contains a link to the Worksheet, currently opened sheets, and then a set of actions including:

Link to your Profile
Command Palette (CMD/CTRL + K)
Page Versions
Media Query Editing
UX options
Inspect Element (CMD/CTRL + I)
Save Page
Deploy, and the following in the drop-up menu
- Schedule Deploy
- Refresh page preview
- View deployed page
- Save the page
- Lock the page from being deployed

The Body vs the Head

A webpage document is made up of two main sections, the body and the head, each with its own respective HTML tags <body> and <head>. Different Elements are available depending on if you are editing the body or head.

The Body

The body is the part of the document that will be rendered when a user looks at your site. All your page's media and text content will be added to the body.

The Head

The head is not directly viewable to the user. It contains meta-information about your webpage, including the document title, favicon, scripts, and SEO-related elements.

Adding and editing elements in the head of your page works the same way, though some Elements are not available because of HTML syntax rules.

Build Paths

Your page's build path will the be URL it will be deployed to. You can see the current build path in the top-level cell in the Elements Column. Double click this cell to edit the build path.

Note: an empty build path (with a single slash "/") denotes the website's homepage. You can type in anything you want, however, spaces are not accepted.

For example, if your website is at www.mydomain.com and you publish an about page with a build path of "/about", then that page will be available at www.mydomain.com/about.

Deploy and Unpublish

Deploy

You can deploy a page by clicking the blue Deploy Page button. This will make the page live and available at the specified build path. If the page is already live, then deploying will push any updates to the live URL.

Unpublish

To unpublish a page,

bring up the command palette by hitting CMD/CTRL + K on your keyboard
Type "unpublish"
Hit Enter

Intro to Page Versions

Page versions is a feature in our editor to help you create and manage multiple versions of a single page without having to duplicate it manually from the Worksheet. It also has a use case to serve as a staging area for versions of pages that you want to design but don't want to be live.

It is a big topic, so we broke it down into another article. Learn about Page Versions.