Navigation

the top

Go to Complete List of Resources - Navigation for the links found on this page plus many additional links about each of the sub-topics.

Also see:

- Add a Button

- Create a Table of Contents

INTRODUCTION - Navigation

Depending on how you design your site, you have choices for adding or changing the way your user will navigate around your site and go to links. The two basic navigation menu choices are a sidebar, which can be on the left or right side of the pages, or a horizontal navigation menu along the top of your pages. You can add text, links, and gadgets to your sidebar, and you can add additional sidebars.

LINKS - Navigation - General

Google Sites: How to Edit Sidebar & Header

www.youtube.com/watch?v=XNy2tZlZkAk

Google Sites Tutorial- Pages and Navigation www.googlesiteswebdesign.com/2010/11/google-sites-tutorial-pages-and.html

Sidebar – On left side with sub-pages (navHO2014_sidebar)

Horizontal Navigation (on top left side) and Sidebar (on right side) (navRM2014_sidebarANDhoizontal)

Top

CHANGE YOUR HOME PAGE

Click on More (gear) -> Manage Site

In the main body of the page, you will see Landing page‎ - This is the default landing page that users will see when they visit your site‎

Click Change

Select the page you want as your home page

Notes:

  • If you want to delete a page, go to the page you want to delete, click on More (gear) -> Delete Page

  • You can recover a deleted page for a short period of time (approximately 30 days)

    • Click on More (gear) -> Manage Site. In the sidebar, choose Deleted Items

    • Select the page you want to recover and click the [Recover] button at the top of the page.

Top

ADD A TABLE OF CONTENTS

Add titles, headings

Then Insert -> Table of Contents

LINKS - Table of Contents

Working With Google Sites [includes embedded video (3:18)] sites.google.com/site/amslerclassroom/table-of-content

- Direct link to video on YouTube www.youtube.com/watch?v=eW5aq2RVHn0

Using the Table of Contents Gadget siteshelp.kccloudsolutions.com/step-by-step-guides/table-of-contents

MODIFY SIDEBAR

Getting Started

  1. Click on More (gear) -> Edit Site Layout

  2. Toggle on [Sidebar] button if it is not already highlighted

  3. Hover over the Sidebar title box and drag slightly down until the Navigation title box appears. Click on the Navigation box.

You will see the Configure Navigation window:

Sidebar box, with Navigation bar pulled down

LINKS - Sidebars

How to Change Navigation Sidebar Links in Google Sites [Kirsten Butcher] (YouTube 6:03) www.youtube.com/watch?v=Jxo6xie1z48

Add and remove pages from navigation [Ingot] - Use More --> Manage Manage Site

sites.google.com/site/sitetemplateinfo/tips/navigation

Use the sub page listing gadget [Ingot] sites.google.com/site/sitetemplateinfo/tips/use-the-sub-page-listing-gadget

Customize your site sidebar [Ingot] sites.google.com/site/sitetemplateinfo/tips/customize-your-site-sidebar

Google Sites: creating a new sidebar, renaming it, and adding pages [Heather Dunn] (YouTube 2:17)

www.youtube.com/watch?v=y5Jd8af2YbQ

Configure Navigation options

Note the defaults:

  • Automatically organize the navigation

  • Show two levels: pages and sub-pages

  • Show a link to the Sitemap

To change the level of pages that will appear in the sidebar, change the number in the box

To hide the Sitemap, un-check the [Sitemap] box

Remember that you will need to go back into the Configure Navigation menu if you want to include any new pages you create in on the menu.

Re-order the Links in Sidebar

  1. Un-check 'Automatically organize my navigation'. You will see a box to Select pages to show.

  2. Click on Add page link to open a window with all your pages in the site (Site map):

    1. Add Page window with a list of pages to add to sidebar

  1. Click on the name of the page, then click [OK].

  2. Continue to add all the pages you want in your sidebar: Click on Add page, highlight the page, then click [OK]

  3. You may need to open the drop down menu beside an item in the site map (such as Key Insights in the example above) to add the sub-pages.

  4. When all the pages you want on the sidebar are on the list, highlight a page you want to move.

    1. Select Pages to Show box with arrows to re-order the sidebar

  1. Use the up/down/left/ right arrows to re-order the pages.

  2. If you want a sub-page to appear under a main page, move the sub-page to the correct location (up/down) and then use the right arrow key to move it to a secondary position.

  3. You can also use the trash can icon to delete a page from the list of pages that will show in your sidebar. It does not delete the page from the site

Change Width or Location of Sidebar

  1. Click on More (gear) -> Edit Site Layout

  2. Toggle on [Sidebar] button if it is not already highlighted

  3. Click on Edit [pencil] in the Sidebar title box

Edit Sidebar window

You can display the sidebar on either the left or right side of the screen.

You can also change the width of the sidebar by changing the number of pixels. Pixels are quite small, so you may want to experiment with small changes until you get the width you want.

Add New Items to the Sidebar such as Text, Links, and Gadgets

  1. Click on More (gear) -> Edit Site Layout

  2. Toggle on [Sidebar] button if it is not already highlighted

  3. Click on Add [+] in the Sidebar title box

Choose a New Sidebar Item window

Scroll to see the available items. There are not a lot to choose from. The three that you may find useful are:

  • Navigation (Second Sidebar Menu)

You may want to add a second sidebar menu under the default one. One use of the second menu could be for links to web sites that are related to the projects you are working with.

  • Text (Text Box)

You may want to have a text box under your sidebar to add information you want on each page.

  • Countdown (Gadget)

Countdown Gadget

You can count down to a specific date – such as when your e-portfolio is due!

Top

Add Links in the Horizontal Navigation Menu

Click on Add page link to open a window with all your pages in the site (Site map):

ADD OR MODIFY HORIZONTAL NAVIGATION

Getting Started

  1. Click on More (gear) -> Edit Site Layout

  2. Toggle on [Horizontal Navigation] button if it is not already highlighted

  3. Hover over the Horizontal Navigation bar. If your design template doesn’t have a horizontal navigation menu, you will see it highlighted when you hover under the banner and above the body of the page.

  4. Click somewhere in the area to Edit Horizontal Navigation

You will see the Configure Navigation window, which is very similar to the window to configure a Sidebar.

LINKS - Horizontal Menu

Google Sites: adding horizontal navigation tabs [Heather Dunn] (YouTube 4:57) http://www.youtube.com/watch?v=10AeNB9_Fq0

Add and edit the horizontal navigation bar [Google] https://support.google.com/sites/answer/187377?hl=en&ref_topic=1046073

Window with Horizontal Navigation menu choices, including adding pages

  1. Click on the name of the page, then click [OK].

  2. Continue to select Add page, highlight the page, then click [OK] until all the pages you want in your sidebar are listed. You may need to open the drop down menu beside an item in the site map (such as Key Insights in the example above) to add the sub-pages.

  3. When all the pages you want on the sidebar are on the list, highlight a page you want to move.

  4. Use the up/down/left/right arrows to re-order the pages.

Select Pages to Show box with arrows to re-order the horizontal menu

Note that if you want a sub-page to appear under a main page, move the sub-page to the correct location (up/down) and then use the right arrow key to move it to a secondary position.

You can also use the trash can icon to delete a page from the list of pages that will show in your sidebar. It does not delete the page from the site.

You can toggle on or off the Sitemap button here, too.

Top

Change Style of Horizontal Menu Links

At the bottom of the Configure Navigation window for Horizontal Navigation, you can change the style of the buttons:

Options for horizontal menu style: Boxes, Tabs, Links

Examples:

Boxes

Tabs

Links

  1. Choose the style you want for your Horizontal Navigation menu

  2. Click on [OK]

Remember that you will need to go back into the Configure Navigation menu if you want to include any new pages you create in on the menu.

Top

--end

Help Desk: Google Sites: https://sites.google.com/site/helpdesksites/

Navigation: https://sites.google.com/site/helpdesksites/navigation