Get started with Sites

1. Create your site

" "

Sites

Let’s begin by creating and naming your site.
 

In this section, you learn how to:

1.1 Create your site
1.2 Name your site
1.3 Select a layout
1.4 Select a background image, header type, and theme
1.5 Add, reorder, and nest pages
1.6 Set up site navigation

1.1 Create your site

" "

Choose an option:

Note: All Sites are stored in Drive. For more information on using Drive to organize your files, see Get started with Drive.

Create a site from Sites or Drive

1.2 Name your site

" "

When you create a new site, it's added to Drive, just like other Drive files. Sites automatically saves every change you make, but your site isn’t public until you publish it.

Name different parts of your site:

1 Site document name—Enter a unique name to keep track of your site. The site document name is only visible to you.
2 Site name—The site name appears in the header and in the web or mobile window title bar after you publish the site. You need to have 2 or more pages in your website for your site name to appear.
3 Page title—Each page in your site has a title, which appears at the top of the page. The page title also appears in the navigation menu.
Document, site, and page names mapped, top to center

1.3 Select a layout

" "

On the right, click Layouts and choose a different layout for your sections.

Layout options on the right, under "Insert." The site

1.4 Select a background image, header type, and theme

" "

Choose a look for your site. Each theme comes with a preset background, color scheme, and font selection. You can adjust fonts, colors, and the background later, and you can always change the theme after the site is created. If you need to make any changes, click Undo Undo, or Redo Redo.

1 Change the background image:
  1. Go to Sites and open your site.
  2. Point to the background image and click  Change image Choose image.
  3. Choose an option:
    • To upload an image from your computer, click Upload.
    • To choose an image from the gallery or another location, click Select image.
  4. (Optional) To go back to the original background image, click Reset Refresh.
2 Change the header type:
  1. Point to the background image and click Header type Header.
  2. Choose an option:
    • Cover
    • Large banner
    • Banner
    • Title only
3 Change the theme and font style:
  1. In the top-right corner, click Themes.
  2. Select a theme option and choose a color.
  3. Click Font style and select a style.

Options to change image, header type, theme, and font style mapped

 

1.5 Add, reorder, and nest pages

" "

Add pages for more content. Keep related information together by nesting pages. Nested pages appear as a subtopic of another page.

1

Add pages:

  1. In the top-right corner, click Pagesand thenand point to Create Create.
  2. Choose an option:
    • To add a new page, click Add page Add page page. Name the page and click Done.
    • To add a URL, click Add link Link.
2

Reorder or nest pages:

  1. Click Pages.
  2. Drag a page up or down in the list to reorder it.
  3. Drag a page on top of another page to nest it.
  4. (Optional) To un-nest a page, drag it to the bottom of the list.

Note: You can only nest a page five levels deep.

3

Choose page options:

Under Pages, select a page and next to it, click More More and choose an option:

  • Set it as the homepage.
  • Duplicate the page.
  • Rename the page.
  • Create a sub page.
  • Hide a page or sub page. You can’t hide the page that’s set as your homepage.
  • Delete the page from the site. You can’t remove the page that’s set as your homepage.

Menu options 1, 2, and 3 mapped

1.6 Set up site navigation

" "

If you've more than one page, visitors to your site use the navigation menu to jump to different pages. By default, the navigation menu is at the top of your site. In the top-right corner, click your homepage to see the menu.

You can move the navigation menu to the left side if you want, but you need to have one or more pages on your site to change where it appears.

Select a navigation mode:

  1. Point to the site name and click Navigation settings Settingsand thenTop navigation or Side navigation.
  2. (Optional) To move the pages in the navigation menu, see 1.5 Add, reorder, and nest pages.
Set navigation as top or side
 
Was this helpful?
How can we improve it?