1.  On the top bar, → go to  Settings (Gear Icon). → Open the Brand Images menu (2nd from the left).

This section allows you to add a logo and favicon to your site. 

• Upload allows images from your computer to be added. 

• Select will pull an image from your Google Drive.
  
  

2. To upload a favicon, → under "Favicon", → click "Upload".  → Then, find the image on your computer and → confirm your selection by clicking "Open". Once you upload your icon, you should see it displayed in the settings menu.

• A Favicon (32 x 32 px) is the little icon for your website that appears to the left on a tab for your website or on Google Search beside your website's name. The default image is the Google Sites logo.
  
  

3. To upload a logo, → under "Logo" → click "Upload".  → Find the image on your computer → then confirm your selection by clicking "Open". Once you upload your logo, you should see it displayed in the section.

• A Logo (260 x 50 px max size) is an optional element that appears in the top left corner of your website. It does not appear in web searches. It is left blank by default.

  • Optional: Under the logo image, there is an "Alt Text" section. You can add a description of your logo here for accessibility screen readers. 

1. Broadly, fonts are categorized as:

• Serif: with tiny lines hanging off the letters as embellishment / decor (i.e. feels old, established, sophisticated, trusted; ex. Times New Roman, Georgia)

• Sans-Serif: without tiny lines as embellishment / decor (i.e. feels modern, future forward, clean; ex. Arial, Helvetica)
  
  

2. Fonts in context of your artwork become accessory to your art aesthetics. Thus, the fonts you choose should reflect the look and feel of your art style. 

If you don't feel like choosing a font, the default within the art world is the "white cube" aesthetic. This tends to utilize Sans-Serif fonts like Arial or Helvetica. Hence, we recommend using our "Arial" theme.

3. You must make sure your font is readable for viewers. Often it's tempting to use a very pretty font over legibility. A font like Courier gives an old timey typewriter feeling but in certain contexts can be difficult to read. (ex. smaller than 11 pt font). Always preview your work before publishing it!

1. On the Right Sidebar, → select "Themes". You will by default see 3 themes: Arial, Courier New, and Georgia.

These are Oncuff default layouts; the fonts inside this theme have been are optimized for the fastest loading speeds. You can use one of our themes or duplicate and edit them however you wish. If you scroll down, you will find Google's preset themes. These themes cannot be duplicated and edited.

2. To Duplicate a theme, in the top right corner of any theme → click the 3 dots and → select "Duplicate Theme". We recommend duplicating one of our themes and editing rather than creating a new theme - our themes have optimized spacing and other settings beyond the fonts.
   
   

3. Google Sites will immediately take you to your duplicate theme. To rename the theme, double click the title of the theme beside the back arrow and → type in your desired theme name. Renamed or not, the new theme will now appear in the custom themes menu from before.
   
   

4. To return to the Themes Menu, → click the back arrow beside the title of the theme. 

There are many options you can edit within a theme but we will focus on editing colour and text in this guide. 

1. On the Right Sidebar under "Themes" → open your custom theme → from the list and select "Text" (2nd from the top).
   
   

2. The text menu will now extend to show all editing options. Under "Select Text Style" → choose the text type you wish to edit. 

You can edit each of the Text Styles' font, size, format, alignment, and spacing. All these options are like those available in Word or Docs. 

To change which Text Style you're working with, → click the first drop down menu and → select another Text Style.

3. To select a new font → click the drop down menu beside "Font". This will reveal a short list with more options. Then → select a new font from the list.

Any font changes will be updated immediately across the site after the new font is selected.

If you want a different font than what is available on this list, select "+ More Fonts" at the top of the list. You can add additional fonts to the shortlist from "+ More Fonts".

4. To preview fonts together → click the eye icon to the right of the selected text style. This allows you to see all current fonts and colours together in a short list. It's a great way to see if the visual aesthetics of your fonts work together.

1. On the Right Sidebar under "Themes" → open your custom theme. → From the list, select "Colours" (1st from the top).
   
   

2. "Styles" are different aesthetic options for website sections. The highlighted "Style" is the one we are currently editing. By default, every section is set to "Style 1". Oncuff layouts generally do not use multiple styles.

To see all Text Style options, → select "More Options". By default, the colour menu only shows a few options.

3. Now we have access to all of the Text Styles to edit. To change the colour of a Text Style, → click the circle to the right to access the menu of colours. 

To preview the colour of a text style, → click the eye to the left of the circle drop down menu. This allows us to see what our font will look like with that colour at a glance.

4. To change the colour of a text style, → click the circle to the right of the text style you wish to change. So if you want to change the "Heading" font colour, click the circle to the right of "Heading".

Clicking the circle to the right of any text style will make a menu of colours appear. → Inside this menu, click any circle to select a new colour. → When you hover over a colour, you see the hex code of that colour. 

• Hexcode: A hex code is a 6 digit code used for coding websites - using the code tells the web browser to display that specific colour. It's a useful tool! Sites like mycolour.space allow you to input a hex code and generate an entire colour scheme around one colour!
  
  

5. Similar to fonts, clicking the eye icon will give you a preview of the font and colour one at a time. To see all of the fonts and colours beside on another in a list, return to the "Text" menu - the option is not available in the "Colour" menu.

Any colour changes you make will immediately be updated across the whole website unless you have set the font settings using the text box editor settings (i.e. font format changes in individual text boxes around the site rather than using Text Styles to set font styles).

1. To Preview your site, → on the top bar, → click the Computer / Phone Icon (third from the left). 

In this mode, we want to check:

• the look of our site (aesthetics), 

• the accuracy of the information listed,

• the general user experience of using our site on multiple devices (functionality). 

See the drop down boxes below this section for key questions.

2. You can switch viewing modes in the bottom right corner by clicking one of the device icons (i.e. computer / desktop, tablet, and phone). In different formats, layouts can change drastically. 

• Always check the computer and phone formats as these likely are the most common devices your site will be viewed on.

• Ignore tablet mode to some extent. For some reason, tablet mode often loses things like centering and spacing. So this is an area of compromise.
  
  To exit the Preview window, click the "X" icon.
  
  

3. Google Sites translates the order of elements from left to right (desktop) to top to bottom (mobile). Given this, you may need to reorder your elements to be viewed better on mobile. 

Ex. if you wanted the image to be the first seen element on mobile, you would need to place the image on the left side of your Google Site on desktop.

• How does my site look on all formats? (desktop, tablet, mobile)

• Do my fonts look good together?

• Is my colour palette cohesive?

• Do the photos of my artworks look good?

• Do my fonts reflect my artwork's aesthetics?

• Have any of my artworks been badly cropped? Check:

  • Thumbnails

  • Enlarged Artwork Pages

• Are all of my artwork descriptions correct?

  • Check Dimensions on:

    • Enlarged Artwork 

    • Home / Category Pages

• Are my personal information / artist statements correct and free of typos / grammar errors?

  • Artist Biography

  • CV

  • Contact information

  • Artist / Series Statements

• Does my font cause any text to display improperly? 

• Is my font easy to read?

• Do all my links travel to their intended destination?
  Ex. Artwork 1 = Enlarged Image of Artwork 1

All Oncuff layouts have been pretested for links, so unless you changed or deleted those links, everything should connect correctly.

1. On the top bar, → Click the Person + icon to the left of settings (fifth icon from the left).
   
   

2. The "Sharing Settings" menu will appear. 

Under General Access → look for "Published Site" → change from "Restricted" to "Public". →Then, click "Done".

When you do this, you should see the lock become a green earth icon. 

1. To access the version history, go to the top bar in the center to the left of the icons and → click on "All changes saved in drive".
   
   

2. To rename the current version, on the right sidebar  → look for the version with "Current Version" below the date and time. → Then, double click the date / time to change it. 

Or, you can click the 3 dots to the right side of the date / time and → select "Name this Version".

3. Enter your desired name. Make sure the name distinguishes it from the other versions present.

We suggest:

• Year-Month_Publish Ready w Assets
  
  

4. From here, when you make changes to your current site, it will create a new version after this named (aka saved) version.

1. To open sharing settings, go to the top bar, and → click the Person + Icon. 

Google Sites by default hides your Published Website from the public.

2. The sharing settings menu will appear. In the first text box, → enter the gmail (email) address you wish to share to. → Then, click the drop down email to confirm the address.

• You must share your site to a Google Account for this to work.

• Only share your site with someone you trust or another Google Account you own!
  
  

3. The confirmation email menu will appear. Beside the email on the right side → change permissions from "Published Viewer" to Editor.  → When finished, click "Send".

You can always remove sharing access if needed.

1. To remove access, return to the sharing settings menu. → Then, find the email you wish to remove. → Beside the name on the right side, change from "Editor" to "Remove Access".  → When finished, click "Save". 

1. To make a copy of your site, go to the top bar, → click on the arrow to the right of the "Publish" button. → From the menu, select "Make a copy".
   
   

2. Under "File Name", → rename the copy of your website. Choose a descriptive name. 

We recommend:

• Year-Month_Backup Website

If needed change the file destination. Under "Folder", → beside the current destination, click "Change". Select the new folder to save the file to. 

To copy the whole website, under "Pages", → select "Entire Site". 

When finished, in the bottom right, click "OK".

3. A loading screen will appear. After, you will be taken to your site copy. You can tell the original and copy apart by looking at the file name in the top left corner of the website.

1. A professional, finished website does not have dead links, placeholders, or unused assets around. Hence, there are two things we are deleting:

   1. Elements:
      Unused or Empty thumbnails, text boxes, etc.

   2. Pages:
      Hidden pages that are not accessible through the site navigation menu. They may be are accessible by clicking thumbnails or text. (Ex. Enlarged Artwork pages, Assets section, etc.)

2. Hidden Pages on your Google Site can be found by:

   1. Using the Search Bar in the top right corner of your Google Site

   2. Through Web Search Engines like Google. Search Engines index (make a list of links of your site's webpages) and list them in the Search Results as clickable links for users to visit.
      
      

3. A search on your Google Site for any common word will return all pages with that word in it. So, searching "Name" would bring up every page with unfilled slots (see picture example 1-3).
   
   

4. A Web Search Engine will list indexed pages of your site within their Search Results. Usually only your more popular pages get listed, but it's possible using search keywords (site:www.sitehere.com) to see more pages.

It is possible that over time you will create and delete webpages and those pages will still be listed in a Web Search after deletion. To remove these Error 404 (webpage not found) pages, you can request search engines to "re-index" your site. This fix is outside the scope of this tutorial. 

1. to delete unused site elements, → look for the corresponding garbage can icon.

For long rows, it's best to delete the whole section. → Hover your cursor over the left side of your site just beside any row. → Click the Trash Icon (3rd from the top). 

For individual images or similar sections like text, → click on the asset → along the bar that appears above the asset, → and click the Trash Icon (2nd from the right). Any trash icon along the bottom of an image asset only deletes the link attached to the image.

1. To Delete any Page, → go to the Pages Tab (right sidebar) → and hover over the Page you wish to delete. → Then, on the right beside the Page name, click the 3 dots. → Select "Delete" from the menu. 

This can be used to delete: 

• Single Pages: no attached / nested sub pages)

• Nested Pages (with sub pages).
  
  

2. To Delete Nested Pages, → follow the process from Step 1. → A dialogue box will appear. → Then, select "Delete Nested Pages". This will delete all pages under the category. → Click "Delete" to remove the pages.
   
   

3. What if I have multiple individual pages to delete? Here's a quick tip on how to deal with them:

• Move all the individual pages into one group that can be deleted. As in, turn Single Pages into a Nested Page group.
  
  

1. To Move Pages, → click and Drag the page. 

2. To Nest a Page, → click and Drag the page on top of the page you wish to nest under. → Release the mouse button to "drop" the page.

3. Repeat until all pages to delete are under a single page.
   
   

4. It doesn't matter if the nested page group is messy - just make sure all the pages you wish to delete disappear when you collapse the Nested Page group using the arrow to the left of the Page title (see example in 3-4).

Once done, follow Steps 1 and 2 inside this Task to delete the Nested Page group.

5. Now when we use our Google Site search, you should only see pages you've filled out with information. Searching "name" now only brings up the CV and About page in our example (3-5). You don't need to worry about Web Search Engines indexing empty pages because those page don't exist anymore!

1. To begin publishing your website, → go to the top bar → and beside the top right corner, click "Publish".
   
   

2. In this menu, Google Sites asks you to add a unique site nickname. This is so your site can also be reached at a Google Sites URL. Your site will be reachable through this Google Site link and your Custom Domain. 

When finished, → Click "Publish".

3. You will be taken back to the Google Site editor. A message confirming the success of your published site will appear at the bottom of the webpage.
   
   

4. Each time you publish your site after the first time, a new menu containing all of the changes / edits you have made to your website will appear. If needed, review any changes made. → Then, in the top right corner, click "Publish". This menu will continue to appear any time you publish your site.

1. To Open Version History, on the top bar → click "All Changes Saved in Drive".
   
   

2. We will now name this Published Site version. It is the same process as before in Step 5 (see below).

We recommend:

• Year-Month_Published with Assets

To Rename a Saved Site Version, on the right bar → double click the date / time stamp. → Then, type the new name in. 

Saving these published and pre-publish versions makes it easy to make changes without losing work. For example, say your published site has a typo on it. You can easily fix this by reverting back to your Published site (Publish Ready w/o Assets). When you've fixed the error, you then return to your Publish Ready with Assets version for adding more artworks later.

3. You should now have 2 named site versions:
   
   

   1. Published Without (w/o) Assets:
      The last published site where all extra or unused assets have been deleted in Step 7.

   2. Publish Ready with (w) Assets:
      The last unpublished site with all extra or blank assets (site before Step 7).
      
      

4. With our published site named, we can safely revert to the "Publish Ready with Assets" version. → On the right bar, → find and click the "Publish Ready with Assets" version of your site. → Then, on the top bar to the left side, → Click "Restore this Version". 

For future reference...

• In Version History, you can list only your named site versions by → on the top right side, → click the dropdown entitled "All Versions" and → change the selection to "Named Versions".
  
  

5. A menu confirming your changes will appear. Click "Restore". → You will be returned to the site editor and a message at the top will show you which version you have successfully restored your site to.