Google Sites Part 2

In this post, we are going to dive into part two of our Google Sites series. We are going to discuss some ways that you can customize your Google Site.

Adding a Logo

while in editing mode, simply head on up to the top left-hand side of the navigation bar at the top of your site and you will see a dialogue box that pops up that says Add logo. Clicking on it will bring up a box that asks you to either upload an image or select an image.

Customizing Accent Color

After you add your logo to your site, you will notice that you have some color options that you can now choose from.

Changing Header Image

To set a custom header image, hover over your banner and you will see a dialogue box with the following options: Change image, reset, and header type. Click on Change image. You then have the option to either upload an image or select an image.

Navigation

To change the navigation mode, hover over the navigation bar at the top of your site. You will see a settings wheel appear on the far left. Clicking on that settings wheel will allow you to choose between top navigation and side navigation.

Drop Down Navigation

To create drop-down navigation, head on over to the Pages section. You will see a list of all of your Pages. Drag a page onto another page and you will see a blue box appear around the page you are dragging onto. Drop your page and you will now see a down arrow next to the top page and the page that you dropped under that page. You will now see a down arrow next to the page title on your site as well.

Hiding Pages

To first hide a page from navigation, click on the Pages section on the right-hand side, hover over the page you want to hide and you will see the vertical ellipsis, click on that and choose “hide from navigation”.

Adding Alt Text

To add alt text to an image, first click on an image that you have uploaded to your site. After clicking on that image, you will see the vertical ellipsis appear in the image options section. From there, you can choose add alt text. Adding alt text allows screen readers to access the image for people who might have trouble seeing the content on your site.