Back to Google Sites or to Advanced Techniques
Ready to build your site? Let's go!
Choose a Theme
Go to the side menu and click on Themes.
You have a few options for design and fonts. You can also customize the site colour.
Change the Title
Hover over the title to edit it.
Change the Header
Options are Cover (large), Large Banner, Banner (smaller) or Title only (no banner).
Headers can be different on different pages and you can search for or upload images and even animated gifs and cinemagraphs.
You can upload a logo and/or a favicon for the browser tab (from Settings).
Decide on whether you want a horizontal menu or a drop-down from the top left.
Add Pages
Go to the Pages tab.
Click on the + button to add a new page.
To add a subpage, drag the sub-page on top of the parent page.
You can also go to a page and click on the 3 vertical dots beside it and choose Add subpage.
You can create a new page but hide it from the menu by clicking on the 3 vertical dots beside a page name. It's good for either private pages or linking off of a page on the menu.
You can add an external link through the add page + to your menu.
You can drag and drop pages to organize.
Add Elements
To add text, go to the Insert tab and click on Text box.
A horizontal box will be added to the page. You can change the background of the box (different themes or emphasis) as well as use a background picture.
Type in the box to insert text. You will have limited options for size, bold, italics, justication, numbers and bullets. You can also add a link. There are no other built-in options at the moment, especially no colour.
You can choose individual elements or one of the suggested layouts on the Insert tab.
Drag around elements or click on them and resize by dragging on the blue dots.
You can drag elements next to each other for columns.
Add empty text boxes and change the Emphasis to create dividers.
Add a Footer
Footers, at the bottom of pages, are the same across all page. Click the Add Footer to change.
You can add images and other elements in the Footer.
Changing your Fonts Type, Size and More (Advanced)
While Sites gives you a few pre-formatted Themes with font options, other choices are limited. However, take a look at the video embedded on the Site Resources page on Customizing Fonts for a few hacks using the https;//fonts.google.com site and embedding HTML code. Note colors don't work.
Resources
How to with new Google Sites: https://sites.google.com/view/how-to-with-new-sites/home?authuser=0
Back to Google Sites or to Advanced Techniques